fixed editor path

Author: shweta2101

…/workspace/[id]/projects/[projectId].vue …pace/[id]/projects/[projectId]/index.vuepages/workspace/[id]/projects/[projectId].vue renamed to pages/workspace/[id]/projects/[projectId]/index.vue pages/workspace/[id]/projects/[projectId].vue renamed to pages/workspace/[id]/projects/[projectId]/index.vue

@@ -458,9 +458,9 @@ function buildTabRoute(tab: WorkspaceProjectDetailTab) {
   };
 }
 
-function buildTaskEditorRoute(taskNumber: number) {
+function buildTaskEditorRoute(taskId: string) {
   return {
-    path: `/workspaces/${workspaceId}/${projectId}/${taskNumber}/editor`,
+    path: `/workspace/${workspaceId}/projects/${projectId}/tasks/${taskId}/editor`,
   };
 }
 
@@ -560,7 +560,7 @@ async function handleSelectedTaskAction() {
     }
   }
 
-  await navigateTo(buildTaskEditorRoute(taskToOpen.taskNumber));
+  await navigateTo(buildTaskEditorRoute(taskToOpen.id));
 }
 
 async function handleActivateProject() {

…spaceId]/[projectId]/[taskId]/editor.vue …ts/[projectId]/tasks/[taskId]/editor.vuepages/workspaces/[workspaceId]/[projectId]/[taskId]/editor.vue renamed to pages/workspace/[id]/projects/[projectId]/tasks/[taskId]/editor.vue pages/workspaces/[workspaceId]/[projectId]/[taskId]/editor.vue renamed to pages/workspace/[id]/projects/[projectId]/tasks/[taskId]/editor.vue

@@ -145,9 +145,10 @@ import type {
   WorkspaceProjectTaskFeedbackReasonCategory,
   WorkspaceProjectTaskSubmitFeedback,
 } from '~/types/projects';
+import { shapeToCenter } from '~/util/geojson';
 
 const route = useRoute();
-const workspaceId = Number(route.params.workspaceId);
+const workspaceId = Number(route.params.id);
 const projectId = String(route.params.projectId);
 const taskId = String(route.params.taskId);
 const editorContainer = ref<HTMLDivElement | null>(null);
@@ -232,6 +233,7 @@ onMounted(() => {
   }
 
   editorContainer.value.appendChild(manager.containerNode);
+  syncTaskHash();
   void manager.switchWorkspace(workspaceId);
 });
 
@@ -261,13 +263,47 @@ async function loadTaskDetail(): Promise<WorkspaceProjectTaskDetail> {
     );
   }
   catch (error) {
+    const fallbackTaskDetail = await loadTaskDetailByTaskNumber(taskId, error);
+
+    if (fallbackTaskDetail) {
+      return fallbackTaskDetail;
+    }
+
     throw createError({
       statusCode: 500,
       statusMessage: 'Failed to load task details',
       data: error,
     });
   }
 }
+
+async function loadTaskDetailByTaskNumber(
+  taskIdentifier: string,
+  error: unknown,
+): Promise<WorkspaceProjectTaskDetail | null> {
+  if (!(error instanceof WorkspaceProjectsClientError) || error.response.status !== 404) {
+    return null;
+  }
+
+  const taskNumber = Number(taskIdentifier);
+
+  if (!Number.isInteger(taskNumber) || taskNumber < 1) {
+    return null;
+  }
+
+  const tasks = await workspaceProjectsClient.getWorkspaceProjectTasks(workspaceId, projectId);
+  const matchedTask = tasks.find(candidate => candidate.taskNumber === taskNumber);
+
+  if (!matchedTask) {
+    return null;
+  }
+
+  return await workspaceProjectsClient.getWorkspaceProjectTaskDetail(
+    workspaceId,
+    projectId,
+    matchedTask.id,
+  );
+}
 function handleTaskAction(actionId: 'complete' | 'skip') {
   if (hasActiveEdits.value) {
     return;
@@ -327,6 +363,23 @@ function buildFeedbackPayload(): WorkspaceProjectTaskSubmitFeedback | undefined
     reasonCategory: feedbackReasonCategory.value || undefined,
   };
 }
+function generateInitialHash() {
+  const center = shapeToCenter(task.geometry);
+  const lat = center[0];
+  const lon = center[1];
+  const zoom = 17;
+  return `#map=${zoom}/${lat}/${lon}`;
+}
+
+function syncTaskHash() {
+  if (!task.geometry) {
+    return;
+  }
+
+  const initialHash = generateInitialHash();
+  const nextUrl = `${window.location.pathname}${window.location.search}${initialHash}`;
+  window.history.replaceState(window.history.state, '', nextUrl);
+}
 
 async function submitCompletedMapping() {
   submitErrorMessage.value = '';
@@ -399,6 +452,7 @@ function mountEditor() {
   }
 
   editorContainer.value.appendChild(manager.containerNode);
+  syncTaskHash();
   void manager.init(workspaceId);
 }
 

util/geojson.ts

@@ -25,3 +25,38 @@ export function bboxToPolygon(
     }
   }
 }
+export function polygonToBbox(polygonGeometry: any) {
+  if (
+    polygonGeometry.type !== 'Polygon' ||
+    !Array.isArray(polygonGeometry.coordinates) ||
+    polygonGeometry.coordinates.length === 0
+  ) {
+    throw new Error('Invalid GeoJSON Polygon feature')
+  }
+
+  const coordinates = polygonGeometry.coordinates[0]
+  let minLat = Infinity
+  let minLon = Infinity
+  let maxLat = -Infinity
+  let maxLon = -Infinity
+
+  for (const [lon, lat] of coordinates) {
+    if (lat < minLat) minLat = lat
+    if (lat > maxLat) maxLat = lat
+    if (lon < minLon) minLon = lon
+    if (lon > maxLon) maxLon = lon
+  }
+
+  return [minLat, minLon, maxLat, maxLon]
+}
+
+export function shapeToCenter(shape: any) {
+  if (shape.type === 'Polygon') {
+    const bbox = polygonToBbox(shape)
+    const centerLat = (bbox[0] + bbox[2]) / 2
+    const centerLon = (bbox[1] + bbox[3]) / 2
+    return [centerLat, centerLon]
+  } else {
+    throw new Error('Invalid GeoJSON Polygon feature')
+  }
+}