1 files changed, 38 insertions, 5 deletions
diff --git a/ogcp/templates/actions/image_update.html b/ogcp/templates/actions/image_update.html
index 361165a..352b0d0 100644
--- a/ogcp/templates/actions/image_update.html
+++ b/ogcp/templates/actions/image_update.html
@@ -13,10 +13,43 @@
 
 {{ macros.cmd_selected_clients(selected_clients) }}
 
-{{ wtf.quick_form(form,
-                  action=url_for('action_image_update'),
-                  method='post',
-                  button_map={'update': 'primary'},
-                  extra_classes='mx-5') }}
+<form  class="form mx-5" method="POST" action="{{ url_for('action_image_update') }}">
+    {{ form.hidden_tag() }}
+
+    {{ form.ip }}
+
+    <div class="form-group">
+        {{ form.os.label(class="form-label") }}
+        {{ form.os(class="form-control", onchange="onPartitionClicked(this.value)") }}
+    </div>
+
+    <div class="form-group">
+        {{ form.image.label(class="form-label") }}
+        {{ form.image(class="form-control") }}
+    </div>
+
+    <div class="form-group form-check">
+        {{ form.backup(class="form-check-input") }}
+        {{ form.backup.label(class="form-check-label") }}
+    </div>
+
+    <div class="form-group">
+        {{ form.update(class="btn btn-primary") }}
+    </div>
+</form>
+
+<script>
+    const partContent = {{ part_content|tojson|safe }};
+    const imageField = document.querySelector('select[name="{{ form.image.name }}"]');
+    const partField = document.querySelector('select[name="{{ form.os.name }}"]');
+
+    function onPartitionClicked(selectedValue) {
+        if (selectedValue in partContent) {
+            imageField.value = partContent[selectedValue]
+        }
+    }
+
+    onPartitionClicked(partField.value)
+</script>
 
 {% endblock %}