codeforleipzig/stadtratmonitor-vue
3
0
Fork 0
Code Issues Activity

improve type filter selection

Browse source
This commit is contained in:
Vri 🌈 2023-06-16 15:30:19 +02:00
parent d08a2cfdc2
commit 9bbb1f3e03
Signed by: vrifox
GPG key ID: D40098E5B60B2197
1 changed files with 19 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/Filter.vue
View file

@ -81,19 +81,24 @@ export default {
<template> <template>
<form class="mr-4 mt-4"> <form class="mr-4 mt-4">
<fieldset class="flex flex-row mb-4">
<legend>Kategorie</legend>
<select <select
class="w-40" class="w-40 p-2 bg-background-100 rounded-lg"
v-model="paperFilter.type"> v-model="paperFilter.type">
<option <option
v-for="(type, i) of paperTypes" v-for="(type, i) of paperTypes"
:key="i" :key="i"
:value="type"
>{{ type.value }} >{{ type.value }}
</option> </option>
</select> </select>
<select <button
class="w-40" class="pl-2"
v-model="paperFilter.originator"> @click.prevent="paperFilter.type = { key: '', value: ''}"
<option v-for="(originator, i) of paperOriginators" :key="i">{{ originator }}</option> title="zurücksetzen"
</select> >✖
</button>
</fieldset>
</form> </form>
</template> </template>