klemek/meeting-roulette
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

small fixes

Browse Source
This commit is contained in:
Klemek
2025-02-21 22:42:10 +01:00
parent 38864aeac5
commit 360145d1bf
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+3 -3
View File
@@ -3,7 +3,6 @@
<head>
<meta charset="UTF-8" />
<title>Meeting Roulette</title>
<link rel="stylesheet" href="style.css" />
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script type="text/javascript" src="main.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -19,6 +18,7 @@
type="text/css"
/>
<script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.3/dist/confetti.browser.min.js"></script>
<link rel="stylesheet" href="style.css" />
<!-- card related -->
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content="Meeting Roulette" />
@@ -41,7 +41,7 @@
</div>
<div
class="p-3 rounded-box text-center"
:class="overtime() ? 'text-error bg-error-content' : 'bg-base-200'"
:class="overtime() ? 'text-error-content bg-error' : 'bg-base-200'"
>
<span class="countdown font-mono text-5xl">
{{ timerParts(0) }}
@@ -263,7 +263,7 @@
<div class="flex flex-col min-w-64 h-full gap-6">
<textarea
v-model="rawData"
class="grow w-full bg-base-200 textarea rounded-box resize-none"
class="grow w-full bg-base-200 min-h-64 textarea rounded-box resize-none"
placeholder="Meeting point 1: 5min"
></textarea>
<div class="p-3 bg-base-200 rounded-box">
main.js
+6 -4
View File
@@ -174,14 +174,16 @@ let app = {
this.sound.play();
},
timeText(minutes, padHours = 0) {
const prefix = minutes >= 0 ? '' : '-';
minutes = Math.abs(minutes);
if (minutes >= 60 || padHours > 0) {
return `${Math.floor(minutes / 60)
return `${prefix}${Math.floor(minutes / 60)
.toFixed(0)
.padStart(padHours, "0")}h${(minutes % 60)
.toFixed(0)
.padStart(2, "0")}`;
} else {
return `${(minutes % 60).toFixed(0).padStart(2, "0")}min`;
return `${prefix}${(minutes % 60).toFixed(0).padStart(2, "0")}min`;
}
},
spin() {
@@ -207,8 +209,8 @@ let app = {
}, 5000);
},
getSelected() {
if (this.svgData.length <= 1) {
return 0;
if (this.svgData.length === 1) {
return this.svgData[0].id;
}
const angle = 360 - (this.wheelPosition % 360);
for (let index = 0; index < this.svgData.length; index++) {