some more ui work

src/templates/dmm-installer-template.yaml

@@ -7,7 +7,8 @@ settings:
     language: en
     devmode: True 
     apt_depends: util-linux adduser parted e2fsprogs debootstrap
-    apps: main welcome users disks software summary
+    apps: main welcome users disks software summary install
+    menu_order: welcome users disks software summary
 
 recipe:
     Install some packages:

src/templates/footer.html

@@ -1,12 +1,29 @@
 <!-- Buttons on the left -->
 <div style="position: absolute; bottom: 15px; left: 15px;">
-    <button class="button is-light">Back</button>
-    <button class="button is-light">Connect Active Directory</button>
-    <button class="button is-light">Connect LDAP</button>
+
+{% if previous_step %}
+<a href="/{{ previous_step }}"><button class="button is-light">Back</button></a>
+{% endif %}
+
+{% if bottom_menu %}
+{{ bottom_menu | safe }}
+{% endif %}
+
+{% if connect %}
+<button class="button is-light">Connect Active Directory</button>
+<button class="button is-light">Connect LDAP</button>
+{% endif %}
+
 </div>
 
 
 <!-- Buttons on the right -->
 <div style="position: absolute; bottom: 15px; right: 15px;">
-    <a href="./disks"><button class="button is-link">Next</button></a>
+{% if next_step %}
+{% if next_step == "install" %}
+<a href="/{{ next_step }}"><button class="button is-link">Install</button></a>
+{% else %}
+<a href="/{{ next_step }}"><button class="button is-link">Next</button></a>
+{% endif %}
+{% endif %}
 </div>

src/templates/header.html

@@ -4,12 +4,12 @@
 <!-- drag region class: -->
 <!-- <div id="titlebar" class="pywebview-drag-region" style="padding: 15px; margin: -15px; padding-bottom: 30px;"> -->
 
-    <button class="button is-link"> ☰ </button>
-    <a href="/welcome"><button class="button is-{% if request.path == "/welcome" %}info{% else %}dark{% endif %}">Welcome</button></a>
-    <a href="/users"><button class="button is-{% if request.path == "/users" %}info{% else %}dark{% endif %}">Users</button></a>
-    <a href="/disks"><button class="button is-{% if request.path == "/disks" %}info{% else %}dark{% endif %}">Disks</button></a>
-    <a href="/software"><button class="button is-{% if request.path == "/software" %}info{% else %}dark{% endif %}">Software</button></a>
-    <a href="/summary"><button class="button is-{% if request.path == "/summary" %}info{% else %}dark{% endif %}">Summary</button></a>
+<button class="button is-link"> ☰ </button>
+
+{% for item in menu_order %}
+<a href="{{ menu[item][1]}}"> <button class="button is-{% if request.path == menu[item][1] %}info{% else %}dark{% endif %}"> {{ menu[item][0]}} </button></a>
+{% endfor %}
+
 
 <div style="position: absolute; top: 15px; right: 15px;">
     <a href="/help"> <button class="button is-light"> <b> ? </b> </button></a>