From dc1c6304646a3b9a059e23a74324afb2eefb415c Mon Sep 17 00:00:00 2001
From: Alejandro Sirgo Rica <asirgo@soleta.eu>
Date: Mon, 15 Jul 2024 13:43:16 +0200
Subject: templates: make ClientDetailsForm render more compact

Make the client form more compact so the user does not require
to scroll to view all the information.
Place each label and field in the same row of the form layout.
Disable the Maintenance and Remote fields as they have not
actual functionality.
---
 ogcp/templates/actions/client_details.html | 72 ++++++++++++++++++++++++++++--
 1 file changed, 68 insertions(+), 4 deletions(-)

(limited to 'ogcp')

diff --git a/ogcp/templates/actions/client_details.html b/ogcp/templates/actions/client_details.html
index b7d0615..03c761e 100644
--- a/ogcp/templates/actions/client_details.html
+++ b/ogcp/templates/actions/client_details.html
@@ -11,10 +11,74 @@
 
 <h2 class="mx-5 subhead-heading">{{_('Client details')}}</h2>
 
-{{ wtf.quick_form(form,
-                  method='post',
-                  button_map={'submit': 'primary'},
-                  extra_classes="mx-5") }}
+<div class="container mt-5">
+    <form method="POST">
+        {{ form.hidden_tag() }}
+
+        {{ form.server() }}
+        {{ form.folder_id() }}
+
+        <div class="form-group row">
+            <label for="name" class="col-sm-2 col-form-label">{{ form.name.label }}</label>
+            <div class="col-sm-9">
+                {{ form.name(class="form-control") }}
+            </div>
+        </div>
+
+        <div class="form-group row">
+            <label for="ip" class="col-sm-2 col-form-label">{{ form.ip.label }}</label>
+            <div class="col-sm-9">
+                {{ form.ip(class="form-control") }}
+            </div>
+        </div>
+
+        <div class="form-group row">
+            <label for="mac" class="col-sm-2 col-form-label">{{ form.mac.label }}</label>
+            <div class="col-sm-9">
+                {{ form.mac(class="form-control") }}
+            </div>
+        </div>
+
+        <div class="form-group row">
+            <label for="serial_number" class="col-sm-2 col-form-label">{{ form.serial_number.label }}</label>
+            <div class="col-sm-9">
+                {{ form.serial_number(class="form-control") }}
+            </div>
+        </div>
+
+        <div class="form-group row">
+            <label for="livedir" class="col-sm-2 col-form-label">{{ form.livedir.label }}</label>
+            <div class="col-sm-9">
+                {{ form.livedir(class="form-control") }}
+            </div>
+        </div>
+
+        <div class="form-group row">
+            <label for="repo" class="col-sm-2 col-form-label">{{ form.repo.label }}</label>
+            <div class="col-sm-9">
+                {{ form.repo(class="form-control") }}
+            </div>
+        </div>
+
+        <div class="form-group row">
+            <label for="room" class="col-sm-2 col-form-label">{{ form.room.label }}</label>
+            <div class="col-sm-9">
+                {{ form.room(class="form-control") }}
+            </div>
+        </div>
+
+        <div class="form-group row">
+            <label for="boot" class="col-sm-2 col-form-label">{{ form.boot.label }}</label>
+            <div class="col-sm-9">
+                {{ form.boot(class="form-control") }}
+            </div>
+        </div>
+
+        <div class="form-group">
+            {{ form.submit(class="btn btn-primary") }}
+        </div>
+    </form>
+</div>
 
 <table class="table">
     <tbody class="text-center">
-- 
cgit v1.2.3-18-g5258