player lists display

This commit is contained in:
bkfox 2022-12-16 15:31:50 +01:00
parent 246eba6654
commit 276e65e0b4
2 changed files with 5 additions and 5 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="player"> <div class="player">
<div :class="['player-panels', panel ? 'is-open' : '']"> <div :class="['player-panels', panel ? 'is-open' : '']">
<APlaylist ref="pin" class="player-panel menu" v-show="panel == 'pin'" <APlaylist ref="pin" class="player-panel menu" v-show="panel == 'pin' && sets.pin.length"
name="Pinned" name="Pinned"
:actions="['page']" :actions="['page']"
:editable="true" :player="self" :set="sets.pin" @select="togglePlay('pin', $event.index)" :editable="true" :player="self" :set="sets.pin" @select="togglePlay('pin', $event.index)"
@ -13,7 +13,7 @@
</p> </p>
</template> </template>
</APlaylist> </APlaylist>
<APlaylist ref="queue" class="player-panel menu" v-show="panel == 'queue'" <APlaylist ref="queue" class="player-panel menu" v-show="panel == 'queue' && sets.queue.length"
:actions="['page']" :actions="['page']"
:editable="true" :player="self" :set="sets.queue" @select="togglePlay('queue', $event.index)" :editable="true" :player="self" :set="sets.queue" @select="togglePlay('queue', $event.index)"
listClass="menu-list" itemClass="menu-item"> listClass="menu-list" itemClass="menu-item">
@ -51,13 +51,13 @@
<span>Live</span> <span>Live</span>
</button> </button>
<button ref="pinPlaylistButton" :class="playlistButtonClass('pin')" <button ref="pinPlaylistButton" :class="playlistButtonClass('pin')"
@click="togglePanel('pin')"> @click="togglePanel('pin')" v-show="sets.pin.length">
<span class="is-size-6" v-if="sets.pin.length"> <span class="is-size-6" v-if="sets.pin.length">
{{ sets.pin.length }}</span> {{ sets.pin.length }}</span>
<span class="icon"><span class="fa fa-thumbtack"></span></span> <span class="icon"><span class="fa fa-thumbtack"></span></span>
</button> </button>
<button :class="playlistButtonClass('queue')" <button :class="playlistButtonClass('queue')"
@click="togglePanel('queue')"> @click="togglePanel('queue')" v-show="sets.queue.length">
<span class="is-size-6" v-if="sets.queue.length"> <span class="is-size-6" v-if="sets.queue.length">
{{ sets.queue.length }}</span> {{ sets.queue.length }}</span>
<span class="icon"><span class="fa fa-list"></span></span> <span class="icon"><span class="fa fa-list"></span></span>