Merge pull request #45 from gabaghoulgabaghoul/filtered-table

Add filtered table under summary in listing page

Author: geospiza-fortis

src/routes/listing/[task_id].svelte

@@ -15,6 +15,7 @@
   export let task_id;
   let flattened = null;
   let status = null;
+  let initialFilterItem = null;
 
   let table;
   let cutoff = 3;
@@ -40,6 +41,7 @@
       return;
     }
     flattened = flatten(await resp.json());
+    initialFilterItem = flattened?.at(0)?.item;
   });
 </script>
 
@@ -78,5 +80,11 @@
     clipboard: "copy",
     clipboardCopyStyled: false,
     columns: resultColumns,
+    initialHeaderFilter: [
+      {
+        field: "item",
+        value: initialFilterItem,
+      },
+    ],
   }}
 />

src/routes/listing/columns.js

@@ -2,6 +2,14 @@ const resultColumns = [
   {
     title: "Search Item",
     field: "item",
+    headerFilter: "select",
+    headerFilterParams: {
+      values: true,
+      elementAttributes: {
+        style:
+          "padding: 4px; width: 100%; box-sizing: border-box; cursor: pointer;",
+      },
+    },
   },
   {
     title: "Results",