Add cosmetic improvements

* Adds label for each action page.
* Adds a colored state for opengnsys connected clients
* Fix nav active item
* Rename some actions
* Adds DISK to partition and format form

9 files changed, 62 insertions, 6 deletions

diff --git a/ogcp/templates/actions/client_details.html b/ogcp/templates/actions/client_details.html
index 3ef13a6..39963bd 100644
--- a/ogcp/templates/actions/client_details.html
+++ b/ogcp/templates/actions/client_details.html
@@ -3,8 +3,11 @@
 
 {% block content %}
 
+<h1 class="m-5">{{_('Client details')}}</h1>
+
 {{ wtf.quick_form(form,
                   method='post',
-                  button_map={'create': 'primary'}) }}
+                  button_map={'create': 'primary'},
+                  extra_classes="mx-5") }}
 
 {% endblock %}
diff --git a/ogcp/templates/actions/hardware.html b/ogcp/templates/actions/hardware.html
index 31f4d81..c447c57 100644
--- a/ogcp/templates/actions/hardware.html
+++ b/ogcp/templates/actions/hardware.html
@@ -3,6 +3,10 @@
 
 {% block content %}
 
+<h1 class="m-5">{{_('Hardware inventory')}}</h1>
+
+<h2 class="mb-3 mx-5">Selected client: {{ form.ips.data }}</h1>
+
 <table class="table table-striped">
   <thead class="thead-dark">
     <tr>
diff --git a/ogcp/templates/actions/image_create.html b/ogcp/templates/actions/image_create.html
index 2e2b4f9..3542cd2 100644
--- a/ogcp/templates/actions/image_create.html
+++ b/ogcp/templates/actions/image_create.html
@@ -3,9 +3,20 @@
 
 {% block content %}
 
+<h1 class="m-5">{{_('Create a partition image')}}</h1>
+
+<h2 class="mx-5">Selected client: {{ form.ip.data }}</h1>
+
+<ul class="list-group mx-5 list-group-horizontal-sm">
+{% for ip in ip_list %}
+    <li class="list-group-item flex-fill list-group-item-info">{{ ip }}</li>
+{% endfor %}
+</ul>
+
 {{ wtf.quick_form(form,
                   action=url_for('action_image_create'),
                   method='post',
-                  button_map={'create': 'primary'}) }}
+                  button_map={'create': 'primary'},
+                  extra_classes='mx-5') }}
 
 {% endblock %}
diff --git a/ogcp/templates/actions/image_restore.html b/ogcp/templates/actions/image_restore.html
index cf50b43..9742bbd 100644
--- a/ogcp/templates/actions/image_restore.html
+++ b/ogcp/templates/actions/image_restore.html
@@ -3,6 +3,16 @@
 
 {% block content %}
 
+{% set ip_list = form.ips.data.split(' ') %}
+{% set ip_count = ip_list | length %}
+<h1 class="m-5">Restore partition image to {{ip_count}} {%if ip_count > 1%}computers{% else %}computer{% endif %}</h1>
+
+<ul class="list-group mx-5 list-group-horizontal-sm">
+{% for ip in ip_list %}
+    <li class="list-group-item flex-fill list-group-item-info">{{ ip }}</li>
+{% endfor %}
+</ul>
+
 {{ wtf.quick_form(form,
                   action=url_for('action_image_restore'),
                   method='post',
diff --git a/ogcp/templates/actions/mode.html b/ogcp/templates/actions/mode.html
index d93e8a7..0fd3266 100644
--- a/ogcp/templates/actions/mode.html
+++ b/ogcp/templates/actions/mode.html
@@ -3,6 +3,16 @@
 
 {% block content %}
 
+{% set ip_list = form.ips.data.split(' ') %}
+{% set ip_count = ip_list | length %}
+<h1 class="m-5">Changing boot mode of {{ip_count}} {%if ip_count > 1%}computers{% else %}computer{% endif %}</h1>
+
+<ul class="list-group mx-5 list-group-horizontal-sm">
+{% for ip in ip_list %}
+    <li class="list-group-item flex-fill list-group-item-info">{{ ip }}</li>
+{% endfor %}
+</ul>
+
 {{ wtf.quick_form(form,
                   action=url_for('action_mode'),
                   method='post',
diff --git a/ogcp/templates/actions/session.html b/ogcp/templates/actions/session.html
index 3023a57..528c928 100644
--- a/ogcp/templates/actions/session.html
+++ b/ogcp/templates/actions/session.html
@@ -3,9 +3,12 @@
 
 {% block content %}
 
+<h1 class="m-5">{{_('Start session')}}</h1>
+
 {{ wtf.quick_form(form,
                   action=url_for('action_session'),
                   method='post',
-                  button_map={'run': 'primary'}) }}
+                  button_map={'run': 'primary'},
+                  extra_classes='mx-5') }}
 
 {% endblock %}
diff --git a/ogcp/templates/actions/setup.html b/ogcp/templates/actions/setup.html
index cc26804..f105dd2 100644
--- a/ogcp/templates/actions/setup.html
+++ b/ogcp/templates/actions/setup.html
@@ -3,12 +3,14 @@
 
 {% block content %}
 
+<h1 class="m-5">{{_('Partition and Format')}}</h1>
+
 {% for form in forms %}
 
 {{ wtf.quick_form(form,
                   method='post',
-									form_type='inline',
-									extra_classes='m-2 p-2',
+                  form_type='inline',
+                  extra_classes='mx-5 pb-3',
                   button_map={'modify': 'primary',
                               'delete': 'danger'}) }}
 
diff --git a/ogcp/templates/actions/software.html b/ogcp/templates/actions/software.html
index 713f89b..71dc0ae 100644
--- a/ogcp/templates/actions/software.html
+++ b/ogcp/templates/actions/software.html
@@ -3,9 +3,12 @@
 
 {% block content %}
 
+<h1 class="m-5">{{_('Software Inventory')}}</h1>
+
 {{ wtf.quick_form(form,
                   action=url_for('action_software'),
                   method='post',
-                  button_map={'view': 'primary', 'update': 'primary'}) }}
+                  button_map={'view': 'primary', 'update': 'primary'},
+                  extra_classes="mx-5")}}
 
 {% endblock %}
diff --git a/ogcp/templates/actions/wol.html b/ogcp/templates/actions/wol.html
index 61494f9..0692589 100644
--- a/ogcp/templates/actions/wol.html
+++ b/ogcp/templates/actions/wol.html
@@ -3,6 +3,16 @@
 
 {% block content %}
 
+{% set ip_list = form.ips.data.split(' ') %}
+{% set ip_count = ip_list | length %}
+<h1 class="m-5">Powering on {{ip_count}} {%if ip_count > 1%}computers{% else %}computer{% endif %}</h1>
+
+<ul class="list-group mx-5 list-group-horizontal-sm">
+{% for ip in ip_list %}
+    <li class="list-group-item flex-fill list-group-item-info">{{ ip }}</li>
+{% endfor %}
+</ul>
+
 {{ wtf.quick_form(form,
                   action=url_for('action_wol'),
                   method='post',