From c3fedeb97a455034c3c077264a89d823cab1ff01 Mon Sep 17 00:00:00 2001
From: stingl <o.stingl@vemap.com>
Date: Mon, 22 Nov 2021 14:11:20 +0100
Subject: [PATCH] Show open tasks; rearrange buttons;

---
 index.html | 10 +++++-----
 js/app.js  | 15 +++++++++++++++
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 826cb41..2cc0256 100644
--- a/index.html
+++ b/index.html
@@ -78,24 +78,24 @@
                                             <span class="">Heute: </span>
 
                                             <div class="row">
-                                                <div class="col-md-12" v-if="!ticket.tracking">
+                                                <div class="col-md-6" v-if="!ticket.tracking">
                                                     <button type="button" class="btn btn-info ticket-action-button"
                                                             @click="startTracking(ticket)">
                                                         <i class="far fa-play-circle"></i>
                                                     </button>
                                                 </div>
 
-                                                <div class="col-md-12" v-else>
+                                                <div class="col-md-6" v-else>
                                                     <button type="button" class="btn btn-danger ticket-action-button"
                                                             @click="stopTracking(ticket)">
                                                         <i class="far fa-stop-circle"></i>
                                                     </button>
                                                 </div>
 
-                                                <div class="col-md-12">
+                                                <div class="col-md-6">
                                                     <button type="button" class="btn btn-primary ticket-action-button"
-                                                            @click="openTasksForTracker(ticket)" >
-                                                        <i class="fas fa-clipboard-check"></i>
+                                                            @click="openTasksForTracker(ticket)" title="Tasks">
+                                                        <i class="fas fa-clipboard-check"></i> {{ showOpenTasksForTracker(ticket.tasks) }}
                                                     </button>
                                                 </div>
 
diff --git a/js/app.js b/js/app.js
index f197a49..416f0e2 100644
--- a/js/app.js
+++ b/js/app.js
@@ -728,6 +728,21 @@ const TimeTrack = {
             task.done = task.percentDone == 100;
             this.$forceUpdate();
             this.updateStorage();
+        },
+        getOpenTasksForTracker(tasks) {
+            let counter = 0;
+
+            tasks.forEach((task) => {
+                if (task.open) {
+                    counter++;
+                }
+            });
+
+            return counter;
+        },
+        showOpenTasksForTracker(tasks) {
+            let count = this.getOpenTasksForTracker(tasks);
+            return count > 0 ? '('+count+' offen)' : '';
         }
     },
     beforeDestroy() {