Update hypha/apply/users/templates/users/partials/list.html

Co-authored-by: Wes Appler <145372368+wes-otf@users.noreply.github.com>

Author: frjo

hypha/apply/users/templates/users/partials/list.html

@@ -6,7 +6,7 @@
                 <li class="flex gap-2 items-center p-2 rounded border bg-base-100">
                     {% heroicon_micro "key" class="size-4 text-fg-muted" aria_hidden=true %}
                     <form
-                        x-data="{ dirty: false }"
+                        x-data="{ pkcurrent: '{{ passkey.name }}', pkinput: '{{ passkey.name }}' }"
                         hx-post="{% url 'users:passkey_rename' passkey.pk %}"
                         hx-target="#passkey-list"
                         hx-swap="outerHTML"
@@ -16,14 +16,13 @@
                         <input
                             type="text"
                             name="name"
-                            value="{{ passkey.name }}"
+                            x-model="pkinput"
                             class="flex-1 input input-xs input-ghost"
                             aria-label="{% trans 'Passkey name' %}"
                             data-tippy-content="{% trans 'Click to edit name' %}"
-                            @input="dirty = true"
                             required
                         />
-                        <button type="submit" class="btn btn-ghost btn-xs" :class="dirty && 'text-success'" title="{% trans 'Save name' %}">
+                        <button type="submit" class="btn btn-ghost btn-xs text-success" :class="pkcurrent == pkinput && 'btn-disabled invisible'"  title="{% trans 'Save name' %}">
                             {% heroicon_micro "check" class="size-4" aria_hidden=true %}
                         </button>
                     </form>