add: description filter

frontend/src/components/FilterPanel.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="filter_panel">
         <div class="sidebar-item">
-            <h3>Проект/Тема</h3>
+            <h3>Проект / тема</h3>
             <project-filter @filter="$emit('filter', $event)" />
         </div>
 
@@ -11,23 +11,8 @@
         </div>
 
         <div class="sidebar-item">
-            <h3>ГИС категория</h3>
-            <gis-category-filter @filter="$emit('filter', $event)" />
-        </div>
-
-        <div class="sidebar-item">
-            <h3>Томограф</h3>
-            <scanner-filter @filter="$emit('filter', $event)" />
-        </div>
-
-        <div class="sidebar-item">
-            <h3>Организация</h3>
-            <org-filter @filter="$emit('filter', $event)" />
-        </div>
-
-        <div class="sidebar-item">
-            <h3>Бассейн</h3>
-            <basin-filter @filter="$emit('filter', $event)" />
+            <h3>Описание</h3>
+            <description-filter @filter="$emit('filter', $event)" />
         </div>
 
         <div class="sidebar-item">
@@ -53,9 +38,10 @@ import StratumFilter from "@/components/filters/StratumFilter.vue";
 import DepthFilter from "@/components/filters/DepthFilter.vue";
 import BasinFilter from "@/components/filters/BasinFilter.vue";
 import ProjectFilter from "@/components/filters/ProjectFilter.vue";
+import DescriptionFilter from "@/components/filters/DescriptionFilter.vue";
 export default {
     name: "filter-panel",
-    components: { CategoryFilter, GisCategoryFilter, ScannerFilter, OrgFilter, StratumFilter, DepthFilter, BasinFilter, ProjectFilter },
+    components: { CategoryFilter, GisCategoryFilter, ScannerFilter, OrgFilter, StratumFilter, DepthFilter, BasinFilter, ProjectFilter, DescriptionFilter },
     methods: {},
     data() {
         return {}

frontend/src/components/filters/DescriptionFilter.vue

@@ -0,0 +1,43 @@
+<template>
+    <div>
+        <va-select class="multi-selector" :options="descriptionOptions" v-model="selectedOptions"
+            @update:model-value="applyFilter" multiple searchable>
+        </va-select>
+    </div>
+</template>
+
+
+<script>
+export default {
+    name: "description-filter",
+    data() {
+        return {
+            descriptionOptions: [
+                "терригенная порода-коллектор",
+                "черви",
+                "бусины из скорлупы страуса",
+                "осколки скорлупы яиц страуса",
+                "лопатка лощади ",
+                "грунты",
+                "глинисто-карбонатная порода",
+                "Искусстенная модель осадочных пород",
+                "угли",
+            ],
+            selectedOptions: [],
+        }
+    },
+    methods: {
+        applyFilter() {
+            const filter = { "description": this.selectedOptions }
+            this.$emit('filter', filter, this.name)
+        },
+    },
+}
+</script>
+
+
+<style lang="css">
+.multi-selector {
+    --va-select-min-width: 12 rem;
+}
+</style>