jellyfin/jellyfin-vue
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-vue.git synced 2024-10-07 11:33:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #430 from jellyfin/progress-scan

Browse Source 
Add library scan & refresh indicators
This commit is contained in:
Julien Machiels 2021-01-05 22:26:56 +01:00 committed by GitHub
commit d4613065b0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
components/Item/Card.vue
View File

@ -13,6 +13,13 @@
class="card-image"
@error="imageLoadError = true"
/>
<v-progress-circular
v-if="refreshProgress > 0"
class="card-chip"
:value="refreshProgress"
color="white"
size="24"
/>
<v-chip
v-if="item.UserData && item.UserData.Played"
color="green"
@ -64,7 +71,7 @@
>
<v-icon size="36">mdi-play</v-icon>
</v-btn>
<item-menu :item-id="item.Id" />
<item-menu :item="item" />
</div>
</div>
<div v-if="!noText" class="card-text">
@ -124,7 +131,8 @@ export default Vue.extend({
},
data() {
return {
imageLoadError: false
imageLoadError: false,
refreshProgress: 0
};
},
computed: {
@ -240,6 +248,17 @@ export default Vue.extend({
}
}
},
created() {
this.$store.subscribe((mutation, state) => {
if (
mutation.type === 'SOCKET_ONMESSAGE' &&
state.socket.message.MessageType === 'RefreshProgress' &&
state.socket.message.Data.ItemId === this.item.Id
) {
this.refreshProgress = state.socket.message.Data.Progress;
}
});
},
methods: {
...mapActions('playbackManager', ['play'])
}