From 1d49f210c57f5e75e649062ed270af2b211b36d0 Mon Sep 17 00:00:00 2001
From: TobiZog <developer@zoghaib.de>
Date: Fri, 29 Nov 2024 11:34:35 +0100
Subject: [PATCH] Add hint for inputs in Welcome Dialog

---
 src/pages/misc/homePage/welcomeDialog.vue |  9 ++++----
 src/scripts/validationRules.ts            | 28 +++++++++++++++++++++++
 2 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/src/pages/misc/homePage/welcomeDialog.vue b/src/pages/misc/homePage/welcomeDialog.vue
index b9888ea..022163f 100644
--- a/src/pages/misc/homePage/welcomeDialog.vue
+++ b/src/pages/misc/homePage/welcomeDialog.vue
@@ -2,6 +2,7 @@
 import actionDialog from '@/components/basics/actionDialog.vue';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
 import ServerStateText from '@/components/pageParts/serverStateText.vue';
+import { getRegisterNumberRules, getStringRules } from '@/scripts/validationRules';
 import { useFeedbackStore } from '@/stores/feedback.store';
 import { usePreferencesStore } from '@/stores/preferences.store';
 import { ref, watch } from 'vue';
@@ -135,9 +136,9 @@ watch(() => currentStep.value, () => {
                 <v-col>
                   <v-text-field
                     variant="outlined"
-                    hide-details
                     :label="$t('misc.yourFullName')"
                     v-model="preferencesStore.studentName"
+                    :rules="getStringRules(4)"
                   />
                 </v-col>
               </v-row>
@@ -146,9 +147,9 @@ watch(() => currentStep.value, () => {
                 <v-col>
                   <v-text-field
                     variant="outlined"
-                    hide-details
                     :label="$t('misc.registrationNumber')"
                     v-model="preferencesStore.registrationNumber"
+                    :rules="getRegisterNumberRules()"
                   />
                 </v-col>
               </v-row>
@@ -177,8 +178,8 @@ watch(() => currentStep.value, () => {
             <outlined-button
               v-else
               @click="showDialog = false; preferencesStore.firstStartup = false"
-              :disabled="preferencesStore.studentName.length == 0 || 
-                preferencesStore.registrationNumber.length == 0"
+              :disabled="preferencesStore.studentName.length < 5 || 
+                preferencesStore.registrationNumber.length < 8"
               prepend-icon="mdi-check"
               color="success"
             >
diff --git a/src/scripts/validationRules.ts b/src/scripts/validationRules.ts
index d51fb46..85ea557 100644
--- a/src/scripts/validationRules.ts
+++ b/src/scripts/validationRules.ts
@@ -168,4 +168,32 @@ export function getIbanRules() {
       }
     }
   ]
+}
+
+export function getRegisterNumberRules() {
+  const feedbackStore = useFeedbackStore()
+
+  return [
+    value => {
+      if (value) {
+        return true
+      } else {
+        return feedbackStore.i18n.t('misc.validation.required')
+      }
+    },
+    value => {
+      if (value?.length >= 8) {
+        return true
+      } else {
+        return feedbackStore.i18n.t('misc.validation.notEnoughChars')
+      }
+    },
+    value => {
+      if(!isNaN(value) && !isNaN(parseFloat(value))) {
+        return true
+      } else {
+        return feedbackStore.i18n.t('misc.validation.onlyDigitsAllowed')
+      }
+    }
+  ]
 }
\ No newline at end of file