feat: add skip button

This commit is contained in:
Settel 2022-08-31 18:58:39 +02:00
parent a26cc7aa41
commit 71fce93da8
4 changed files with 33 additions and 2 deletions

View File

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

View File

@ -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>

View File

@ -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}

View File

@ -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}