feat(task-management): introduce modals for managing phases and statuses

- Added CreateTaskModal for task creation with integrated status management. - Implemented ManagePhaseModal and ManageStatusModal for phase and status management, respectively, featuring drag-and-drop functionality. - Enhanced UI with new CSS styles for dark mode and improved accessibility. - Updated filter data loading to include phases and statuses for better task management experience. - Ensured all new components are responsive and align with existing design patterns.
2025-07-10 18:13:41 +05:30
parent 857b48e225
commit cf686ef8c5
20 changed files with 2467 additions and 28 deletions
--- a/worklenz-frontend/public/locales/alb/phases-drawer.json
+++ b/worklenz-frontend/public/locales/alb/phases-drawer.json
@@ -3,5 +3,17 @@
  "phaseLabel": "Etiketa e Fazës",
  "enterPhaseName": "Vendosni një emër për etiketën e fazës",
  "addOption": "Shto Opsion",
-  "phaseOptions": "Opsionet e Fazës:"
+  "phaseOptions": "Opsionet e Fazës:",
+  "dragToReorderPhases": "Zvarrit fazat për t'i rirenditur. Çdo fazë mund të ketë një ngjyrë të ndryshme.",
+  "enterNewPhaseName": "Shkruani emrin e fazës së re...",
+  "addPhase": "Shto Fazë",
+  "noPhasesFound": "Nuk u gjetën faza. Krijoni fazën tuaj të parë më sipër.",
+  "deletePhase": "Fshi Fazën",
+  "deletePhaseConfirm": "Jeni të sigurt që doni të fshini këtë fazë? Ky veprim nuk mund të zhbëhet.",
+  "rename": "Riemëro",
+  "delete": "Fshi",
+  "enterPhaseName": "Shkruani emrin e fazës",
+  "selectColor": "Zgjidh ngjyrën",
+  "managePhases": "Menaxho Fazat",
+  "close": "Mbyll"
 }
--- a/worklenz-frontend/public/locales/alb/task-list-filters.json
+++ b/worklenz-frontend/public/locales/alb/task-list-filters.json
@@ -70,5 +70,16 @@
  "search": "Kërko",
  "groupedBy": "Grupuar sipas",
  "manageStatuses": "Menaxho Statuset",
-  "managePhases": "Menaxho Fazat"
+  "managePhases": "Menaxho Fazat",
+  "dragToReorderStatuses": "Zvarrit statuset për t'i rirenditur. Çdo status mund të ketë një kategori të ndryshme.",
+  "enterNewStatusName": "Shkruani emrin e statusit të ri...",
+  "addStatus": "Shto Status",
+  "noStatusesFound": "Nuk u gjetën statuse. Krijoni statusin tuaj të parë më sipër.",
+  "deleteStatus": "Fshi Statusin",
+  "deleteStatusConfirm": "Jeni të sigurt që doni të fshini këtë status? Ky veprim nuk mund të zhbëhet.",
+  "rename": "Riemëro",
+  "delete": "Fshi",
+  "enterStatusName": "Shkruani emrin e statusit",
+  "selectCategory": "Zgjidh kategorinë",
+  "close": "Mbyll"
 }
--- a/worklenz-frontend/public/locales/de/phases-drawer.json
+++ b/worklenz-frontend/public/locales/de/phases-drawer.json
@@ -3,5 +3,17 @@
  "phaseLabel": "Phasenbezeichnung",
  "enterPhaseName": "Namen für Phasenbezeichnung eingeben",
  "addOption": "Option hinzufügen",
-  "phaseOptions": "Phasenoptionen:"
+  "phaseOptions": "Phasenoptionen:",
+  "dragToReorderPhases": "Ziehen Sie Phasen, um sie neu zu ordnen. Jede Phase kann eine andere Farbe haben.",
+  "enterNewPhaseName": "Neuen Phasennamen eingeben...",
+  "addPhase": "Phase hinzufügen",
+  "noPhasesFound": "Keine Phasen gefunden. Erstellen Sie Ihre erste Phase oben.",
+  "deletePhase": "Phase löschen",
+  "deletePhaseConfirm": "Sind Sie sicher, dass Sie diese Phase löschen möchten? Diese Aktion kann nicht rückgängig gemacht werden.",
+  "rename": "Umbenennen",
+  "delete": "Löschen",
+  "enterPhaseName": "Phasennamen eingeben",
+  "selectColor": "Farbe auswählen",
+  "managePhases": "Phasen verwalten",
+  "close": "Schließen"
 }
--- a/worklenz-frontend/public/locales/de/task-list-filters.json
+++ b/worklenz-frontend/public/locales/de/task-list-filters.json
@@ -70,5 +70,16 @@
  "search": "Suchen",
  "groupedBy": "Gruppiert nach",
  "manageStatuses": "Status verwalten",
