Add images view

Images view manages all the images stored in the server.

Follow up patches adds actions to get and edit image details, and to
delete them.

2 files changed, 30 insertions, 1 deletions

diff --git a/ogcp/templates/images.html b/ogcp/templates/images.html
new file mode 100644
index 0000000..e698af9
--- /dev/null
+++ b/ogcp/templates/images.html
@@ -0,0 +1,29 @@
+{% extends 'base.html' %}
+
+{% block nav_images %}active{% endblock %}
+
+{% block container %}
+    <form id="imagesForm">
+        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
+    </form>
+    {{ super() }}
+</form>
+{% endblock %}
+
+{% block sidebar %}
+    <ul id="images" class="nav flex-column nav-pills">
+        {% for image in images %}
+            <li id="{{ image["name"] }}_{{ image["id"] }}" class="nav-item">
+                <input class="form-check-input" type="checkbox" form="imagesForm"
+                       value="{{ image["id"] }}"
+                       {% if image.get("selected", False) %}checked{% endif %}
+                       name="{{ image["name"] }}_{{ image["id"] }}" />
+                        {{ image["name"] }}
+            </li>
+        {% endfor %}
+    </ul>
+{% endblock %}
+
+{% block commands %}
+{% endblock %}
+
diff --git a/ogcp/templates/nav.html b/ogcp/templates/nav.html
index dc40207..edf5c05 100644
--- a/ogcp/templates/nav.html
+++ b/ogcp/templates/nav.html
@@ -17,7 +17,7 @@
         <a class="nav-link" href="{{ url_for('commands') }}">{{ _('Commands') }}</a>
       </li>
       <li class="nav-item {% if request.endpoint == "images" %}active{% endif %}">
-        <a class="nav-link" href="#">{{ _('Images') }}</a>
+        <a class="nav-link" href="{{ url_for('images') }}">{{ _('Images') }}</a>
       </li>
       <li class="nav-item {% if request.endpoint == "tasks" %}active{% endif %}">
         <a class="nav-link" href="#">{{ _('Tasks') }}</a>