59 lines
No EOL
2.3 KiB
Text
59 lines
No EOL
2.3 KiB
Text
<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> |