small fix

index.html

@@ -191,14 +191,17 @@
         <div
           class="bg-base-200 rounded-box p-3 text-center font-black text-3xl"
         >
-          Current topic: {{ showSelected ? selectedData.text : '???' }}
+          <span v-if="noData">No more topics</span>
+          <span v-else
+            >Current topic: {{ showSelected ? selectedData.text : '???' }}</span
+          >
         </div>
         <div class="grow rounded-box p-3 overflow-hidden justify-center">
           <div class="wheel relative h-full aspect-square m-auto">
             <svg
               viewBox="-1.05 -1.05 2.1 2.1"
               class="h-full"
-              :class="timerStarted ? 'cursor-not-allowed' : 'cursor-pointer'"
+              :class="timerStarted || noData ? 'cursor-not-allowed' : 'cursor-pointer'"
               :style="`transform: rotate(${wheelPosition}deg)`"
               @click="spin"
             >
@@ -238,7 +241,8 @@
           </div>
         </div>
         <div class="bg-base-200 rounded-box p-3 text-center">
-          <div v-if="timerStarted">Discuss the current topic</div>
+          <div v-if="noData">End of meeting?</div>
+          <div v-else-if="timerStarted">Discuss the current topic</div>
           <div v-else-if="initialSpin" class="animate-pulse">
             Enter your <b>topics</b> then click the wheel to <b>spin</b> !
           </div>

main.js

@@ -72,6 +72,9 @@ let app = {
         }
       );
     },
+    noData() {
+      return this.filteredData.length === 0;
+    },
     filteredData() {
       return this.data.filter((item) => !item.disabled);
     },
@@ -181,7 +184,7 @@ let app = {
       }
     },
     spin() {
-      if (this.timerStarted) return;
+      if (this.timerStarted || this.noData) return;
       this.showSelected = false;
       if (this.initialSpin) {
         this.meetingStart = new Date();
@@ -195,8 +198,11 @@ let app = {
       }, 5000);
     },
     getSelected() {
+      if (this.svgData.length <= 1) {
+        return 0;
+      }
       const angle = 360 - (this.wheelPosition % 360);
-      for (let index = 0; index < this.data.length; index++) {
+      for (let index = 0; index < this.svgData.length; index++) {
         const element = this.svgData[index];
         if (angle >= element.from && angle < element.to) {
           return element.id;