From 509daeac1b2236c1e2e46bcc8db599bb339cb134 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Wed, 18 Sep 2024 09:58:29 +0200
Subject: [PATCH] types

---
 src/components/admin/Permission.vue                | 14 +++++++++-----
 .../CreateCommunicationTypeModal.vue               |  3 ++-
 src/components/admin/user/role/RoleListItem.vue    |  2 +-
 src/stores/admin/communicationType.ts              |  3 ++-
 src/viewmodels/admin/role.models.ts                |  2 +-
 5 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/admin/Permission.vue b/src/components/admin/Permission.vue
index 359ac18..0f2b50d 100644
--- a/src/components/admin/Permission.vue
+++ b/src/components/admin/Permission.vue
@@ -106,14 +106,15 @@ export default defineComponent({
       default: {},
     },
     status: {
-      type: [
-        null,
-        String as PropType<"loading">,
-        Object as PropType<{ status: "success" | "failed"; message?: string }>,
-      ],
+      type: [Object, String, null] as PropType<null | "loading" | { status: "success" | "failed"; message?: string }>,
       default: null,
     },
   },
+  watch: {
+    permissions() {
+      this.permissionUpdate = cloneDeep(this.permissions);
+    },
+  },
   emits: ["savePermissions"],
   data() {
     return {
@@ -141,6 +142,9 @@ export default defineComponent({
       const target = e.target as HTMLInputElement;
       this.isAdmin = target.checked ?? false;
       this.permissionUpdate.admin = this.isAdmin;
+      if (!this.isAdmin) {
+        delete this.permissionUpdate.admin;
+      }
     },
     togglePermission(type: PermissionType, section: PermissionSection, modul?: PermissionModule) {
       let permissions = [] as Array<PermissionType> | "*";
diff --git a/src/components/admin/settings/communicationType/CreateCommunicationTypeModal.vue b/src/components/admin/settings/communicationType/CreateCommunicationTypeModal.vue
index e18f0e9..b6a33a1 100644
--- a/src/components/admin/settings/communicationType/CreateCommunicationTypeModal.vue
+++ b/src/components/admin/settings/communicationType/CreateCommunicationTypeModal.vue
@@ -82,6 +82,7 @@ import { useCommunicationTypeStore } from "@/stores/admin/communicationType";
 import type { CreateCommunicationTypeViewModel } from "@/viewmodels/admin/communicationType.models";
 import { Listbox, ListboxButton, ListboxOptions, ListboxOption, ListboxLabel } from "@headlessui/vue";
 import { CheckIcon, ChevronUpDownIcon } from "@heroicons/vue/20/solid";
+import type { CommunicationFieldType } from "@/types/fieldTypes";
 </script>
 
 <script lang="ts">
@@ -90,7 +91,7 @@ export default defineComponent({
     return {
       status: null as null | "loading" | { status: "success" | "failed"; reason?: string },
       timeout: undefined as any,
-      selectedFields: [] as Array<string>,
+      selectedFields: [] as Array<CommunicationFieldType>,
     };
   },
   mounted() {
diff --git a/src/components/admin/user/role/RoleListItem.vue b/src/components/admin/user/role/RoleListItem.vue
index 1040cea..e8425ce 100644
--- a/src/components/admin/user/role/RoleListItem.vue
+++ b/src/components/admin/user/role/RoleListItem.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col h-fit w-full border border-primary rounded-md">
     <div class="bg-primary p-2 text-white flex flex-row justify-between items-center">
-      <p>{{ role.role }} <small v-if="role.permissions?.isAdmin">(Admin)</small></p>
+      <p>{{ role.role }} <small v-if="role.permissions.admin">(Admin)</small></p>
       <div class="flex flex-row">
         <RouterLink
           v-if="can('admin', 'user', 'role')"
diff --git a/src/stores/admin/communicationType.ts b/src/stores/admin/communicationType.ts
index a07cc52..f8538e8 100644
--- a/src/stores/admin/communicationType.ts
+++ b/src/stores/admin/communicationType.ts
@@ -6,12 +6,13 @@ import type {
 } from "@/viewmodels/admin/communicationType.models";
 import { http } from "@/serverCom";
 import type { AxiosResponse } from "axios";
+import type { CommunicationFieldType } from "../../types/fieldTypes";
 
 export const useCommunicationTypeStore = defineStore("communicationType", {
   state: () => {
     return {
       communicationTypes: [] as Array<CommunicationTypeViewModel>,
-      availableFields: [] as Array<string>,
+      availableFields: [] as Array<CommunicationFieldType>,
       loading: "loading" as "loading" | "fetched" | "failed",
       loadingFields: "loading" as "loading" | "fetched" | "failed",
     };
diff --git a/src/viewmodels/admin/role.models.ts b/src/viewmodels/admin/role.models.ts
index 97231dc..4eb121c 100644
--- a/src/viewmodels/admin/role.models.ts
+++ b/src/viewmodels/admin/role.models.ts
@@ -1,4 +1,4 @@
-import { PermissionObject } from "@/type/permissionTypes";
+import type { PermissionObject } from "@/types/permissionTypes";
 
 export interface RoleViewModel {
   id: number;