From 6b9394a50a1766409b591b9227b7cfa85c8da87d Mon Sep 17 00:00:00 2001
From: Settel <settel@localhost>
Date: Sun, 29 Jan 2023 18:19:34 +0100
Subject: [PATCH] create admin account and show PIN (WIP)

---
 client/src/components/admin/PlayerDialog.vue |  2 +-
 client/src/pages/setup.vue                   | 18 ++++++++++++++++--
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/client/src/components/admin/PlayerDialog.vue b/client/src/components/admin/PlayerDialog.vue
index 4555208..94e28a3 100644
--- a/client/src/components/admin/PlayerDialog.vue
+++ b/client/src/components/admin/PlayerDialog.vue
@@ -22,7 +22,7 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue'
+import { onMounted, ref } from 'vue'
 import { PlayerEdit } from '@/composables/engine.d'
 import type { Button } from '@/components/admin/PlayerModal'
 
diff --git a/client/src/pages/setup.vue b/client/src/pages/setup.vue
index fa86c63..89240cb 100644
--- a/client/src/pages/setup.vue
+++ b/client/src/pages/setup.vue
@@ -8,6 +8,12 @@
       </div>
       <div class="page-setup__button">
         <Button @click="createAdminAccount">{{ $t('create admin user') }}</Button>
+
+        <ModalDialog v-if="showAdminAccountCreatedDialog" :no-close-button="true" @close="showAdminAccountCreatedDialog = false">
+          <div class="create-team-dialog__auth-message">{{ $t('pin') }}</div>
+          <div class="create-team-dialog__pin">{{ authcode }}</div>
+          <div class="create-team-dialog__auth-message">{{ $t('remember-and-log-in') }}</div>
+        </ModalDialog>
       </div>
     </div>
     <CopyrightNotice />
@@ -15,6 +21,7 @@
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue'
 import useAuth from '@/composables/useAuth'
 import useI18n from '@/composables/useI18n'
 
@@ -30,10 +37,17 @@ const { $t } = useI18n({
   },
 })
 
-
 await useAuth().authenticateAndLoadUserInfo(['setup'])
 
-const createAdminAccount = () => {}
+const showAdminAccountCreatedDialog = ref(false)
+const authcode = ref('000000')
+const createAdminAccount = () => {
+  authcode.value = ''
+  for (var i = 0; i < 6; i++) {
+    authcode.value += '' + Math.floor(Math.floor(Math.random() * 10000) / 100) % 10
+  }
+  showAdminAccountCreatedDialog.value = true
+}
 </script>
 
 <style lang="scss">