diff --git a/src/App.vue b/src/App.vue index 995146a6d87a9b4e76259d57024f198ae970379b..ba4f34fcb4580781781151342d5fb1a083ef9a0a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -94,6 +94,11 @@ function waitingRoomToQueue(uuid) { state.socket.emit("waiting-room-to-queue", {"uuid": uuid}) } +function queueToWaitingRoom(uuid) { + console.log(uuid) + state.socket.emit("queue-to-waiting-room", {"uuid": uuid}) +} + function append(entry) { checked_append_with_name(entry, state.value.name) } @@ -295,6 +300,7 @@ function joinRoom() { @moveUp="moveUp" @moveTo="moveTo" @waitingRoomToQueue="waitingRoomToQueue" + @queueToWaitingRoom="queueToWaitingRoom" /> <DesktopLayout v-show="!state.is_small" @@ -307,6 +313,7 @@ function joinRoom() { @moveUp="moveUp" @moveTo="moveTo" @waitingRoomToQueue="waitingRoomToQueue" + @queueToWaitingRoom="queueToWaitingRoom" /> <WelcomeReveal v-if="!state.joined" diff --git a/src/components/DesktopLayout.vue b/src/components/DesktopLayout.vue index cd53998a43bd57388e5395a1940681eb3917d971..5e14372707366e3c5ac3165705fd19ecf0fb189d 100644 --- a/src/components/DesktopLayout.vue +++ b/src/components/DesktopLayout.vue @@ -4,7 +4,7 @@ import QueueDesktop from './QueueDesktop.vue' import RecentDesktop from './RecentDesktop.vue' const props = defineProps(['state']); -const emit = defineEmits(['update:searchTerm', 'search', 'append', 'skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue', 'moveTo']) +const emit = defineEmits(['update:searchTerm', 'search', 'append', 'skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue', 'queueToWaitingRoom', 'moveTo']) </script> @@ -21,6 +21,7 @@ const emit = defineEmits(['update:searchTerm', 'search', 'append', 'skip', 'skip @moveTo="(data) => $emit('moveTo', data)" @skipCurrent="$emit('skipCurrent')" @waitingRoomToQueue="(uuid) => $emit('waitingRoomToQueue', uuid)" + @queueToWaitingRoom="(uuid) => $emit('queueToWaitingRoom', uuid)" /> <RecentDesktop :recent="state.recent" :admin="state.admin" /> </div> diff --git a/src/components/Entry.vue b/src/components/Entry.vue index c3ee5bfbe6f4733371aa4f056d77e1a92f8f80c5..368397b8252623ecc7c7460464435c8138d51c91 100644 --- a/src/components/Entry.vue +++ b/src/components/Entry.vue @@ -1,7 +1,7 @@ <script setup> import { computed } from 'vue' const props = defineProps(['admin', 'entry', 'current', 'firstStartedAt', 'offset', 'currentTime', 'waitingRoom']) -const emits = defineEmits(['skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue', 'moveTo']) +const emits = defineEmits(['skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue', 'queueToWaitingRoom', 'moveTo']) function skip() { if(props.current) { @@ -88,6 +88,12 @@ const dragleave = (e) => { <button v-if="!waitingRoom" class="button alert fright" @click="skip"> <font-awesome-icon icon="fa-solid fa-times" /> </button> + <button + class="button success fright" + v-if="!waitingRoom && !current" + @click="$emit('queueToWaitingRoom', entry.uuid)" > + <font-awesome-icon icon="fa-solid fa-arrows-down-to-line" /> + </button> <button class="button success fright" v-if="waitingRoom" diff --git a/src/components/MobileLayout.vue b/src/components/MobileLayout.vue index 4a9d1bb13d2e66eeaf6c5772fca90d60d3e6e8ec..1ccedfe9def93c52eb51e004d28adb36a37b279e 100644 --- a/src/components/MobileLayout.vue +++ b/src/components/MobileLayout.vue @@ -5,7 +5,7 @@ import RecentTab from './RecentTab.vue' import TabHeader from './TabHeader.vue' const props = defineProps(['state']); -const emit = defineEmits(['update:searchTerm', 'search', 'append', 'skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue', 'moveTo']) +const emit = defineEmits(['update:searchTerm', 'search', 'append', 'skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue', 'queueToWaitingRoom', 'moveTo']) </script> @@ -29,6 +29,7 @@ const emit = defineEmits(['update:searchTerm', 'search', 'append', 'skip', 'skip @moveTo="(data) => $emit('moveTo', data)" @skipCurrent="$emit('skipCurrent')" @waitingRoomToQueue="(uuid) => $emit('waitingRoomToQueue', uuid)" + @queueToWaitingRoom="(uuid) => $emit('queueToWaitingRoom', uuid)" /> <RecentTab :recent="state.recent" :admin="state.admin" /> </div> diff --git a/src/components/QueueDesktop.vue b/src/components/QueueDesktop.vue index 61f8d1fa844436773859d7248ad00eeddd2f535c..9759f0b5ec942fb61c5c9d8488d26e5efd9ef079 100644 --- a/src/components/QueueDesktop.vue +++ b/src/components/QueueDesktop.vue @@ -2,7 +2,7 @@ import QueueInner from './QueueInner.vue' const props = defineProps(['queue', 'waiting_room', 'admin', 'waiting_room_policy']); -const emits = defineEmits(['skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue', 'moveTo']) +const emits = defineEmits(['skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue', 'queueToWaitingRoom', 'moveTo']) </script> <template> @@ -18,6 +18,7 @@ const emits = defineEmits(['skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue' @moveTo="(data) => $emit('moveTo', data)" @skipCurrent="$emit('skipCurrent')" @waitingRoomToQueue="(uuid) => $emit('waitingRoomToQueue', uuid)" + @queueToWaitingRoom="(uuid) => $emit('queueToWaitingRoom', uuid)" /> </div> </template> diff --git a/src/components/QueueInner.vue b/src/components/QueueInner.vue index 88142ca421c7a8a49deb77450accf2f07033315d..45ac754a8b87c862342b1af66b1e085bb5d43ef9 100644 --- a/src/components/QueueInner.vue +++ b/src/components/QueueInner.vue @@ -3,7 +3,7 @@ import { onMounted, reactive } from 'vue' import Entry from './Entry.vue' const props = defineProps(['queue', 'waiting_room', 'admin', 'waiting_room_policy']); -const emits = defineEmits(['skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue', 'moveTo']) +const emits = defineEmits(['skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue', 'queueToWaitingRoom', 'moveTo']) let currentTime = reactive({time: Date.now()}) @@ -44,6 +44,7 @@ function offset(index) { @skipCurrent="$emit('skipCurrent')" @moveUp="(uuid) => $emit('moveUp', uuid)" @moveTo="(data) => $emit('moveTo', data)" + @queueToWaitingRoom="(uuid) => $emit('queueToWaitingRoom', uuid)" /> </ul> <div v-show="waiting_room_policy" class="header">Waiting room</div> diff --git a/src/components/QueueTab.vue b/src/components/QueueTab.vue index 5a782f7d546c4e11f8646574af0bab4b1d46edbc..46b2f52f7316c78160fb1132ad6f907fad23749a 100644 --- a/src/components/QueueTab.vue +++ b/src/components/QueueTab.vue @@ -2,7 +2,7 @@ import QueueInner from './QueueInner.vue' const props = defineProps(['queue', 'waiting_room', 'admin', 'waiting_room_policy']); -const emits = defineEmits(['skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue', 'moveTo']) +const emits = defineEmits(['skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue', 'queueToWaitingRoom', 'moveTo']) </script> <template> @@ -16,6 +16,7 @@ const emits = defineEmits(['skip', 'skipCurrent', 'moveUp', 'waitingRoomToQueue' @moveUp="(uuid) => $emit('moveUp', uuid)" @skipCurrent="$emit('skipCurrent')" @waitingRoomToQueue="(uuid) => $emit('waitingRoomToQueue', uuid)" + @queueToWaitingRoom="(uuid) => $emit('queueToWaitingRoom', uuid)" @moveTo="(data) => $emit('moveTo', data)" /> </div> diff --git a/src/main.js b/src/main.js index 44df7bf302a0aef79bdb2bf69d4d2474c003f298..caf300408ac7c19a9344b480335755b489bfe945 100644 --- a/src/main.js +++ b/src/main.js @@ -6,7 +6,7 @@ import App from './App.vue' import Main from './Main.vue' import { library } from '@fortawesome/fontawesome-svg-core' import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome' -import { faMagnifyingGlass, faList, faChair, faArrowUp, faHistory, faPlus, faStepForward, faTimes, faArrowsUpToLine } from '@fortawesome/free-solid-svg-icons' +import { faMagnifyingGlass, faList, faChair, faArrowUp, faHistory, faPlus, faStepForward, faTimes, faArrowsUpToLine, faArrowsDownToLine } from '@fortawesome/free-solid-svg-icons' import { faYoutube } from '@fortawesome/free-brands-svg-icons' import 'foundation-sites/dist/css/foundation.min.css' @@ -21,6 +21,7 @@ library.add(faTimes) library.add(faArrowUp) library.add(faChair) library.add(faArrowsUpToLine) +library.add(faArrowsDownToLine) window.jQuery = jquery; window.$ = jquery;