UI - basic read from docker API

ui/templates/error.html

@@ -0,0 +1,9 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+Something went wrong.
+
+Some information : {{ error }}
+
+{% endblock %}

ui/templates/home.html

@@ -2,6 +2,13 @@
 
 {% block content %}
 
-Lorem ipsum.
+<div class="row">
+	<div class="col">
+		{{ instances_number }} bunkerized-nginx instances
+	</div>
+	<div class="col">
+		{{ services_number }} web services
+	</div>
+</div>
 
 {% endblock %}

ui/templates/instances.html

@@ -0,0 +1,15 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<div class="row">
+	{% for instance in instances %}
+	<div class="col row-cols-1 row-cols-md-3">
+		ID = {{ instance["id"] }}<br />
+		Name = {{ instance["name"] }}<br />
+		Status = {{ instance["status"] }}
+	</div>
+	{% endfor %}
+</div>
+
+{% endblock %}

ui/templates/menu.html

@@ -11,7 +11,10 @@
 						<a class="nav-link" href="/">Home</a>
 					</li>
 					<li class="nav-item">
-						<a class="nav-link" href="#">Link</a>
+						<a class="nav-link" href="/instances">Instances</a>
+					</li>
+					<li class="nav-item">
+						<a class="nav-link" href="/services">Services</a>
 					</li>
 				</ul>
 			</div>

ui/templates/services.html

@@ -0,0 +1,15 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<div class="row">
+	{% for service in services %}
+	<div class="col row-cols-1 row-cols-md-3">
+		ID = {{ instance["id"] }}<br />
+		Name = {{ instance["name"] }}<br />
+		Status = {{ instance["status"] }}
+	</div>
+	{% endfor %}
+</div>
+
+{% endblock %}