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

reaktywne filtry URL w dzienniku RJ

Browse Source
This commit is contained in:
Spythere
2023-12-17 16:10:13 +01:00
parent f4be32aa39
commit e8ed36df16
7 changed files with 141 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/JournalDispatchers.vue
+17 -10
View File
@@ -166,6 +166,15 @@ export default defineComponent({
},
methods: {
handleRouteParams() {
this.$router.push({
query: {
'search-date': this.searchersValues['search-date'] || undefined,
'search-station': this.searchersValues['search-station'] || undefined,
'search-dispatcher': this.searchersValues['search-dispatcher'] || undefined
}
});
},
handleScroll(e: Event) {
const listElement = e.target as HTMLElement;
const scrollTop = listElement.scrollTop;
@@ -178,21 +187,19 @@ export default defineComponent({
},
handleQueries(query: LocationQuery) {
const queryKeys = Object.keys(query);
if (queryKeys.includes('sceneryName')) this.setSearchers('', `${query.sceneryName}`, '');
if (queryKeys.includes('dispatcherName'))
this.setSearchers('', '', `${query.dispatcherName}`);
// if (queryKeys.includes('sceneryName')) this.setSearchers('', `${query.sceneryName}`, '');
// if (queryKeys.includes('dispatcherName'))
// this.setSearchers('', '', `${query.dispatcherName}`);
},
setSearchers(date: string, station: string, dispatcher: string) {
this.searchersValues['search-date'] = date;
this.searchersValues['search-station'] = station;
this.searchersValues['search-dispatcher'] = dispatcher;
setSearchers(searchers: { [key: string]: string }) {
this.searchersValues['search-date'] = searchers['search-date'] ?? '';
this.searchersValues['search-station'] = searchers['search-station'] ?? '';
this.searchersValues['search-dispatcher'] = searchers['search-dispatcher'] ?? '';
},
resetOptions() {
this.setSearchers('', '', '');
this.setSearchers({});
this.sorterActive.id = 'timestampFrom';
this.fetchHistoryData();