Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 05:18:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Dziennik: dodano filtrowanie po ID rozkładu

Browse Source
This commit is contained in:
Spythere
2022-07-12 10:54:48 +02:00
parent 6c724440d7
commit b88a96237e
6 changed files with 59 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/JournalView/JournalOptions.vue
+7 -7
View File
@@ -12,15 +12,15 @@
</div>
<div class="content_search">
<div class="search-box" v-for="search in searchersValues" :key="search.id">
<div class="search-box" v-for="(value, propName) in searchersValues" :key="propName">
<input
class="search-input"
:placeholder="$t(`journal.${search.id}`)"
v-model="search.value"
:placeholder="$t(`journal.${propName}`)"
v-model="searchersValues[propName]"
@keydown.enter="onInputSearch"
/>
<img class="search-exit" :src="exitIcon" alt="exit-icon" @click="onInputClear(search.id)" />
<img class="search-exit" :src="exitIcon" alt="exit-icon" @click="onInputClear(propName)" />
</div>
<!-- <div class="search-box">
<input
@@ -91,7 +91,7 @@ export default defineComponent({
setup() {
return {
searchersValues: inject('searchersValues') as {id: string; value: string}[],
searchersValues: inject('searchersValues') as {[key: string]: string},
sorterActive: inject('sorterActive') as { id: string | number; dir: number },
journalFilterActive: inject('journalFilterActive') as JournalFilter,
};
@@ -123,8 +123,8 @@ export default defineComponent({
this.$emit('onInputChange');
},
onInputClear(id: string) {
this.searchersValues.find(s => s.id == id)!.value = "";
onInputClear(id: any) {
this.searchersValues[id] = '';
this.onInputSearch();
},
},