glauth-ui/views/htmx/admin/editGroup.njk
Kai Waggeling d756a192e4 continued
implemented HTMX
implemented ORM (sequelize)
2025-11-29 21:56:21 +01:00

45 lines
No EOL
1.8 KiB
Text

<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>