Add registration token functionality, remove unused vue pages

Author: NHAS

adminui2/src/App.vue

@@ -13,7 +13,7 @@ const authStore = useAuthStore()
 const devicesStore = useDevicesStore()
 const usersStore = useUsersStore()
 
-const { hasCompletedAuth, hasTriedAuth, loggedInUser, isLoggedIn } = storeToRefs(authStore)
+const { hasCompletedAuth, hasTriedAuth, isLoggedIn } = storeToRefs(authStore)
 
 const toast = useToast()
 
@@ -29,7 +29,6 @@ onMounted(async () => {
 
 watch(hasCompletedAuth, (newHasCompletedAuth, prevHasCompletedAuth) => {
   if (newHasCompletedAuth && !prevHasCompletedAuth) {
-    toast.success(`Welcome ${loggedInUser.value?.username}`)
     devicesStore.load(true)
     usersStore.load(true)
   }

adminui2/src/api/registration_tokens.ts

@@ -1,7 +1,16 @@
-import type { RegistrationToken } from './types'
+import type { GenericResponseDTO, RegistrationTokenRequestDTO } from './types'
 
 import { client } from '.'
 
-export function getAllRegistrationTokens(): Promise<RegistrationToken[]> {
+export function getAllRegistrationTokens(): Promise<RegistrationTokenRequestDTO[]> {
   return client.get('/api/management/registration_tokens').then(res => res.data)
 }
+
+
+export function createRegistrationToken(token: RegistrationTokenRequestDTO): Promise<GenericResponseDTO> {
+  return client.post('/api/management/registration_tokens', token).then(res => res.data)
+}
+
+export function deleteRegistrationTokens(tokens: string[]): Promise<GenericResponseDTO> {
+  return client.delete('/api/management/registration_tokens', {data: tokens}).then(res => res.data)
+}

adminui2/src/api/types.ts

@@ -5,7 +5,7 @@ export interface RuleDTO {
   deny_routes: string[]
 }
 
-export interface RegistrationToken {
+export interface RegistrationTokenRequestDTO {
   token: string
   username: string
   groups: string[]

adminui2/src/components/ConfirmModal.vue

@@ -22,8 +22,8 @@ function confirm() {
   <div :class="isOpen ? 'modal modal-open' : 'modal'">
     <form method="dialog" class="remove-card-backgrounds modal-box text-left">
       <button @click="() => (isOpen = false)" class="btn btn-circle btn-ghost btn-sm absolute right-2 top-2">✕</button>
-      <h2 class="my-4 text-xl font-bold">{{ title }}</h2>
-      <p>{{ body }}</p>
+      <h2 class="my-4 font-mono text-xl font-bold">{{ title }}</h2>
+      <p class="font-mono">{{ body }}</p>
 
       <div class="modal-action">
         <button class="btn m-1" @click="() => (isOpen = false)">Cancel</button>
@@ -44,10 +44,6 @@ function confirm() {
   max-width: 90vw;
   width: auto;
 }
-/* .modal::backdrop { */
-/* background-color: rgba(0, 0, 0, 0.3); */
-/* animation: modal-pop 0.2s ease-out; */
-/* } */
 </style>
 
 <style>

adminui2/src/layouts/default.vue

@@ -30,7 +30,7 @@ const policyLinks = [
 ]
 
 const managementLinks = [
-  { name: 'Registration Tokens', icon: Icons.RegistrationKey, to: '/admin/general' },
+  { name: 'Registration Tokens', icon: Icons.RegistrationKey, to: '/management/registration_tokens' },
   { name: 'Users', icon: Icons.Groups, to: '/admin/users' },
   { name: 'Devices', icon: Icons.Device, to: '/admin/users' }
 ]