feat: update UI

src/views/tasks/TaskDetailDialog.vue

@@ -66,6 +66,7 @@
 
 <script setup lang="ts">
 import { createTask, updateTask, deleteTask } from '../../services/modules'
+import { getMasterDataOptions } from '../../services/backend'
 import { errorMessage } from '../../services/api'
 import type { Task, TaskPriority, TaskStatus } from '../../types'
 
@@ -88,18 +89,17 @@ const toast = useToast()
 const saving = ref(false)
 const savingError = ref('')
 
-const statusOptions = [
-  { label: 'To Do', value: 'Todo' as TaskStatus },
-  { label: 'In Progress', value: 'InProgress' as TaskStatus },
-  { label: 'Done', value: 'Done' as TaskStatus },
-  { label: 'Cancelled', value: 'Cancelled' as TaskStatus },
-]
+const statusOptions = ref<{ label: string; value: TaskStatus }[]>([])
+const priorityOptions = ref<{ label: string; value: TaskPriority }[]>([])
 
-const priorityOptions = [
-  { label: 'Low', value: 'Low' as TaskPriority },
-  { label: 'Medium', value: 'Medium' as TaskPriority },
-  { label: 'High', value: 'High' as TaskPriority },
-]
+onMounted(async () => {
+  const [status, priority] = await Promise.all([
+    getMasterDataOptions('task_status'),
+    getMasterDataOptions('task_priority'),
+  ])
+  statusOptions.value = status as { label: string; value: TaskStatus }[]
+  priorityOptions.value = priority as { label: string; value: TaskPriority }[]
+})
 
 const assigneeOptions = computed(() => props.members.map((m) => ({ label: m.displayName, value: m.userId })))