frontend: images view

Author: JulianSobott

server/routes/frontend.py

@@ -4,6 +4,7 @@
 from flask import render_template, Blueprint
 
 from models.host import Host
+from models.image import Image
 
 frontend = Blueprint('frontend', __name__)
 
@@ -108,3 +109,23 @@ def get_host(host_id):
         })
 
     return render_template('host.html', data=data)
+
+
+@frontend.route('/images', methods=['GET'])
+def get_images():
+    images = Image.query.all()
+
+    data = []
+    for image in images:
+        is_eol = is_image_eol(image)
+        trivy_findings = count_trivy_findings_image(image)
+        usage_count = len(image.containers)
+
+        data.append({
+            'name': image.name,
+            'image_eol': is_eol,
+            'trivy_findings': trivy_findings,
+            'usage_count': usage_count,
+        })
+
+    return render_template('images.html', data=data)

server/templates/images.html

@@ -0,0 +1,45 @@
+{%  extends 'base.html.j2' %}
+
+{% block page %}Images{% endblock %}
+
+{% block body %}
+<h1>Images Overview</h1>
+<table class="table table-zebra">
+    <thead>
+    <tr>
+        <th>Image Name</th>
+        <th>Result of XEOL</th>
+        <th>Result of Trivy</th>
+        <th>Usage by Containers</th>
+    </tr>
+    </thead>
+    <tbody>
+    {% for image in data %}
+        <tr class="hover" onclick="openImage('{{ image.id }}')">
+            <td>{{ image.name }}</td>
+            <td>
+                {% if image.image_eol %}
+                    <span class="text-error">EOL</span>
+                {% else %}
+                    <span class="text-success"></span>
+                {% endif %}
+            </td>
+            <td>
+                <span class="text-error">{{ image.trivy_findings['high'] }}</span> |
+                <span class="text-warning">{{ image.trivy_findings['medium'] }}</span> |
+                <span class="text-info">{{ image.trivy_findings['low'] }}</span>
+            </td>
+            <td>{{ image.usage_count }}</td>
+        </tr>
+    {% endfor %}
+    </tbody>
+</table>
+{% endblock %}
+
+{% block scripts %}
+<script>
+    function openImage(id) {
+        window.location.href = "/images/" + id;
+    }
+</script>
+{% endblock %}