spin the icon if the item is queued.

This commit is contained in:
arabcoders 2025-06-15 19:55:06 +03:00
parent ffcae45d9b
commit 38dc9c1ec6

View file

@ -134,7 +134,8 @@
</td>
<td class="is-vcentered has-text-centered is-unselectable">
<span class="icon-text">
<span class="icon" :class="setIconColor(item)"><i :class="setIcon(item)" /></span>
<span class="icon" :class="setIconColor(item)"><i
:class="[setIcon(item), is_queued(item)]" /></span>
<span>{{ setStatus(item) }}</span>
</span>
</td>
@ -292,7 +293,7 @@
</div>
<div class="column is-half-mobile has-text-centered is-text-overflow is-unselectable">
<span class="icon-text">
<span class="icon" :class="setIconColor(item)"><i :class="setIcon(item)" /></span>
<span class="icon" :class="setIconColor(item)"><i :class="[setIcon(item), is_queued(item)]" /></span>
<span>{{ setStatus(item) }}</span>
</span>
</div>
@ -842,4 +843,12 @@ const removeFromArchive = async (item, opts) => {
socket.emit('item_delete', { id: item._id, remove_file: false })
}
}
const is_queued = item => {
if (!item?.status || 'not_live' !== item.status) {
return ''
}
return item.live_in || item.extras?.live_in || item.extras?.release_in ? 'fa-spin' : ''
}
</script>