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

Update:Play buttons on item pages show Play/Pause instead of disabled and showing Playing/Streaming #697

Browse Source
This commit is contained in:
advplyr
2023-05-20 14:49:55 -05:00
parent 928f33005a
commit fafaad8b5f
2 changed files with 22 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/item/_id/_episode/index.vue
+3 -3
View File
@@ -33,9 +33,9 @@
<!-- action buttons -->
<div class="flex mt-4 -mx-1">
<ui-btn color="success" :disabled="isPlaying" class="flex items-center justify-center flex-grow mx-1" :padding-x="4" @click="playClick">
<span v-show="!isPlaying" class="material-icons">play_arrow</span>
<span class="px-1 text-sm">{{ isPlaying ? (playerIsLocal ? 'Playing' : 'Streaming') : localEpisodeId ? 'Play' : 'Stream' }}</span>
<ui-btn color="success" class="flex items-center justify-center flex-grow mx-1" :padding-x="4" @click="playClick">
<span class="material-icons">{{ playerIsPlaying ? 'pause' : 'play_arrow' }}</span>
<span class="px-1 text-sm">{{ playerIsPlaying ? 'Pause' : localEpisodeId ? 'Play' : 'Stream' }}</span>
</ui-btn>
<ui-btn v-if="showDownload" :color="downloadItem ? 'warning' : 'primary'" class="flex items-center justify-center mx-1" :padding-x="2" @click="downloadClick">
<span class="material-icons" :class="downloadItem ? 'animate-pulse' : ''">{{ downloadItem ? 'downloading' : 'download' }}</span>