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

Frontend: Add view change buttons

Browse source
This commit is contained in:
Michael Mayer 2019-06-15 18:59:36 -07:00
parent 862253e3ec
commit 91c66824b8
1 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -20,6 +20,22 @@
<v-icon>refresh</v-icon>
</v-btn>
<v-btn icon v-if="settings.view === 'tiles'" @click.stop="setView('details')" class="hidden-xs-only">
<v-icon>view_column</v-icon>
</v-btn>
<v-btn icon v-if="settings.view === 'details'" @click.stop="setView('list')" class="hidden-xs-only">
<v-icon>view_list</v-icon>
</v-btn>
<v-btn icon v-if="settings.view === 'list'" @click.stop="setView('mosaic')" class="hidden-xs-only">
<v-icon>view_comfy</v-icon>
</v-btn>
<v-btn icon v-if="settings.view === 'mosaic'" @click.stop="setView('tiles')" class="hidden-xs-only">
<v-icon>view_module</v-icon>
</v-btn>
<v-btn icon @click.stop="searchExpanded = !searchExpanded" id="advancedMenu">
<v-icon>{{ searchExpanded ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}</v-icon>
</v-btn>
@ -120,6 +136,10 @@
this.searchExpanded = false;
}
},
setView(name) {
this.settings.view = name;
this.filterChange();
},
clearQuery() {
this.filter.q = '';
this.filterChange();