refactor(TaskConfig, mock)

Author: martsimq

src/api/mock.ts

@@ -27,12 +27,7 @@ export const fetchTool = (_toolId: string) =>
     setTimeout(
       () =>
         resolve({
-          data: JSON.parse(
-            MOCK_TOOL.replace(/Basic_statistics_for_fields/, _toolId).replace(
-              /qgis:basicstatisticsforfields/,
-              _toolId,
-            ),
-          ),
+          data: JSON.parse(MOCK_TOOL),
         }),
       500,
     );

src/components/TaskConfig.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Close, Download } from "@element-plus/icons-vue";
 import { useTaskStore } from "@/store/task.ts";
-import { computed, reactive, ref } from "vue";
+import { computed, ref } from "vue";
 import { downloadFile, process } from "@/api";
 import { Response } from "@/type.ts";
 
@@ -14,14 +14,13 @@ const tableData = computed(
 
 async function onExecute(
   id: string | undefined,
-  input: typeof tableData.value,
+  parameters: typeof tableData.value,
 ) {
-  const processConfig: { [key: string]: string } = reactive({});
-  input.forEach((arg) => {
-    processConfig[arg.name] = arg.input;
-  });
+  const config = Object.fromEntries(
+    parameters.map((par) => [par.name, par.input]),
+  );
   if (id) {
-    res.value = (await process(id, processConfig)).data as Response;
+    res.value = (await process(id, config)).data as Response;
   }
 }
 
@@ -36,7 +35,7 @@ async function download() {
     const url = window.URL.createObjectURL(new Blob([response.data]));
     const link = document.createElement("a");
     link.href = url;
-    link.setAttribute("download", "sample.txt");
+    link.setAttribute("download", res.value.data.OUTPUT);
     link.click();
   }
 }

src/constant/index.ts

@@ -54,4 +54,4 @@ export const TOOL_EXAMPLE = {
   ],
 };
 export const MOCK_JOB = `{"code":70200,"message":"Success!","data":{"task":"Extract elevation data of Sri Lanka from multiple TIF files using the shape of the island from a vector file","subtasks":[{"task":"Merge multiple TIF files into a single raster dataset","toolId":"gdal:merge","subtasks":[],"toolName":"gdal:merge"},{"task":"Clip the merged raster dataset using the shape of the island from the vector file to extract the relevant elevation data","toolId":"gdal:cliprasterbymasklayer","subtasks":[],"toolName":"gdal:cliprasterbymasklayer"}],"toolId":"","toolName":""}}`;
-export const MOCK_TOOL = `{"id":"qgis:randompointsinsidepolygons","name":"qgis:randompointsinsidepolygons","description":"Generates basic statistics for a field of the attribute table of a vector layer.","args":[{"name":"INPUT","type":"[vector: any]","description":"Vector layer to calculate the statistics on.","required":true},{"name":"POINTS_NUMBER","type":"[html]","description":"Specification of the file for the calculated statistics. One of: Skip Output,Save to a Temporary File,Save to File.","required":false},{"name":"MIN_DISTANCE","type":"[html]","description":"Specification of the file for the calculated statistics. One of: Skip Output,Save to a Temporary File,Save to File.","required":false},{"name":"OUTPUT","description":"xxxxxxx"}]}`;
+export const MOCK_TOOL = `{"code":70200,"message":"success","data":{"id":"gdal:cliprasterbymasklayer","name":"Clip raster by mask layer","description":"Clip raster by mask layer","args":[{"name":"INPUT","description":"Input raster file","type":"raster","required":true},{"name":"MASK","description":"Mask layer","type":"vector","required":true},{"name":"OUTPUT","description":"Output raster file","type":"raster","required":true}]}}`;