Add link from queue to search view

frontend/src/views/QueueView.vue

@@ -56,7 +56,10 @@
               <td class="status">{{ task.status }}</td>
               <td>{{ task.siteId }}</td>
               <td>{{ task.measurementDate }}</td>
-              <td>{{ task.productId }}</td>
+              <td>
+                <router-link v-if="task.status === 'done'" :to="generateLink(task)">{{ task.productId }}</router-link>
+                <span v-else>{{ task.productId }}</span>
+              </td>
               <td>{{ task.instrumentInfo?.name || task.model?.id }}</td>
               <td>
                 {{ task.status === "created" ? timeDifference(task.scheduledAt) : "" }}
@@ -184,6 +187,22 @@ function timeDifference(scheduledAt: string): string {
     return `${diffMins} min`;
   }
 }
+
+function generateLink(task: AugmentedTask) {
+  const query: Record<string, string> = {
+    site: task.siteId,
+    product: task.productId,
+    dateFrom: task.measurementDate,
+    dateTo: task.measurementDate,
+  };
+  if (task.instrumentInfo?.pid) {
+    query.instrumentPid = task.instrumentInfo.pid;
+  }
+  return {
+    path: "/search/data/",
+    query: query,
+  };
+}
 </script>
 
 <style scoped lang="scss">