mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-08-04 10:04:39 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add global search, update filters for new filter model

Browse source
This commit is contained in:
advplyr 2021-09-05 15:22:30 -05:00
parent 4420375f2a
commit 2c27fb3108
10 changed files with 164 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

4
pages/index.vue
View file

@ -2,7 +2,9 @@
<div class="w-full h-full">
<div class="w-full h-12 relative z-20">
<div id="toolbar" class="asolute top-0 left-0 w-full h-full bg-bg flex items-center px-2">
<span class="material-icons px-2" @click="showSearchModal = true">search</span>
<p class="font-book">{{ numAudiobooks }} Audiobooks</p>
<div class="flex-grow" />
<span class="material-icons px-2" @click="showFilterModal = true">filter_alt</span>
<span class="material-icons px-2" @click="showSortModal = true">sort</span>
@ -12,6 +14,7 @@
<modals-order-modal v-model="showSortModal" :order-by.sync="settings.orderBy" :descending.sync="settings.orderDesc" @change="updateOrder" />
<modals-filter-modal v-model="showFilterModal" :filter-by.sync="settings.filterBy" @change="updateFilter" />
<modals-search-modal v-model="showSearchModal" />
</div>
</template>
@ -21,6 +24,7 @@ export default {
return {
showSortModal: false,
showFilterModal: false,
showSearchModal: false,
settings: {}
}
},