waggeling.net/glauth-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

continued

Browse source 
implemented HTMX
implemented ORM (sequelize)
This commit is contained in:
Kai Waggeling 2025-11-29 21:56:21 +01:00
parent 2a9bd4e81b
commit d756a192e4
71 changed files with 3822 additions and 694 deletions
Download patch file Download diff file Expand all files Collapse all files

59
views/htmx/profile/showData.njk Normal file
View file

@ -0,0 +1,59 @@
<div class="flex flex-col gap-8">
<div class="w-full flex flex-row justify-between items-center">
<span class="text-2xl font-bold">
Personal Data
</span>
<div class="flex flex-row gap-4 items-center">
<a href="#" class="button-sm primary-fill"
hx-get="/htmx/profile/data/edit"
hx-target="#profile-data-section">
<i class="ti ti-pencil"></i>
Edit Data
</a>
<a href="#" class="button-sm primary-fill"
hx-get="/htmx/profile/password/edit"
hx-target="#profile-data-section">
<i class="ti ti-key"></i>
Edit Password
</a>
</div>
</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-2">
<span class="w-full text-xs uppercase" style="letter-spacing: 2px; color: var(--color-base-fg-200);">
Username
</span>
<span class="select-text">
{{ data.username }}
</span>
</div>
<div class="flex flex-col w-1/2 gap-2">
<span class="w-full text-xs uppercase" style="letter-spacing: 2px; color: var(--color-base-fg-200);">
User ID
</span>
<span class="select-text">
{{ data.uidnumber }}
</span>
</div>
</div>
<div class="flex flex-row align-center gap-4">
<div class="flex flex-col w-1/2 gap-2">
<span class="w-full text-xs uppercase" style="letter-spacing: 2px; color: var(--color-base-fg-200);">
Name
</span>
<span class="select-text">
{{ data.firstName }} {{ data.lastName }}
</span>
</div>
<div class="flex flex-col w-1/2 gap-2">
<span class="w-full text-xs uppercase" style="letter-spacing: 2px; color: var(--color-base-fg-200);">
Mail Address
</span>
<span class="select-text">
{{ data.mail }}
</span>
</div>
</div>
</div>
</div>