Files
wizarr/app/templates/modals/edit-identity.html
2025-10-07 11:04:58 +02:00

58 lines
3.3 KiB
HTML

<div class="relative modal-container"
aria-labelledby="modal-title"
role="dialog"
aria-modal="true">
<div class="fixed inset-0 modal-backdrop transition-opacity"></div>
<div class="fixed inset-0 z-10 overflow-y-auto">
<div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
<div class="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-md dark:bg-gray-800">
<div class="bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4 dark:bg-gray-800">
<div class="flex justify-between items-center pb-3">
<h1 class="text-xl font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white">
{{ _("Edit Identity") }}
</h1>
<button onclick="document.getElementById('modal').classList.add('hidden')"
type="button"
class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white">
<svg class="w-3 h-3"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 14 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
</svg>
<span class="sr-only">Close modal</span>
</button>
</div>
<form hx-post="{{ url_for('admin.edit_identity', identity_id=identity.id) }}"
hx-target="#user_table"
hx-swap="outerHTML swap:0.5s"
class="space-y-4 md:space-y-6">
<div>
<label for="nickname"
class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">{{ _("Nickname") }}</label>
<input type="text"
id="nickname"
name="nickname"
value="{{ identity.nickname or '' }}"
class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary focus:border-primary block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white"
placeholder="Enter nickname">
</div>
<div class="bg-gray-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6 dark:bg-gray-800">
<button type="submit"
class="inline-flex w-full justify-center rounded-md bg-primary px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-primary_hover sm:ml-3 sm:w-auto">
{{ _("Save") }}
</button>
<button type="button"
onclick="document.getElementById('modal').classList.add('hidden')"
class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-gray-600">
{{ _("Cancel") }}
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>