diff --git a/src/views/JournalDispatchers.vue b/src/views/JournalDispatchers.vue index f0a85fb..9d5c5b5 100644 --- a/src/views/JournalDispatchers.vue +++ b/src/views/JournalDispatchers.vue @@ -8,6 +8,7 @@ @on-options-reset="resetOptions" :sorter-option-ids="['timestampFrom', 'duration']" :data-status="dataStatus" + :current-options-active="currentOptionsActive" />
@@ -71,7 +72,15 @@ import JournalHeader from '../components/JournalView/JournalHeader.vue'; const DISPATCHERS_API_URL = `${URLs.stacjownikAPI}/api/getDispatchers`; export default defineComponent({ - components: { SearchBox, ActionButton, JournalOptions, DispatcherStats, Loading, JournalDispatchersList, JournalHeader }, + components: { + SearchBox, + ActionButton, + JournalOptions, + DispatcherStats, + Loading, + JournalDispatchersList, + JournalHeader, + }, name: 'JournalDispatchers', props: { @@ -88,11 +97,14 @@ export default defineComponent({ data: () => ({ currentQuery: '', + currentQueryArray: [] as string[], + scrollDataLoaded: true, scrollNoMoreData: false, showReturnButton: false, statsCardOpen: false, + currentOptionsActive: false, dataStatus: DataStatus.Initialized, DataStatus, @@ -133,6 +145,13 @@ export default defineComponent({ }; }, + watch: { + currentQueryArray(q: string[]) { + this.currentOptionsActive = + q.length > 2 || q.some((qv) => qv.startsWith('sortBy=') && qv.split('=')[1] != 'timestampFrom'); + }, + }, + computed: { computedHistoryList() { return this.historyList.filter( @@ -169,6 +188,7 @@ export default defineComponent({ resetOptions() { this.searchersValues['search-station'] = ''; this.searchersValues['search-dispatcher'] = ''; + this.searchersValues['search-date'] = ''; this.sorterActive.id = 'timestampFrom'; this.searchHistory(); @@ -231,6 +251,7 @@ export default defineComponent({ queries.push('countLimit=30'); this.currentQuery = queries.join('&'); + this.currentQueryArray = queries; try { const responseData: DispatcherHistory[] = await ( @@ -265,3 +286,4 @@ export default defineComponent({ +