fix(UI): remove selected metadata fields for sortable fields dropdown (…

…#1513)

remove selected items in the available filters dropdown

Co-authored-by: LeireA <leire@recogn.ai>
(cherry picked from commit 16b4e00)

frontend/components/commons/header/filters/SortFilter.vue

@@ -92,24 +92,13 @@ export default {
   computed: {
     filteredSortOptions() {
       if (this.searchText === undefined) {
-        return this.formatSortOptions;
+        return this.sortOptions;
       }
-      let filtered = this.formatSortOptions.filter((opt) =>
+      let filtered = this.sortOptions.filter((opt) =>
         opt.name.toLowerCase().match(this.searchText.toLowerCase())
       );
       return filtered;
     },
-    formatSortOptions() {
-      return this.sortOptions.map((opt) => {
-        if (opt.group.toLowerCase() === "metadata") {
-          return {
-            ...opt,
-            name: `Metadata.${opt.name}`,
-          };
-        }
-        return opt;
-      });
-    },
   },
   mounted() {
     this.getSortDirection();

frontend/components/commons/header/filters/SortList.vue

@@ -63,7 +63,17 @@ export default {
   },
   computed: {
     filteredSortOptions() {
-      return this.sortOptions.filter(
+      const formatOptions = this.sortOptions.map((opt) => {
+        if (opt.group.toLowerCase() === "metadata") {
+          return {
+            ...opt,
+            id: `metadata.${opt.name}`,
+            name: `Metadata.${opt.name}`,
+          };
+        }
+        return opt;
+      });
+      return formatOptions.filter(
         (opt) =>
           !this.selectedFields.some((field) => opt.id.toString() === field.id)
       );