From 64c0e5d04a375270d1925dc53bfde075b9d4beda Mon Sep 17 00:00:00 2001
From: Klemek <klemek@outlook.fr>
Date: Fri, 3 May 2024 11:52:25 +0200
Subject: [PATCH 1/6] better text fitting

---
 index.html | 10 ++++++----
 main.js    | 53 ++++++++++++++++++++++++++++++-----------------------
 2 files changed, 36 insertions(+), 27 deletions(-)

diff --git a/index.html b/index.html
index 83ff437..cc39440 100644
--- a/index.html
+++ b/index.html
@@ -23,9 +23,7 @@
           <li>
             Remaining meeting time: <b>{{ timeText(totalRemainingTime) }}</b>
           </li>
-          <li>
-            End estimated at: <b>{{ timeText(estimatedEnd) }}</b>
-          </li>
+          <li>End estimated at: <b>{{ timeText(estimatedEnd) }}</b></li>
           <li>Total meeting time: <b>{{ timeText(totalTime) }}</b></li>
           <li>
             <label for="wheighted">Wheighted topics</label>&nbsp;<input
@@ -78,7 +76,11 @@
               <text
                 :x="d.textPosition"
                 y="0"
-                style="font: bold 1px sans-serif; text-align: center"
+                style="
+                  font: bold 1px sans-serif;
+                  text-align: center;
+                  font-family: 'Courier New', Courier, monospace;
+                "
                 dominant-baseline="middle"
                 text-anchor="end"
                 fill="white"
