Merge pull request #244 from OpenGeoscience/selected-layers-filter

Apply search filter to selected layers list

Author: annehaley

web/src/components/sidebars/LayersPanel.vue

@@ -12,12 +12,17 @@ const layerStore = useLayerStore();
 const mapStore = useMapStore()
 
 const searchText = ref<string | undefined>();
-const filteredLayers = computed(() => {
-    return layerStore.selectedLayers?.filter((layer: Layer) => {
-        return  !searchText.value ||
-        layer.name.toLowerCase().includes(searchText.value.toLowerCase())
-    })
-})
+const filteredLayers = computed({
+    get() {
+        return layerStore.selectedLayers?.filter((layer: Layer) => {
+            return  !searchText.value ||
+            layer.name.toLowerCase().includes(searchText.value.toLowerCase())
+        })
+    },
+    set(newValue) {
+        layerStore.selectedLayers = newValue;
+    }
+});
 const allLayersVisible = computed(() => layerStore.selectedLayers.every((l: Layer) => l.visible))
 const activeLayer = ref<Layer>();
 
@@ -91,7 +96,7 @@ function setLayerActive(layer: Layer, active: boolean) {
                 density="compact"
             >
                 <draggable
-                    v-model="layerStore.selectedLayers"
+                    v-model="filteredLayers"
                     item-key="id"
                 >
                     <template #item="{ element }">