fix time display + add meeting start indicator

index.html

@@ -21,16 +21,19 @@
         <br />
         <ul>
           <li>
-            Meeting duration so far:&nbsp;<b :id="rid + 1">{{ timeText(elapsedTime) }}</b>
+            Meeting started at:&nbsp;<b :id="rid + 1">{{ timeText(startedAt, 2) }}</b>
           </li>
           <li>
-            Remaining meeting time:&nbsp;<b :id="rid + 2">{{ timeText(totalRemainingTime) }}</b>
+            Meeting duration so far:&nbsp;<b :id="rid + 2">{{ timeText(elapsedTime) }}</b>
           </li>
           <li>
-            End estimated at:&nbsp;<b :id="rid + 3">{{ timeText(estimatedEnd) }}</b>
+            Remaining meeting time:&nbsp;<b :id="rid + 3">{{ timeText(totalRemainingTime) }}</b>
           </li>
           <li>
-            Total meeting time:&nbsp;<b :id="rid + 4">{{ timeText(totalTime) }}</b>
+            End estimated at:&nbsp;<b :id="rid + 4">{{ timeText(estimatedEnd, 2) }}</b>
+          </li>
+          <li>
+            Total meeting time:&nbsp;<b :id="rid + 5">{{ timeText(totalTime) }}</b>
           </li>
           <li>
             <label for="weighted">Weighted topics:</label>&nbsp;<input

main.js

@@ -50,6 +50,10 @@ let app = {
     overtimeTime() {
       return this.totalTime - this.totalRemainingTime;
     },
+    startedAt() {
+      const start = new Date(this.meetingStart.getTime());
+      return start.getHours() * 60 + start.getMinutes();
+    },
     estimatedEnd() {
       const end = new Date(this.meetingStart.getTime());
       const timerDelta = (this.timerEnd - this.date) / (1000 * 60);
@@ -107,9 +111,9 @@ let app = {
     beep() {
       this.sound.play();
     },
-    timeText(minutes) {
+    timeText(minutes, padHours = 0) {
-      if (minutes >= 60) {
+      if (minutes >= 60 || pad > 0) {
-        return `${Math.floor(minutes / 60).toFixed(0)}h${(minutes % 60).toFixed(0).padStart(
+        return `${Math.floor(minutes / 60).toFixed(0).padStart(padHours, "0")}h${(minutes % 60).toFixed(0).padStart(
           2,
           "0"
         )}`;