diff --git a/main.js b/main.js
index 1661a8d..4694276 100644
--- a/main.js
+++ b/main.js
@@ -45,11 +45,14 @@ let app = {
     },
     estimatedEnd() {
       const delta = this.timerStarted
-        ? ((this.timerEnd - new Date()) / (1000 * 60))
+        ? (this.timerEnd - new Date()) / (1000 * 60)
         : this.showSelected
         ? this.selectedData.time
         : 0;
-      const toAdd = (this.totalRemainingTime - (this.showSelected ? this.selectedData.time : 0)  + delta);
+      const toAdd =
+        this.totalRemainingTime -
+        (this.showSelected ? this.selectedData.time : 0) +
+        delta;
       const end = new Date();
       end.setMinutes(end.getMinutes() + toAdd);
       return end.getHours() * 60 + end.getMinutes();
@@ -60,9 +63,9 @@ let app = {
         const ratio = this.wheighted
           ? item.time / this.totalRemainingTime
           : 1 / this.filteredData.length;
-        const textScale = item.text.length * 1.1;
         const angleRad = 2 * Math.PI * ratio;
         const angleDeg = 360 * ratio;
+        const textScale = this.textScale(item.text, angleRad);
         totalAngle += angleDeg;
         return {
           id: item.id,
@@ -83,6 +86,12 @@ let app = {
     },
   },
   methods: {
+    textScale(text, angleRad) {
+      const r = 1.2;
+      const n = text.length;
+      const k = n + r / (2 * Math.tan(angleRad / 2));
+      return k / r;
+    },
     overtime() {
       return this.timerStarted && this.timerEnd - new Date() <= 0;
     },
@@ -92,9 +101,9 @@ let app = {
         : this.showSelected
         ? this.selectedData.time * 60
         : 0;
-      return `${delta < 0 ? '-' : ''}${String(Math.floor(Math.abs(delta) / 60)).padStart(2, "0")}:${String(
-        Math.abs(delta) % 60
-      ).padStart(2, "0")}`;
+      return `${delta < 0 ? "-" : ""}${String(
+        Math.floor(Math.abs(delta) / 60)
+      ).padStart(2, "0")}:${String(Math.abs(delta) % 60).padStart(2, "0")}`;
     },
     beep(remaining = 3) {
       if (remaining < 0) {
@@ -111,10 +120,10 @@ let app = {
       oscillator.start();
       const self = this;
       setTimeout(function () {
-          oscillator.stop();
-          setTimeout(function () {
-            self.beep(remaining - 1);
-          }, 1000);
+        oscillator.stop();
+        setTimeout(function () {
+          self.beep(remaining - 1);
+        }, 1000);
       }, 150);
     },
     timeText(minutes) {
@@ -150,7 +159,7 @@ let app = {
     },
     getData() {
       const re = /:\s?(?:(?:(\d+)\s?h)?(\d+)?(?:\s?m(?:in)?)?)\s?$/i;
-      this.setCookie('rawData', btoa(this.rawData));
+      this.setCookie("rawData", btoa(this.rawData));
       return this.rawData
         .split("\n")
         .map((line) => line.trim())
@@ -201,29 +210,27 @@ let app = {
         this.timerEnd = new Date(
           new Date().getTime() + this.selectedData.time * 60 * 1000
         );
-        this.beepTimer = setTimeout(
-          () => {
-            this.beep();
-          }, this.selectedData.time * 60 * 1000
-        );
+        this.beepTimer = setTimeout(() => {
+          this.beep();
+        }, this.selectedData.time * 60 * 1000);
       } else {
         document.title = "Meeting Roulette";
       }
     },
     setCookie(cname, cvalue, exdays) {
       const d = new Date();
-      d.setTime(d.getTime() + (exdays*24*60*60*1000));
-      let expires = "expires="+ d.toUTCString();
+      d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
+      let expires = "expires=" + d.toUTCString();
       console.log(cname + "=" + cvalue + "; path=/; " + expires);
       document.cookie = cname + "=" + cvalue + "; path=/; " + expires;
     },
     getCookie(cname, defaultValue) {
       let name = cname + "=";
       let decodedCookie = decodeURIComponent(document.cookie);
-      let ca = decodedCookie.split(';');
-      for(let i = 0; i <ca.length; i++) {
+      let ca = decodedCookie.split(";");
+      for (let i = 0; i < ca.length; i++) {
         let c = ca[i];
-        while (c.charAt(0) == ' ') {
+        while (c.charAt(0) == " ") {
           c = c.substring(1);
         }
         if (c.indexOf(name) == 0) {
@@ -231,11 +238,11 @@ let app = {
         }
       }
       return defaultValue;
-    }
+    },
   },
   mounted: function () {
     console.log("app mounted");
-    this.rawData = atob(this.getCookie('rawData', btoa(this.rawData)));
+    this.rawData = atob(this.getCookie("rawData", btoa(this.rawData)));
     this.data = this.getData();
     setTimeout(this.showApp);
     setInterval(() => {

From c53a4f1a19c41b242d91f090118d85adf649555c Mon Sep 17 00:00:00 2001
From: Klemek <klemek@outlook.fr>
Date: Mon, 28 Oct 2024 22:50:34 +0100
Subject: [PATCH 2/6] Update main.js

---
 main.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/main.js b/main.js
index 4694276..16de2a2 100644
--- a/main.js
+++ b/main.js
@@ -127,7 +127,7 @@ let app = {
       }, 150);
     },
     timeText(minutes) {
-      if (minutes > 60) {
+      if (minutes >= 60) {
         return `${Math.floor(minutes / 60)}h${String(minutes % 60).padStart(
           2,
           "0"

From dd52c8e8d8bc9e69f7551c1eda3532ac9b827dad Mon Sep 17 00:00:00 2001
From: Klemek <klemek@outlook.fr>
Date: Mon, 28 Oct 2024 22:50:49 +0100
Subject: [PATCH 3/6] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index cc39440..af03c7d 100644
--- a/index.html
+++ b/index.html
@@ -26,7 +26,7 @@
           <li>End estimated at: <b>{{ timeText(estimatedEnd) }}</b></li>
           <li>Total meeting time: <b>{{ timeText(totalTime) }}</b></li>
           <li>
-            <label for="wheighted">Wheighted topics</label>&nbsp;<input
+            <label for="wheighted">Weighted topics</label>&nbsp;<input
               id="wheighted"
               v-model="wheighted"
               type="checkbox"

From 74df05e323e89dfedba9739678de76b1844cbcef Mon Sep 17 00:00:00 2001
From: Klemek <klemek@outlook.fr>
Date: Mon, 28 Oct 2024 23:44:50 +0100
Subject: [PATCH 4/6] Update main.js

---
 main.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/main.js b/main.js
index 16de2a2..f62cc37 100644
--- a/main.js
+++ b/main.js
@@ -126,8 +126,8 @@ let app = {
         }, 1000);
       }, 150);
     },
-    timeText(minutes) {
-      if (minutes >= 60) {
+    timeText(minutes, hour = false) {
+      if (hour || minutes >= 60) {
         return `${Math.floor(minutes / 60)}h${String(minutes % 60).padStart(
           2,
           "0"

From 2ed4513b0bb28b1c2f8f5159fc179d1f690006e3 Mon Sep 17 00:00:00 2001
From: Klemek <klemek@outlook.fr>
Date: Mon, 28 Oct 2024 23:45:08 +0100
Subject: [PATCH 5/6] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index af03c7d..5562be6 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@
           <li>
             Remaining meeting time: <b>{{ timeText(totalRemainingTime) }}</b>
           </li>
-          <li>End estimated at: <b>{{ timeText(estimatedEnd) }}</b></li>
+          <li>End estimated at: <b>{{ timeText(estimatedEnd, true) }}</b></li>
           <li>Total meeting time: <b>{{ timeText(totalTime) }}</b></li>
           <li>
             <label for="wheighted">Weighted topics</label>&nbsp;<input

From 4d29d581852b8dc9e3debf561b90870b55f4099a Mon Sep 17 00:00:00 2001
From: Klemek <klemek@outlook.fr>
Date: Mon, 28 Oct 2024 23:46:29 +0100
Subject: [PATCH 6/6] Update index.html

---
 index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 5562be6..2c270ca 100644
--- a/index.html
+++ b/index.html
@@ -21,12 +21,12 @@
         <br />
         <ul>
           <li>
-            Remaining meeting time: <b>{{ timeText(totalRemainingTime) }}</b>
+            Remaining meeting time:&nbsp;<b>{{ timeText(totalRemainingTime) }}</b>
           </li>
-          <li>End estimated at: <b>{{ timeText(estimatedEnd, true) }}</b></li>
-          <li>Total meeting time: <b>{{ timeText(totalTime) }}</b></li>
+          <li>End estimated at:&nbsp;<b>{{ timeText(estimatedEnd, true) }}</b></li>
+          <li>Total meeting time:&nbsp;<b>{{ timeText(totalTime) }}</b></li>
           <li>
-            <label for="wheighted">Weighted topics</label>&nbsp;<input
+            <label for="wheighted">Weighted topics:</label>&nbsp;<input
               id="wheighted"
               v-model="wheighted"
               type="checkbox"