beenull/photoprism
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Frontend: add search by date (#151)

Browse source
This commit is contained in:
thielepaul 2019-12-05 21:48:54 +01:00 committed by Michael Mayer
parent 47450cad91
commit 317c4dd553
2 changed files with 47 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
frontend/src/component/p-photo-search.vue
View file

@ -87,6 +87,48 @@
:items="options.sorting">
</v-select>
</v-flex>
<v-flex xs12 sm6 md3 pa-2 class="p-time-after">
<v-menu v-model="showAfterPicker"
:close-on-content-click="false"
:nudge-right="40"
transition="scale-transition"
offset-y
min-width="290px"
>
<template v-slot:activator="{ on }">
<v-text-field v-model="filter.after"
label="After"
prepend-icon="event"
readonly
v-on="on"
></v-text-field>
</template>
<v-date-picker v-model="filter.after"
@input="showAfterPicker = false; dropdownChange();">
</v-date-picker>
</v-menu>
</v-flex>
<v-flex xs12 sm6 md3 pa-2 class="p-time-before">
<v-menu v-model="showBeforePicker"
:close-on-content-click="false"
:nudge-right="40"
transition="scale-transition"
offset-y
min-width="290px"
>
<template v-slot:activator="{ on }">
<v-text-field v-model="filter.before"
label="Before"
prepend-icon="event"
readonly
v-on="on"
></v-text-field>
</template>
<v-date-picker v-model="filter.before"
@input="showBeforePicker = false; dropdownChange();">
</v-date-picker>
</v-menu>
</v-flex>
</v-layout>
</v-card-text>
</v-card>
@ -125,6 +167,8 @@
{value: 'imported', text: 'Recently imported'},
],
},
showAfterPicker: false,
showBeforePicker: false,
};
},
methods: {

4
frontend/src/pages/photos.vue
View file

@ -47,9 +47,11 @@
const order = query['order'] ? query['order'] : 'newest';
const camera = query['camera'] ? parseInt(query['camera']) : 0;
const q = query['q'] ? query['q'] : '';
const before = query['before'] ? query['before'] : '';
const after = query['after'] ? query['after'] : '';
const country = query['country'] ? query['country'] : '';
const view = this.viewType();
const filter = {country: country, camera: camera, order: order, q: q};
const filter = {country: country, camera: camera, order: order, q: q, before: before, after: after};
const settings = {view: view};
return {