Dodano filtrowanie po dacie w opcjach

This commit is contained in:
2022-09-09 00:23:18 +02:00
parent 3d519e874f
commit 6c83ce90bf
3 changed files with 26 additions and 17 deletions
+15 -11
View File
@@ -35,17 +35,21 @@
<h1>{{ $t('options.search-title') }}</h1>
<div class="content_search">
<div class="search-box" v-for="(_, propName) in searchersValues" :key="propName">
<input
class="search-input"
:type="propName == 'search-date' ? 'date' : 'input'"
@keydown.enter="onSearchConfirm"
:placeholder="$t(`options.${propName}`)"
v-model="searchersValues[propName]"
/>
<button class="search-exit">
<img :src="getIcon('exit')" alt="exit-icon" @click="onInputClear(propName)" />
</button>
<div class="search" v-for="(_, propName) in searchersValues" :key="propName">
<label v-if="propName == 'search-date'">{{ $t('options.search-date') }}</label>
<div class="search-box">
<input
class="search-input"
:type="propName == 'search-date' ? 'date' : 'input'"
@keydown.enter="onSearchConfirm"
:placeholder="$t(`options.${propName}`)"
v-model="searchersValues[propName]"
/>
<button class="search-exit">
<img :src="getIcon('exit')" alt="exit-icon" @click="onInputClear(propName)" />
</button>
</div>
</div>
<action-button class="search-button" @click="onSearchConfirm">
@@ -192,12 +192,14 @@ export default defineComponent({
const driver = props.searchers?.['search-driver'].trim();
const train = props.searchers?.['search-train'].trim();
// TODO: dodanie możliwości sortowania timestampem z API
// const date = props.searchers?.['search-date'].trim();
const dateString = props.searchers?.['search-date'].trim();
const timestampFrom = dateString ? Date.parse(new Date(dateString).toISOString()) : undefined;
const timestampTo = timestampFrom ? timestampFrom + 86400000 : undefined;
if (driver) queries.push(`driverName=${driver}`);
if (train) queries.push(train.startsWith('#') ? `timetableId=${train.replace('#', '')}` : `trainNo=${train}`);
if (timestampFrom && timestampTo) queries.push(`timestampFrom=${timestampFrom}`, `timestampTo=${timestampTo}`);
// Z API: const SORT_TYPES = ['allStopsCount', 'endDate', 'beginDate', 'routeDistance'];
if (this.sorterActive.id == 'distance') queries.push('sortBy=routeDistance');