From aaa0084a9dc839b00e25aa7ebc3129c8001cc272 Mon Sep 17 00:00:00 2001
From: NSUWAL123 <suwalnishit@gmail.com>
Date: Tue, 31 Dec 2024 15:28:00 +0545
Subject: [PATCH 1/3] fix(dialog-entities-actions): update task to locked if
 feature map trigger

---
 .../src/lib/components/dialog-entities-actions.svelte    | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/mapper/src/lib/components/dialog-entities-actions.svelte b/src/mapper/src/lib/components/dialog-entities-actions.svelte
index fad23fe75..3cc7569a8 100644
--- a/src/mapper/src/lib/components/dialog-entities-actions.svelte
+++ b/src/mapper/src/lib/components/dialog-entities-actions.svelte
@@ -1,7 +1,9 @@
 <script lang="ts">
-	import type { ProjectData } from '$lib/types';
+	import { TaskStatusEnum, type ProjectData } from '$lib/types';
 	import { getEntitiesStatusStore } from '$store/entities.svelte.ts';
 	import { getAlertStore } from '$store/common.svelte.ts';
+	import { getTaskStore } from '$store/tasks.svelte.ts';
+	import { mapTask } from '$lib/db/events';
 
 	type Props = {
 		isTaskActionModalOpen: boolean;
@@ -14,6 +16,7 @@
 
 	const entitiesStore = getEntitiesStatusStore();
 	const alertStore = getAlertStore();
+	const taskStore = getTaskStore();
 
 	const selectedEntityOsmId = $derived(entitiesStore.selectedEntity);
 	const selectedEntity = $derived(
@@ -38,6 +41,10 @@
 					status: 1,
 					label: `Task ${selectedEntity?.task_id} Feature ${selectedEntity?.osmid}`,
 				});
+
+				if (taskStore.selectedTaskId && taskStore.selectedTaskState === TaskStatusEnum['UNLOCKED_TO_MAP']) {
+					mapTask(projectData?.id, taskStore.selectedTaskId);
+				}
 			}
 			// Load entity in ODK Collect by intent
 			document.location.href = `odkcollect://form/${xformId}?feature=${entityUuid}`;

From 750646481fa443b91143fb64e114f407556a4019 Mon Sep 17 00:00:00 2001
From: NSUWAL123 <suwalnishit@gmail.com>
Date: Tue, 31 Dec 2024 15:31:19 +0545
Subject: [PATCH 2/3] fix(+page): show task index instead of id on log

---
 src/mapper/src/routes/[projectId]/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/mapper/src/routes/[projectId]/+page.svelte b/src/mapper/src/routes/[projectId]/+page.svelte
index 48503774b..5bd6d30c6 100644
--- a/src/mapper/src/routes/[projectId]/+page.svelte
+++ b/src/mapper/src/routes/[projectId]/+page.svelte
@@ -123,7 +123,7 @@
 		class="absolute z-10 top-15 sm:top-18.8 right-0 font-sans flex bg-white text-black bg-opacity-70 text-sm sm:text-base px-1 rounded-bl-md"
 	>
 		<b class="">{convertDateToTimeAgo(taskStore.latestEvent.created_at)}</b>&nbsp;| {taskStore.latestEvent.event}
-		on task {taskStore.latestEvent.task_id} by {taskStore.latestEvent.username || 'anon'}
+		on task {taskStore.taskIdIndexMap[taskStore.latestEvent.task_id]} by {taskStore.latestEvent.username || 'anon'}
 	</div>
 {/if}
 

From e8673ec4e9b1be3152cf4880ec85dea9b1f01e47 Mon Sep 17 00:00:00 2001
From: NSUWAL123 <suwalnishit@gmail.com>
Date: Tue, 31 Dec 2024 16:38:03 +0545
Subject: [PATCH 3/3] fix(+page): setInterval to update task event every minute

---
 .../src/routes/[projectId]/+page.svelte       | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/mapper/src/routes/[projectId]/+page.svelte b/src/mapper/src/routes/[projectId]/+page.svelte
index 5bd6d30c6..e12781a13 100644
--- a/src/mapper/src/routes/[projectId]/+page.svelte
+++ b/src/mapper/src/routes/[projectId]/+page.svelte
@@ -35,9 +35,9 @@
 	let maplibreMap: maplibregl.Map | undefined = $state(undefined);
 	let tabGroup: SlTabGroup;
 	let openedActionModal: 'entity-modal' | 'task-modal' | null = $state(null);
-	let isTaskActionModalOpen: boolean = $state(false);
 	let infoDialogRef: SlDialog | null = $state(null);
 	let isDrawEnabled: boolean = $state(false);
+	let latestEventTime: string = $state('');
 
 	const taskStore = getTaskStore();
 	const entitiesStore = getEntitiesStatusStore();
@@ -63,6 +63,21 @@
 		taskStore.setTaskIdIndexMap(taskIdIndexMap);
 	});
 
+	// update the latest time time every minute
+	$effect(() => {
+		const updateLatestTime = () => {
+			if (taskStore.latestEvent?.created_at) {
+				latestEventTime = convertDateToTimeAgo(taskStore.latestEvent.created_at);
+			}
+		};
+
+		updateLatestTime();
+
+		const interval = setInterval(updateLatestTime, 60000);
+
+		return () => clearInterval(interval); // Cleanup interval on unmount
+	});
+
 	function zoomToTask(taskId: number) {
 		const taskObj = data.project.tasks.find((task: ProjectTask) => task.id === taskId);
 
@@ -122,7 +137,7 @@
 		id="notification-banner"
 		class="absolute z-10 top-15 sm:top-18.8 right-0 font-sans flex bg-white text-black bg-opacity-70 text-sm sm:text-base px-1 rounded-bl-md"
 	>
-		<b class="">{convertDateToTimeAgo(taskStore.latestEvent.created_at)}</b>&nbsp;| {taskStore.latestEvent.event}
+		<b class="">{latestEventTime}</b>&nbsp;| {taskStore.latestEvent.event}
 		on task {taskStore.taskIdIndexMap[taskStore.latestEvent.task_id]} by {taskStore.latestEvent.username || 'anon'}
 	</div>
 {/if}