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

41 lines
No EOL
1.5 KiB
Text

<div class="card flex flex-col w-full">
<div class="w-full py-5 px-8 flex flex-row justify-between items-center">
<span class="text-2xl font-bold">
Users
</span>
<div class="flex flex-row gap-4 items-center">
<a href="#" class="button-sm primary-fill"
hx-get="/htmx/admin/group/create"
hx-target="#profile-data-section">
<i class="ti ti-users-plus"></i>
Create Group
</a>
</div>
</div>
<table class="w-full text-sm text-left">
<thead class="text-xs uppercase" style="background: var(--color-base-bg-200); color: var(--color-base-fg-300);">
<tr>
<th scope="col" class="px-6 py-3">
Name
</th>
<th scope="col" class="px-6 py-3">
</th>
</tr>
</thead>
<tbody>
{% for group in groupList %}
<tr class="border-b border-gray-700">
<th class="px-6 py-4 select-all font-medium whitespace-nowrap">
{{group.name}}
</th>
<td class="px-6 py-4 text-right">
<a href="#" class="font-medium hover:underline"
hx-get="/htmx/admin/groups/{{group.id}}"
hx-target="#admin-group-section">Edit</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>