diff --git a/index.html b/index.html index c48b5f0..7d52a9d 100644 --- a/index.html +++ b/index.html @@ -198,8 +198,8 @@ Current topic: {{selectedData.text}} - No current topic - Spinning... + Spinning... + No current topic
End of meeting? @@ -210,7 +210,10 @@ Start timer or click the wheel to spin - Wheeeeee + Wheeeeee + + Click the wheel to spin ! +
diff --git a/main.js b/main.js index 18faecf..b469a3e 100644 --- a/main.js +++ b/main.js @@ -55,6 +55,7 @@ let app = { sound: undefined, themes: DAISYUI_THEMES, currentTheme: "cmyk", + spinning: false, }; }, watch: { @@ -153,8 +154,8 @@ let app = { const delta = this.timerStarted ? Math.floor((this.timerEnd - new Date()) / 1000) : this.showSelected - ? this.selectedData.time * 60 - : 0; + ? this.selectedData.time * 60 + : 0; if (i == 0) { return delta < 0 ? "-" : ""; } @@ -177,8 +178,8 @@ let app = { return `${Math.floor(minutes / 60) .toFixed(0) .padStart(padHours, "0")}h${(minutes % 60) - .toFixed(0) - .padStart(2, "0")}`; + .toFixed(0) + .padStart(2, "0")}`; } else { return `${(minutes % 60).toFixed(0).padStart(2, "0")}min`; } @@ -190,11 +191,13 @@ let app = { this.meetingStart = new Date(); } this.initialSpin = false; + this.spinning = true; this.wheelPosition += 360 * 10 + Math.random() * 360; clearTimeout(this.timeoutId); this.selected = this.getSelected(); this.timeoutId = setTimeout(() => { this.showSelected = true; + this.spinning = false; confetti({ particleCount: 400, startVelocity: 100,