From d6f13513aee29ec5d0a1701c68ef81095ee0c9e8 Mon Sep 17 00:00:00 2001
From: Schiriki <schiriki@raps2.de>
Date: Wed, 13 Mar 2024 23:46:56 +0100
Subject: [PATCH] Add name labels to login form

---
 client/components/ui/TextInput.vue | 5 +++--
 client/pages/login.vue             | 6 +++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/client/components/ui/TextInput.vue b/client/components/ui/TextInput.vue
index 5f871635..e06740ea 100644
--- a/client/components/ui/TextInput.vue
+++ b/client/components/ui/TextInput.vue
@@ -1,6 +1,6 @@
 <template>
   <div ref="wrapper" class="relative">
-    <input :id="inputId" ref="input" v-model="inputValue" :type="actualType" :step="step" :min="min" :readonly="readonly" :disabled="disabled" :placeholder="placeholder" class="rounded bg-primary text-gray-200 focus:border-gray-300 focus:bg-bg focus:outline-none border border-gray-600 h-full w-full" :class="classList" @keyup="keyup" @change="change" @focus="focused" @blur="blurred" />
+    <input :id="inputId" :name="inputName" ref="input" v-model="inputValue" :type="actualType" :step="step" :min="min" :readonly="readonly" :disabled="disabled" :placeholder="placeholder" class="rounded bg-primary text-gray-200 focus:border-gray-300 focus:bg-bg focus:outline-none border border-gray-600 h-full w-full" :class="classList" @keyup="keyup" @change="change" @focus="focused" @blur="blurred" />
     <div v-if="clearable && inputValue" class="absolute top-0 right-0 h-full px-2 flex items-center justify-center">
       <span class="material-icons text-gray-300 cursor-pointer" style="font-size: 1.1rem" @click.stop.prevent="clear">close</span>
     </div>
@@ -33,6 +33,7 @@ export default {
     textCenter: Boolean,
     clearable: Boolean,
     inputId: String,
+    inputName: String,
     step: [String, Number],
     min: [String, Number]
   },
@@ -117,4 +118,4 @@ input:read-only {
 input::-webkit-calendar-picker-indicator {
   filter: invert(1);
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/client/pages/login.vue b/client/pages/login.vue
index 9b7758d8..7f1ff621 100644
--- a/client/pages/login.vue
+++ b/client/pages/login.vue
@@ -34,10 +34,10 @@
 
         <form v-show="login_local" @submit.prevent="submitForm">
           <label class="text-xs text-gray-300 uppercase">{{ $strings.LabelUsername }}</label>
-          <ui-text-input v-model.trim="username" :disabled="processing" class="mb-3 w-full" />
+          <ui-text-input v-model.trim="username" :disabled="processing" class="mb-3 w-full" inputName="username" />
 
           <label class="text-xs text-gray-300 uppercase">{{ $strings.LabelPassword }}</label>
-          <ui-text-input v-model.trim="password" type="password" :disabled="processing" class="w-full mb-3" />
+          <ui-text-input v-model.trim="password" type="password" :disabled="processing" class="w-full mb-3" inputName="password" />
           <div class="w-full flex justify-end py-3">
             <ui-btn type="submit" :disabled="processing" color="primary" class="leading-none">{{ processing ? 'Checking...' : $strings.ButtonSubmit }}</ui-btn>
           </div>
@@ -281,4 +281,4 @@ export default {
     this.checkStatus()
   }
 }
-</script>
\ No newline at end of file
+</script>