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

41
views/htmx/profile/editData.njk Normal file
View file

@ -0,0 +1,41 @@
<form class="flex flex-col gap-6" hx-post="/htmx/profile/data/edit" hx-target="#profile-data-section">
<div class="flex w-full">
<span class="text-2xl font-bold">
edit Personal Data
</span>
</div>
<div class="flex flex-col gap-3">
<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">
First Name
</label>
<input type="text" name="firstName" class="" placeholder="John" value="{{ data.firstName }}">
</div>
<div class="flex flex-col w-1/2 gap-3">
<label for="lastName" class="w-full text-sm font-medium">
Last Name
</label>
<input type="text" name="lastName" class="" placeholder="Doe" value="{{ data.lastName }}">
</div>
</div>
<div class="flex flex-col gap-3">
<label for="mail" class="w-full text-sm font-medium">
Mail Address
</label>
<input type="text" name="mail" class="" placeholder="john@doe.com" value="{{ data.mail }}">
</div>
</div>
<div class="flex w-full justify-end gap-4">
<a href="#" class="button-sm"
hx-get="/htmx/profile/data/show"
hx-target="#profile-data-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>