-  "managePhases": "Phasen verwalten"
+  "managePhases": "Phasen verwalten",
+  "dragToReorderStatuses": "Ziehen Sie Status, um sie neu zu ordnen. Jeder Status kann eine andere Kategorie haben.",
+  "enterNewStatusName": "Neuen Statusnamen eingeben...",
+  "addStatus": "Status hinzufügen",
+  "noStatusesFound": "Keine Status gefunden. Erstellen Sie Ihren ersten Status oben.",
+  "deleteStatus": "Status löschen",
+  "deleteStatusConfirm": "Sind Sie sicher, dass Sie diesen Status löschen möchten? Diese Aktion kann nicht rückgängig gemacht werden.",
+  "rename": "Umbenennen",
+  "delete": "Löschen",
+  "enterStatusName": "Statusnamen eingeben",
+  "selectCategory": "Kategorie auswählen",
+  "close": "Schließen"
 }
--- a/worklenz-frontend/public/locales/en/phases-drawer.json
+++ b/worklenz-frontend/public/locales/en/phases-drawer.json
@@ -3,5 +3,17 @@
  "phaseLabel": "Phase Label",
  "enterPhaseName": "Enter a name for phase label",
  "addOption": "Add Option",
-  "phaseOptions": "Phase Options:"
+  "phaseOptions": "Phase Options:",
+  "dragToReorderPhases": "Drag phases to reorder them. Each phase can have a different color.",
+  "enterNewPhaseName": "Enter new phase name...",
+  "addPhase": "Add Phase",
+  "noPhasesFound": "No phases found. Create your first phase above.",
+  "deletePhase": "Delete Phase",
+  "deletePhaseConfirm": "Are you sure you want to delete this phase? This action cannot be undone.",
+  "rename": "Rename",
+  "delete": "Delete",
+  "enterPhaseName": "Enter phase name",
+  "selectColor": "Select color",
+  "managePhases": "Manage Phases",
+  "close": "Close"
 }
--- a/worklenz-frontend/public/locales/en/task-list-filters.json
+++ b/worklenz-frontend/public/locales/en/task-list-filters.json
@@ -70,5 +70,16 @@
  "search": "Search",
  "groupedBy": "Grouped by",
  "manageStatuses": "Manage Statuses",
-  "managePhases": "Manage Phases"
+  "managePhases": "Manage Phases",
+  "dragToReorderStatuses": "Drag statuses to reorder them. Each status can have a different category.",
+  "enterNewStatusName": "Enter new status name...",
+  "addStatus": "Add Status",
+  "noStatusesFound": "No statuses found. Create your first status above.",
+  "deleteStatus": "Delete Status",
+  "deleteStatusConfirm": "Are you sure you want to delete this status? This action cannot be undone.",
+  "rename": "Rename",
+  "delete": "Delete",
+  "enterStatusName": "Enter status name",
+  "selectCategory": "Select category",
+  "close": "Close"
 }
--- a/worklenz-frontend/public/locales/es/phases-drawer.json
+++ b/worklenz-frontend/public/locales/es/phases-drawer.json
@@ -3,5 +3,17 @@
  "phaseLabel": "Etiqueta de fase",
  "enterPhaseName": "Ingrese un nombre para la etiqueta de fase",
  "addOption": "Agregar opción",
-  "phaseOptions": "Opciones de fase:"
+  "phaseOptions": "Opciones de fase:",
+  "dragToReorderPhases": "Arrastra las fases para reordenarlas. Cada fase puede tener un color diferente.",
+  "enterNewPhaseName": "Introducir nuevo nombre de fase...",
+  "addPhase": "Añadir Fase",
+  "noPhasesFound": "No se encontraron fases. Crea tu primera fase arriba.",
+  "deletePhase": "Eliminar Fase",
+  "deletePhaseConfirm": "¿Estás seguro de que quieres eliminar esta fase? Esta acción no se puede deshacer.",
+  "rename": "Renombrar",
+  "delete": "Eliminar",
+  "enterPhaseName": "Introducir nombre de la fase",
+  "selectColor": "Seleccionar color",
+  "managePhases": "Gestionar Fases",
+  "close": "Cerrar"
 }
--- a/worklenz-frontend/public/locales/es/task-list-filters.json
+++ b/worklenz-frontend/public/locales/es/task-list-filters.json
@@ -66,5 +66,16 @@
  "search": "Buscar",
  "groupedBy": "Agrupado por",
  "manageStatuses": "Gestionar Estados",
-  "managePhases": "Gestionar Fases"
+  "managePhases": "Gestionar Fases",
+  "dragToReorderStatuses": "Arrastra los estados para reordenarlos. Cada estado puede tener una categoría diferente.",
+  "enterNewStatusName": "Introducir nuevo nombre de estado...",
+  "addStatus": "Añadir Estado",
+  "noStatusesFound": "No se encontraron estados. Crea tu primer estado arriba.",
+  "deleteStatus": "Eliminar Estado",
+  "deleteStatusConfirm": "¿Estás seguro de que quieres eliminar este estado? Esta acción no se puede deshacer.",
+  "rename": "Renombrar",
+  "delete": "Eliminar",
+  "enterStatusName": "Introducir nombre del estado",
+  "selectCategory": "Seleccionar categoría",
+  "close": "Cerrar"
 }
