feat: add skip button

client/src/components/Playground.vue

@@ -10,6 +10,10 @@
       <div class="playground__quote">
         <QuoteCard :quote="quote" />
       </div>
+      <div class="playground__skip">
+        <SkipButton :selectable="selectable" :disabled="!selectable" :selected="selection === '-'"
+          @click="selectSource({ id: '-', name: '' })" />
+      </div>
     </div>
     <div class="playground__players-list">
       <PlayerList :show-score="true" :show-checkbox="playerListShowCheckbox" />
@@ -24,6 +28,7 @@ import { useRoundStore } from '@/stores/RoundStore'
 import useEngine from '@/composables/useEngine'
 import { useGameinfoStore } from "@/stores/GameinfoStore"
 import { useUserinfoStore } from "@/stores/UserinfoStore"
+import SkipButton from './SkipButton.vue'
 
 const { round } = useRoundStore()
 const quote = { quote: round.quote } as Quote
@@ -95,6 +100,10 @@ const disabledMap = computed(() => {
     flex-grow: 4;
   }
 
+  &__skip {
+    align-self: flex-end;
+  }
+
   &__players-list {
     width: 200px;
     margin: 16px 16px 0 64px;

client/src/components/SkipButton.vue

@@ -0,0 +1,22 @@
+<template>
+  <Button :disabled="disabled" :border="true">
+    {{ $t('skip') }}
+  </Button>
+</template>
+
+<script setup lang="ts">
+import useI18n from '@/composables/useI18n'
+
+defineProps<{
+  disabled?: boolean
+  selectable?: boolean
+  selected?: boolean
+}>()
+
+const { $t } = useI18n({
+  skip: { en: 'skip', de: 'überspringen' },
+})
+</script>
+
+<style lang="scss">
+</style>

server/data/users/d06fb83a-51eb-477e-b57c-6138a38eecb5.json

@@ -1 +1 @@
-{"authcode":"123456","name":"Harry","role":"player","game":"663576f0-1378-496b-a970-578bdcb222af","created":1650831122,"lastLoggedIn":1659718327}
+{"authcode":"123456","name":"Harry","role":"player","game":"663576f0-1378-496b-a970-578bdcb222af","created":1650831122,"lastLoggedIn":1661949675}

server/data/users/e7b48531-b562-495b-bb70-71e81038810e.json

@@ -1 +1 @@
-{"authcode":"002002","name":"Dumbledore","role":"gamemaster","game":"663576f0-1378-496b-a970-578bdcb222af","created":1650831066,"lastLoggedIn":1651556261}
+{"authcode":"002002","name":"Dumbledore","role":"gamemaster","game":"663576f0-1378-496b-a970-578bdcb222af","created":1650831066,"lastLoggedIn":1661965111}