starred/audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2026-08-28 06:14:00 +02:00
Code Issues 454 Packages Projects Releases 10 Wiki Activity

Merge pull request #459 from benonymity/hapticFeedback

Browse Source 
Add haptic feedback
This commit is contained in:
advplyr
2022-12-09 17:08:17 -06:00
committed by GitHub
parent b521f37ec1 f12e64990c
commit 99217fee48
17 changed files with 113 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/home/BookshelfToolbar.vue
+6 -2
View File
@@ -8,7 +8,7 @@
<p v-show="!selectedSeriesName" class="font-book pt-1">{{ totalEntities }} {{ entityTitle }}</p>
<p v-show="selectedSeriesName" class="ml-2 font-book pt-1">{{ selectedSeriesName }} ({{ totalEntities }})</p>
<div class="flex-grow" />
<span v-if="page == 'library' || seriesBookPage" class="material-icons px-2" @click="bookshelfListView = !bookshelfListView">{{ !bookshelfListView ? 'view_list' : 'grid_view' }}</span>
<span v-if="page == 'library' || seriesBookPage" class="material-icons px-2" @click="changeView">{{ !bookshelfListView ? 'view_list' : 'grid_view' }}</span>
<template v-if="page === 'library'">
<div class="relative flex items-center px-2">
<span class="material-icons" @click="showFilterModal = true">filter_alt</span>
@@ -102,6 +102,10 @@ export default {
},
setTotalEntities(total) {
this.totalEntities = total
},
async changeView() {
this.bookshelfListView = !this.bookshelfListView
await this.$hapticsImpactMedium()
}
},
mounted() {
@@ -120,4 +124,4 @@ export default {
#bookshelf-toolbar {
box-shadow: 0px 5px 5px #11111155;
}
</style>
</style>