continued

implemented HTMX
implemented ORM (sequelize)

views/htmx/admin/groupTable.njk

@@ -0,0 +1,41 @@
+<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>