para/puzzle
1
1
Fork 0
Code Issues 8 Pull requests Releases Wiki Activity

show message while cutting puzzle

Browse source
This commit is contained in:
Zutatensuppe 2021-07-08 00:25:12 +02:00
parent 2b0dc392da
commit 7759cdc806
5 changed files with 20 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/frontend/views/Game.vue
View file

@ -4,6 +4,12 @@
<preview-overlay v-show="overlay === 'preview'" @bgclick="toggle('preview', false)" :img="g.previewImageUrl" />
<help-overlay v-show="overlay === 'help'" @bgclick="toggle('help', true)" />
<div class="overlay" v-if="cuttingPuzzle">
<div class="overlay-content">
<div>⏳ Cutting puzzle, please wait... ⏳</div>
</div>
</div>
<connection-overlay
:connectionState="connectionState"
@reconnect="reconnect"
@ -64,6 +70,7 @@ export default defineComponent({
overlay: '',
connectionState: 0,
cuttingPuzzle: true,
g: {
player: {
@ -119,6 +126,7 @@ export default defineComponent({
MODE_PLAY,
this.$el,
{
setPuzzleCut: () => { this.cuttingPuzzle = false },
setActivePlayers: (v: Array<Player>) => { this.activePlayers = v },
setIdlePlayers: (v: Array<Player>) => { this.idlePlayers = v },
setFinished: (v: boolean) => { this.finished = v },

8
src/frontend/views/Replay.vue
View file

@ -4,6 +4,12 @@
<preview-overlay v-show="overlay === 'preview'" @bgclick="toggle('preview', false)" :img="g.previewImageUrl" />
<help-overlay v-show="overlay === 'help'" @bgclick="toggle('help', true)" />
<div class="overlay" v-if="cuttingPuzzle">
<div class="overlay-content">
<div>⏳ Cutting puzzle, please wait... ⏳</div>
</div>
</div>
<puzzle-status
:finished="finished"
:duration="duration"
@ -64,6 +70,7 @@ export default defineComponent({
overlay: '',
connectionState: 0,
cuttingPuzzle: true,
g: {
player: {
@ -127,6 +134,7 @@ export default defineComponent({
MODE_REPLAY,
this.$el,
{
setPuzzleCut: () => { this.cuttingPuzzle = false },
setActivePlayers: (v: Array<Player>) => { this.activePlayers = v },
setIdlePlayers: (v: Array<Player>) => { this.idlePlayers = v },
setFinished: (v: boolean) => { this.finished = v },