--- a/worklenz-frontend/public/locales/pt/phases-drawer.json
+++ b/worklenz-frontend/public/locales/pt/phases-drawer.json
@@ -1,7 +1,19 @@
 {
  "configurePhases": "Configurar fases",
  "phaseLabel": "Etiqueta de fase",
-  "enterPhaseName": "Ingrese un nombre para la etiqueta de fase",
-  "addOption": "Agregar opción",
-  "phaseOptions": "Opciones de fase:"
+  "enterPhaseName": "Digite um nome para o rótulo da fase",
+  "addOption": "Adicionar Opção",
+  "phaseOptions": "Opções de Fase:",
+  "dragToReorderPhases": "Arraste as fases para reordená-las. Cada fase pode ter uma cor diferente.",
+  "enterNewPhaseName": "Digite o novo nome da fase...",
+  "addPhase": "Adicionar Fase",
+  "noPhasesFound": "Nenhuma fase encontrada. Crie sua primeira fase acima.",
+  "deletePhase": "Excluir Fase",
+  "deletePhaseConfirm": "Tem certeza de que deseja excluir esta fase? Esta ação não pode ser desfeita.",
+  "rename": "Renomear",
+  "delete": "Excluir",
+  "enterPhaseName": "Digite o nome da fase",
+  "selectColor": "Selecionar cor",
+  "managePhases": "Gerenciar Fases",
+  "close": "Fechar"
 }
--- a/worklenz-frontend/public/locales/pt/task-list-filters.json
+++ b/worklenz-frontend/public/locales/pt/task-list-filters.json
@@ -67,5 +67,16 @@
  "search": "Pesquisar",
  "groupedBy": "Agrupado por",
  "manageStatuses": "Gerenciar Status",
-  "managePhases": "Gerenciar Fases"
+  "managePhases": "Gerenciar Fases",
+  "dragToReorderStatuses": "Arraste os status para reordená-los. Cada status pode ter uma categoria diferente.",
+  "enterNewStatusName": "Digite o novo nome do status...",
+  "addStatus": "Adicionar Status",
+  "noStatusesFound": "Nenhum status encontrado. Crie seu primeiro status acima.",
+  "deleteStatus": "Excluir Status",
+  "deleteStatusConfirm": "Tem certeza de que deseja excluir este status? Esta ação não pode ser desfeita.",
+  "rename": "Renomear",
+  "delete": "Excluir",
+  "enterStatusName": "Digite o nome do status",
+  "selectCategory": "Selecionar categoria",
+  "close": "Fechar"
 }
--- a/worklenz-frontend/public/locales/zh/phases-drawer.json
+++ b/worklenz-frontend/public/locales/zh/phases-drawer.json
@@ -3,5 +3,17 @@
    "phaseLabel": "阶段标签",
    "enterPhaseName": "输入阶段标签名称",
    "addOption": "添加选项",
-    "phaseOptions": "阶段选项："
+    "phaseOptions": "阶段选项：",
+    "dragToReorderPhases": "拖拽阶段以重新排序。每个阶段可以有不同的颜色。",
+    "enterNewPhaseName": "输入新阶段名称...",
+    "addPhase": "添加阶段",
+    "noPhasesFound": "未找到阶段。请在上面创建您的第一个阶段。",
+    "deletePhase": "删除阶段",
+    "deletePhaseConfirm": "您确定要删除此阶段吗？此操作无法撤销。",
+    "rename": "重命名",
+    "delete": "删除",
+    "enterPhaseName": "输入阶段名称",
+    "selectColor": "选择颜色",
+    "managePhases": "管理阶段",
+    "close": "关闭"
 }
--- a/worklenz-frontend/public/locales/zh/task-list-filters.json
+++ b/worklenz-frontend/public/locales/zh/task-list-filters.json
@@ -64,5 +64,16 @@
  "search": "搜索",
  "groupedBy": "分组依据",
  "manageStatuses": "管理状态",
-  "managePhases": "管理阶段"
+  "managePhases": "管理阶段",
+  "dragToReorderStatuses": "拖拽状态以重新排序。每个状态可以有不同的类别。",
+  "enterNewStatusName": "输入新状态名称...",
+  "addStatus": "添加状态",
+  "noStatusesFound": "未找到状态。请在上面创建您的第一个状态。",
+  "deleteStatus": "删除状态",
+  "deleteStatusConfirm": "您确定要删除此状态吗？此操作无法撤销。",
+  "rename": "重命名",
+  "delete": "删除",
+  "enterStatusName": "输入状态名称",
+  "selectCategory": "选择类别",
+  "close": "关闭"
 }