Skip to content

Commit abc5085

Browse files
JulianSobottJulianSobott
committed
frontend: index + some styling
1 parent 00423d1 commit abc5085

File tree

7 files changed

+53
-29
lines changed

7 files changed

+53
-29
lines changed

‎server/routes/frontend.py‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ def count_trivy_findings(host) -> TrivyFindings:
3535
for container in host.containers:
3636
image = container.image
3737
if image and image.status_trivy:
38-
image_findings = count_trivy_findings(image)
38+
image_findings = count_trivy_findings_image(image)
3939
trivy_findings.high += image_findings.high
4040
trivy_findings.medium += image_findings.medium
4141
trivy_findings.low += image_findings.low

‎server/routes/general.py‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
from flask import jsonify, Blueprint
1+
from flask import jsonify, Blueprint, render_template
22
from sqlalchemy.sql import text
33
from extensions import db
44
import subprocess
@@ -11,7 +11,7 @@
1111

1212
@general.route('/', methods=['GET'])
1313
def get_home():
14-
return "there is nothing to see yet, please use the cli (see readme)! :)"
14+
return render_template("index.html")
1515

1616

1717
@general.route('/health', methods=['GET'])

‎server/templates/base.html.j2‎

Lines changed: 42 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -8,46 +8,66 @@
88
<title>DockerInv{% block title %}{% endblock %}</title>
99
<link rel="icon" href="/favicon.ico" type="image/x-icon">
1010

11-
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css" rel="stylesheet" type="text/css" />
11+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css" rel="stylesheet" type="text/css"/>
1212
<script src="https://cdn.tailwindcss.com"></script>
1313
{% block headers %}
1414
{% endblock %}
1515
<style>
16-
html,body {
17-
padding: 0;
18-
margin: 0;
19-
}
16+
html, body {
17+
padding: 0;
18+
margin: 0;
19+
}
2020
</style>
2121
</head>
2222
<body>
23+
<div class="navbar bg-base-100 bg-secondary-content">
24+
<div class="flex-1">
25+
<a class="btn btn-ghost text-xl" href="/">DockerInv</a>
26+
</div>
27+
<div class="navbar-center text-info">
28+
{{ self.page() }}
29+
</div>
30+
<div class="flex-none navbar-end">
31+
<ul class="menu menu-horizontal px-1">
32+
<li><a href="/images">Images</a></li>
33+
<li><a href="/hosts">Hosts</a></li>
34+
</ul>
35+
<div class="form-control">
36+
<input type="text" placeholder="Host, Image, Container" class="input input-bordered w-24 md:w-auto"/>
37+
</div>
38+
</div>
39+
</div>
40+
41+
<div class="m-8">
2342
{% block body %}
2443
{% endblock %}
44+
</div>
2545

26-
<div class="fixed bottom-0 left-0 p-4">
27-
<label class="swap swap-rotate">
46+
<div class="fixed bottom-0 left-0 p-4">
47+
<label class="swap swap-rotate">
2848
<!-- this hidden checkbox controls the state -->
29-
<input type="checkbox" class="theme-controller" value="light" />
49+
<input type="checkbox" class="theme-controller" value="light"/>
3050

3151
<!-- sun icon -->
3252
<svg
33-
class="swap-off h-10 w-10 fill-current"
34-
xmlns="http://www.w3.org/2000/svg"
35-
viewBox="0 0 24 24">
36-
<path
37-
d="M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z"></path>
53+
class="swap-off h-10 w-10 fill-current"
54+
xmlns="http://www.w3.org/2000/svg"
55+
viewBox="0 0 24 24">
56+
<path
57+
d="M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z"></path>
3858
</svg>
3959

4060
<!-- moon icon -->
4161
<svg
42-
class="swap-on h-10 w-10 fill-current"
43-
xmlns="http://www.w3.org/2000/svg"
44-
viewBox="0 0 24 24">
45-
<path
46-
d="M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z"></path>
62+
class="swap-on h-10 w-10 fill-current"
63+
xmlns="http://www.w3.org/2000/svg"
64+
viewBox="0 0 24 24">
65+
<path
66+
d="M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z"></path>
4767
</svg>
48-
</label>
49-
</div>
50-
{% block scripts %}
51-
{% endblock %}
68+
</label>
69+
</div>
70+
{% block scripts %}
71+
{% endblock %}
5272
</body>
5373
</html>

‎server/templates/host.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
{% block page %}{{ data.host.name }}{% endblock %}
44

55
{% block body %}
6-
<h1>{{ data.host.name }} Overview</h1>
76

87
<table class="table table-zebra">
98
<thead>

‎server/templates/hosts.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
{% extends 'base.html.j2' %}
22

3-
{% block page %}Dashboard{% endblock %}
3+
{% block page %}Hosts{% endblock %}
44

55
{% block body %}
6-
<h1>Hosts Overview</h1>
76
<table class="table table-zebra">
87
<thead>
98
<tr>

‎server/templates/images.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
{% block page %}Images{% endblock %}
44

55
{% block body %}
6-
<h1>Images Overview</h1>
76
<table class="table table-zebra">
87
<thead>
98
<tr>

‎server/templates/index.html‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{% extends 'base.html.j2' %}
2+
3+
{% block page %}{% endblock %}
4+
5+
{% block body %}
6+
For instructions on how to add hosts, see the README
7+
{% endblock %}

0 commit comments

Comments
 (0)