syng-web/src/components/QueueDesktop.vue

26 lines
695 B
Vue

<script setup>
import QueueInner from './QueueInner.vue'
const props = defineProps(['queue', 'waiting_room', 'admin']);
const emits = defineEmits(['skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue'])
</script>
<template>
<div class="comp-column">
<div class="header">Queue</div>
<QueueInner
:queue="queue"
:admin="admin"
:waiting_room="waiting_room"
@skip="(uuid) => $emit('skip', uuid)"
@moveUp="(uuid) => $emit('moveUp', uuid)"
@skipCurrent="$emit('skipCurrent')"
@waitingRoomToQueue="(uuid) => $emit('waitingRoomToQueue', uuid)"
/>
</div>
</template>
<style scoped>
.comp-column {
margin: 0.2em 0.1em 0.1em 0.2em;
}
</style>