show meeting end

index.html

@@ -23,6 +23,9 @@
           <li>
             Remaining meeting time: <b>{{ timeText(totalRemainingTime) }}</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

main.js

@@ -45,6 +45,17 @@ let app = {
         .map((item) => item.time)
         .reduce((a, b) => a + b, 0);
     },
+    estimatedEnd() {
+      const delta = this.timerStarted
+        ? ((this.timerEnd - new Date()) / (1000 * 60))
+        : this.showSelected
+        ? this.selectedData.time
+        : 0;
+      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();
+    },
     svgData() {
       let totalAngle = 0;
       return this.filteredData.map((item, index) => {