From 54efebf12ee3d2dd7e7eb138f53f790e7352aaf4 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Tue, 30 Jul 2024 23:22:46 +0200
Subject: [PATCH] Add loginState to skip nami login

---
 src/components/fields/Nami.vue | 32 +++++++++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 5 deletions(-)

diff --git a/src/components/fields/Nami.vue b/src/components/fields/Nami.vue
index 4d999fb..8953c10 100644
--- a/src/components/fields/Nami.vue
+++ b/src/components/fields/Nami.vue
@@ -13,16 +13,27 @@
                         Bitte achte außerdem darauf, dass du mindestens <span class="font-semibold">Leserechte</span> auf deine Gruppierung hast. Diese kann dir i.d.R. dein
                         <span class="font-semibold">StaVo</span> erteilen.
                     </p>
+                    <v-checkbox
+                        :modelValue="loginState !== 'nami'"
+                        @update:modelValue="loginState = $event ? 'skipping' : 'nami'"
+                        name="login_state"
+                        id="login_state"
+                        description="Ich bin kein Mitglied der DPSG im DV Köln und möchte daher meine Mitglieder selbst eingeben."
+                        intro=""
+                    ></v-checkbox>
                 </div>
                 <div class="flex mt-4 space-x-3">
                     <v-text @keypress.enter="innerLogin" name="nami_mglnr" label="Mitgliedsnummer" id="nami_mglnr" v-model="loginData.mglnr" required></v-text>
                     <v-text @keypress.enter="innerLogin" name="nami_password" label="Passwort" id="nami_password" v-model="loginData.password" type="password" required></v-text>
-                    <v-btn class="self-end" @click.prevent="innerLogin">Anmelden</v-btn>
+                    <v-btn class="self-end" @click.prevent="innerLogin">
+                        <span v-text="loginState === 'nami' ? 'Anmelden' : 'Weiter'"></span>
+                    </v-btn>
                 </div>
             </template>
             <template #finished>
                 <div class="flex items-center justify-between">
-                    <div>Erfolgreich eingeloggt als {{ user }}.</div>
+                    <div v-if="user">Erfolgreich eingeloggt als {{ user }}.</div>
+                    <div v-else>Nicht eingeloggt</div>
                     <v-btn class="self-end" @click.prevent="innerLogout">Abmelden</v-btn>
                 </div>
             </template>
@@ -225,7 +236,7 @@ if (user.value !== null) {
 
 const {resolveComponentName} = useFields();
 const step = computed(() => {
-    if (user.value === null) {
+    if (user.value === null && loginState.value !== 'skipped') {
         return 1;
     }
 
@@ -247,6 +258,7 @@ function deleteMember(index) {
 }
 
 const membersAccepted = ref(false);
+const loginState = ref('nami');
 const membersCompleted = ref(false);
 const emit = defineEmits(['update:modelValue']);
 const props = defineProps({
@@ -288,6 +300,13 @@ const inner = computed(
     {deep: true},
 );
 async function innerLogin() {
+    if (loginState.value === 'skipping') {
+        loginState.value = 'skipped';
+        membersAccepted.value = true;
+        membersCompleted.value = false;
+        return;
+    }
+
     await login();
     membersAccepted.value = false;
     membersCompleted.value = false;
@@ -312,8 +331,11 @@ function toggleMember(member) {
 }
 
 async function innerLogout() {
-    logout();
-    resetSearchData();
+    if (loginState.value !== 'skipped') {
+        logout();
+        resetSearchData();
+    }
+    loginState.value = 'nami';
     membersAccepted.value = false;
     membersCompleted.value = false;
     inner.value = [];