From 9bbb1f3e03088fd3d2ed77c3b79646d3ee74f1de Mon Sep 17 00:00:00 2001
From: vrifox <vrifox@vrifox.cc>
Date: Fri, 16 Jun 2023 15:30:19 +0200
Subject: [PATCH] improve type filter selection

---
 src/components/Filter.vue | 33 +++++++++++++++++++--------------
 1 file changed, 19 insertions(+), 14 deletions(-)

diff --git a/src/components/Filter.vue b/src/components/Filter.vue
index 90851f3..5c24536 100644
--- a/src/components/Filter.vue
+++ b/src/components/Filter.vue
@@ -81,19 +81,24 @@ export default {
 
 <template>
   <form class="mr-4 mt-4">
-    <select
-      class="w-40"
-      v-model="paperFilter.type">
-      <option
-        v-for="(type, i) of paperTypes"
-        :key="i"
-        >{{ type.value }}
-      </option>
-    </select>
-    <select 
-      class="w-40"
-      v-model="paperFilter.originator">
-      <option v-for="(originator, i) of paperOriginators" :key="i">{{ originator }}</option>
-    </select>
+    <fieldset class="flex flex-row mb-4">
+      <legend>Kategorie</legend>
+      <select
+        class="w-40 p-2 bg-background-100 rounded-lg"
+        v-model="paperFilter.type">
+        <option
+          v-for="(type, i) of paperTypes"
+          :key="i"
+          :value="type"
+          >{{ type.value }}
+        </option>
+      </select>
+      <button 
+        class="pl-2"
+        @click.prevent="paperFilter.type = { key: '', value: ''}"
+        title="zurücksetzen"
+        >✖
+      </button>
+    </fieldset>
   </form>
 </template>
\ No newline at end of file