src: add menu to manage repos

The menu includes a list of the repos of each server. The user can
select a server or a repo to make changes.

As of now, the only action possible is to add a repo to selected
server.

The work contained in this commit can be structured in:

1. Add the repos menu:
- Add a 'repos' button in the menus bar (base.html).
- Add repos.html template to create the management repos menu.
- In ogcp.js, add function to store in browser's local storage which
  elements of the sidebar are uncollapsed. This saves the sidebar state
  after a page refresh.
- Add manage_repos() in views.py

2. Allow to add a repo:
- Add template with form to add a repo (repos_details.html)
- Create RepoForm(FlaskForm) in action_forms.py
- Add repo_add_get() and repo_add_post() in views.py

1 files changed, 59 insertions, 0 deletions

diff --git a/ogcp/templates/repos.html b/ogcp/templates/repos.html
new file mode 100644
index 0000000..881057b
--- /dev/null
+++ b/ogcp/templates/repos.html
@@ -0,0 +1,59 @@
+{% extends 'base.html' %}
+
+{% block nav_repos %}active{% endblock %}
+
+{% block container %}
+    <form id="reposForm">
+        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
+    </form>
+    {{ super() }}
+</form>
+{% endblock %}
+
+{% block sidebar %}
+    <ul id="repos-list" class="nav ogcp-nav flex-column nav-pills">
+        {% for repos in repos_resp %}
+        {% set server_name = repos["server"].name %}
+        {% set server_ip_port = repos["server"].ip ~ ":" ~ repos["server"].port %}
+        {% set repos_list = repos["json"]["repositories"] %}
+        <li class="nav-item">
+            <input class="form-check-input" type="checkbox" form="reposForm"
+                value="{{ server_ip_port }}" name="selected-server" />
+            <a class="nav-link {% if not repos_list %}disabled{% endif %}" href="#server{{loop.index}}"
+                       {% if repos_list %}data-toggle="collapse"{% endif %}>
+                {{ server_name }}
+            </a>
+            <ul class="nav flex-column collapse" id="server{{loop.index}}">
+                {% for r in repos_list %}
+                <li class="nav-item">
+                    <input class="form-check-input" type="checkbox" form="reposForm"
+                           value="{{ r["id"] }}"
+                           name="selected-repo" />
+                    {{ r["name"] }}
+                </li>
+                {% endfor %}
+            </ul>
+        </li>
+        {% endfor %}
+    </ul>
+    <script>
+        // Launch the javascript on document ready, so all the global functions exists
+        // in the scope
+        document.addEventListener('readystatechange', () => {
+            if (document.readyState === 'complete') {
+                keepReposTreeState()
+            }
+        });
+    </script>
+{% endblock %}
+
+{% block commands %}
+  <input class="btn btn-light {% block nav_repo_add %}{% endblock %}" type="submit" value="{{ _('Add repo') }}"
+         form="reposForm" formaction="{{ url_for('repo_add_get') }}" formmethod="get">
+
+  {% if btn_back %}
+    <button class="btn btn-danger ml-3" type="button" id="backButton" onclick="history.back()">
+      {{ _("Back") }}
+    </button>
+  {% endif %}
+{% endblock %}