fix undefined

frontend/src/components/Assistant.vue

@@ -289,9 +289,12 @@ onMounted(async () => {
 	initFlowbite();
 	const $upsertModalElement: HTMLElement | null =
 		document.querySelector("#user-upsert-modal");
+	if ($upsertModalElement) {
 		userUpsertModal.value = new Modal($upsertModalElement, {});
+	}
 	const $userDeleteModalElement: HTMLElement | null =
 		document.querySelector("#user-delete-modal");
+	if ($userDeleteModalElement) {
 		userDeleteModal.value = new Modal(
 			$userDeleteModalElement,
 			{},
@@ -299,12 +302,17 @@ onMounted(async () => {
 				id: "user-delete-modal",
 			},
 		);
+	}
 	const $departmentDeleteModalElement: HTMLElement | null =
 		document.querySelector("#department-delete-modal");
+	if ($departmentDeleteModalElement) {
 		departmentDeleteModal.value = new Modal($departmentDeleteModalElement, {});
+	}
 	const $departmentUpsertModalElement: HTMLElement | null =
 		document.querySelector("#department-upsert-modal");
+	if ($departmentUpsertModalElement) {
 		departmentUpsertModal.value = new Modal($departmentUpsertModalElement, {});
+	}
 });
 </script>
 

frontend/src/views/BindDepartmentView.vue

@@ -194,11 +194,9 @@ onMounted(async () => {
 	const $bindModalElement: HTMLElement | null = document.querySelector(
 		"#department-bind-modal",
 	);
-	departmentBindModal.value = new Modal(
+	if ($bindModalElement) {
-		$bindModalElement,
+		departmentBindModal.value = new Modal($bindModalElement, {});
-		{},
+	}
-		{ id: "department-bind-modal" },
-	);
 	const $unbindModalElement: HTMLElement | null = document.querySelector(
 		"#department-unbind-modal",
 	);

frontend/src/views/BindPermissionView.vue

@@ -194,11 +194,9 @@ onMounted(async () => {
 	const $bindModalElement: HTMLElement | null = document.querySelector(
 		"#permission-bind-modal",
 	);
-	permissionBindModal.value = new Modal(
+	if ($bindModalElement) {
-		$bindModalElement,
+		permissionBindModal.value = new Modal($bindModalElement, {});
-		{},
+	}
-		{ id: "permission-bind-modal" },
-	);
 	const $unbindModalElement: HTMLElement | null = document.querySelector(
 		"#permission-unbind-modal",
 	);

frontend/src/views/BindPositionView.vue

@@ -184,11 +184,9 @@ onMounted(async () => {
 	const $bindModalElement: HTMLElement | null = document.querySelector(
 		"#position-bind-modal",
 	);
-	positionBindModal.value = new Modal(
+	if ($bindModalElement) {
-		$bindModalElement,
+		positionBindModal.value = new Modal($bindModalElement, {});
-		{},
+	}
-		{ id: "position-bind-modal" },
-	);
 	const $unbindModalElement: HTMLElement | null = document.querySelector(
 		"#position-unbind-modal",
 	);

frontend/src/views/BindRoleView.vue

@@ -187,11 +187,9 @@ onMounted(async () => {
 	initFlowbite();
 	const $bindModalElement: HTMLElement | null =
 		document.querySelector("#role-bind-modal");
-	roleBindModal.value = new Modal(
+	if ($bindModalElement) {
-		$bindModalElement,
+		roleBindModal.value = new Modal($bindModalElement, {});
-		{},
+	}
-		{ id: "role-bind-modal" },
-	);
 	const $unbindModalElement: HTMLElement | null =
 		document.querySelector("#role-unbind-modal");
 	roleUnbindModal.value = new Modal(

frontend/src/views/DepartmentView.vue

@@ -154,8 +154,12 @@ onMounted(async () => {
 	const $deleteModalElement: HTMLElement | null = document.querySelector(
 		"#department-delete-modal",
 	);
+	if ($upsertModalElement) {
 		departmentUpsertModal.value = new Modal($upsertModalElement, {});
+	}
+	if ($deleteModalElement) {
 		departmentDeleteModal.value = new Modal($deleteModalElement, {});
+	}
 });
 
 const handleUpsertDepartmentSubmit = async (

frontend/src/views/LlmConfigView.vue

@@ -167,8 +167,9 @@ onMounted(async () => {
 	initFlowbite();
 	const $llmUpdateModalElement: HTMLElement | null =
 		document.querySelector("#llm-update-modal");
-
+	if ($llmUpdateModalElement) {
 		llmUpdateModal.value = new Modal($llmUpdateModalElement, {});
+	}
 });
 </script>
 

frontend/src/views/PermissionView.vue

@@ -148,8 +148,12 @@ onMounted(async () => {
 	const $deleteModalElement: HTMLElement | null = document.querySelector(
 		"#permission-delete-modal",
 	);
+	if ($upsertModalElement) {
 		permissionUpsertModal.value = new Modal($upsertModalElement, {});
+	}
+	if ($deleteModalElement) {
 		permissionDeleteModal.value = new Modal($deleteModalElement, {});
+	}
 });
 
 const handleUpsertModalSubmit = async (data: PermissionUpsertModel) => {

frontend/src/views/PositionView.vue

@@ -116,7 +116,6 @@ import TablePagination from "@/components/TablePagination.vue";
 import usePositionDelete from "@/composables/position/usePositionDelete";
 import { usePositionQuery } from "@/composables/position/usePositionQuery";
 import { usePositionUpsert } from "@/composables/position/usePositionUpsert";
-import { RouteName } from "@/router/constants";
 import { Modal, type ModalInterface, initFlowbite } from "flowbite";
 import { nextTick, onMounted, ref } from "vue";
 import type { components } from "../api/types/schema";
@@ -147,8 +146,12 @@ onMounted(async () => {
 	const $deleteModalElement: HTMLElement | null = document.querySelector(
 		"#position-delete-modal",
 	);
+	if ($upsertModalElement) {
 		positionUpsertModal.value = new Modal($upsertModalElement, {});
+	}
+	if ($deleteModalElement) {
 		positionDeleteModal.value = new Modal($deleteModalElement, {});
+	}
 });
 
 const handleUpsertPositionSubmit = async (

frontend/src/views/SchedulerView.vue

@@ -274,10 +274,15 @@ onMounted(async () => {
 		document.querySelector("#job-pause-modal");
 	const $jobUpdateModalElement: HTMLElement | null =
 		document.querySelector("#job-update-modal");
-
+	if ($jobResumeModalElement) {
 		jobResumeModal.value = new Modal($jobResumeModalElement, {});
+	}
+	if ($jobPauseModalElement) {
 		jobPauseModal.value = new Modal($jobPauseModalElement, {});
+	}
+	if ($jobUpdateModalElement) {
 		jobUpdateModal.value = new Modal($jobUpdateModalElement, {});
+	}
 });
 </script>