continued

implemented HTMX
implemented ORM (sequelize)

views/htmx/admin/editGroup.njk

@@ -0,0 +1,45 @@
+<form class="flex flex-col gap-6 p-12" hx-post="/htmx/admin/groups/{{ group.id }}" hx-target="#admin-group-section">
+    <div class="w-full flex flex-row justify-between items-center">
+        <span class="text-2xl font-bold">
+            edit Group {{ group.name }}
+        </span>
+    </div>
+    <div class="flex flex-col gap-8">
+        <div class="flex flex-row align-center gap-4">
+            <div class="flex flex-col w-1/2 gap-3">
+                <label for="firstName" class="w-full text-sm font-medium">
+                    Group Name
+                </label>
+                <input type="text" name="name" placeholder="Group Name" value="{{ group.name }}">
+            </div>
+            <div class="flex flex-col w-1/2 gap-3">
+                <label for="lastName" class="w-full text-sm font-medium">
+                    Group ID
+                </label>
+                <input type="number" name="gidnumber" placeholder="1000" value="{{ group.gidnumber }}">
+            </div>
+        </div>
+        <div class="flex flex-row align-center gap-3">
+            <div class="flex flex-col w-full gap-2">
+                <span class="w-full text-xs uppercase" style="letter-spacing: 2px; color: var(--color-base-fg-200);">
+                    LDAP Path
+                </span>
+                <span class="select-text">
+                    ou={{ group.name }},{{ ldap.baseDN }}
+                </span>
+            </div>
+        </div>
+    </div>
+    <div class="flex w-full justify-end gap-4">
+        <a href="#" class="button-sm"
+            hx-get="/htmx/admin/groups/table"
+            hx-target="#admin-group-section">
+            <i class="ti ti-arrow-left"></i>
+            Back
+        </a>
+        <button type="button" class="button-sm primary-fill">
+            <i class="ti ti-device-floppy"></i>
+            Save Changes
+        </button>
+    </div>
+</form>