Make everything editable;

.idea/timetrack.iml

@@ -4,5 +4,9 @@
     <content url="file://$MODULE_DIR$" />
     <orderEntry type="inheritedJdk" />
     <orderEntry type="sourceFolder" forTests="false" />
+    <orderEntry type="library" name="izitoast" level="application" />
+    <orderEntry type="library" name="quill" level="application" />
+    <orderEntry type="library" name="quill.snow" level="application" />
+    <orderEntry type="library" name="quill.bubble" level="application" />
   </component>
 </module>

css/app.css

@@ -234,3 +234,7 @@ nav, .card {
 #trackerTasksModal input[type=range] {
     width: 100%;
 }
+
+.ticket-icon {
+    max-width: 24px;
+}

index.html

@@ -356,7 +356,10 @@
                     <div class="row">
                         <template v-for="(ticket, ticketIndex) in tickets">
                             <div class="col-md-6">
-                                <h6><span v-if="isTicketNumber(ticket.number)"></span>{{ ticket.number }}</h6>
+<!--                                <h6><span v-if="isTicketNumber(ticket.number)"></span>{{ ticket.number }}</h6>-->
+                                <div class="form-group">
+                                    <input type="text" class="form-control" v-model="ticket.number" @keydown="updateStorage()" placeholder="Name">
+                                </div>
 
                                 <div class="form-group">
                                     <input type="text" class="form-control" v-model="ticket.description" @keydown="updateStorage()" placeholder="Beschreibung">
@@ -378,12 +381,24 @@
                                             <i class="fas fa-archive"></i>
                                         </button>
                                     </div>
+                                    <div class="col" v-if="ticket.tasks && ticket.tasks.length > 0">
+                                        <button class="btn btn-info ticket-action-button" data-bs-dismiss="modal"
+                                                @click="openTasksForTracker(ticket)" title="Tasks">
+                                            <i class="fas fa-clipboard-check"></i>
+                                        </button>
+                                    </div>
                                     <div class="col" v-if="ticket.history.length > 0">
                                         <button class="btn btn-info ticket-action-button" data-bs-dismiss="modal"
                                                 @click="showHistoryForTracker(ticket)" title="History">
                                             <i class="fas fa-history"></i>
                                         </button>
                                     </div>
+                                    <div class="col" v-if="ticket.history.length > 0 && this.ticketSystemUrl">
+                                        <button class="btn btn-white ticket-action-button"
+                                                @click="sendLastBookingToTicketSystem(ticket)" title="Letzte Buchung in Ticketsystem eintragen">
+                                            <img :src="ticketSystemIcon" class="ticket-icon"/>
+                                        </button>
+                                    </div>
                                     <div class="col">
                                         <button class="btn btn-danger ticket-action-button"
                                                 @click="deleteTracker(ticketIndex)" title="Löschen">
@@ -490,10 +505,14 @@
                         </div>
                         <template v-for="(ticket, ticketIndex) in archive">
                             <div class="col-md-6" v-if="searchQuery === '' || ticket.number.search(searchQuery) >= 0 || (ticket.description && ticket.description.search(searchQuery)) >= 0">
-                                <h6><span v-if="isTicketNumber(ticket.number)"></span>{{ ticket.number }}</h6>
+                                <div class="form-group">
-                                <div v-if="ticket.description">
+                                    <input type="text" class="form-control" v-model="ticket.number" @keydown="updateStorage()" placeholder="Name">
-                                    <p class="fst-italic">{{ ticket.description }}</p>
+                                </div>
+
+                                <div class="form-group">
+                                    <input type="text" class="form-control" v-model="ticket.description" @keydown="updateStorage()" placeholder="Beschreibung">
                                 </div>
+
                                 <div class="ticket-time-info">
                                     <span class="float-end">{{ getTotalTime(ticket) }}</span>
                                     <span class="current-ticket-info">Gesamt: </span>
@@ -510,12 +529,24 @@
                                             <i class="fas fa-power-off"></i>
                                         </button>
                                     </div>
+                                    <div class="col" v-if="ticket.tasks && ticket.tasks.length > 0">
+                                        <button class="btn btn-info ticket-action-button" data-bs-dismiss="modal"
+                                                @click="openTasksForTracker(ticket)" title="Tasks">
+                                            <i class="fas fa-clipboard-check"></i>
+                                        </button>
+                                    </div>
                                     <div class="col" v-if="ticket.history.length > 0">
                                         <button class="btn btn-info ticket-action-button" data-bs-dismiss="modal"
                                                 @click="showHistoryForTracker(ticket)" title="History">
                                             <i class="fas fa-history"></i>
                                         </button>
                                     </div>
+                                    <div class="col" v-if="ticket.history.length > 0 && this.ticketSystemUrl">
+                                        <button class="btn btn-white ticket-action-button"
+                                                @click="sendLastBookingToTicketSystem(ticket)" title="Letzte Buchung in Ticketsystem eintragen">
+                                            <img :src="ticketSystemIcon" class="ticket-icon"/>
+                                        </button>
+                                    </div>
                                     <div class="col">
                                         <button class="btn btn-danger ticket-action-button"
                                                 @click="deleteTracker(ticketIndex, true)" title="Löschen">

js/app.js

@@ -211,6 +211,7 @@ const TimeTrack = {
         },
         stopTracking(ticket) {
             // console.log(ticket);
+            let component = this;
             ticket.trackingStopped = moment();
             ticket.tracking = false;
 
@@ -225,7 +226,6 @@ const TimeTrack = {
                     manually: false,
                     minutes: Math.round(minutesSpent)
                 };
-                // console.log(historyEntry);
 
                 if (this.experimental.trackWorktime) {
                     if (ticket.paused) {
@@ -233,6 +233,33 @@ const TimeTrack = {
                     }
                 }
 
+                if (this.ticketSystemUrl && this.isTicketNumber(ticket.number)) {
+                    let finishedTasks = ticket.tasks.filter((task) => {
+                        return task.finished > ticket.trackingStarted && task.finished < ticket.trackingStopped;
+                    }).map((task) => {
+                        return task.name;
+                    });
+
+                    iziToast.show({
+                        message: 'Buchung gespeichert',
+                        color: 'blue',
+                        buttons: [
+                            ['<button><img src="'+component.ticketSystemIcon+'" class="ticket-icon"/></button>', function (instance, toast) {
+                                instance.hide({
+                                    transitionOut: 'fadeOutUp',
+                                    onClosing: function () {
+                                        window.open(
+                                            component.ticketSystemUrl + ticket.number.replace('#', '').trim()+'/time_entries/new?time_entry[hours]='+(Math.round(minutesSpent)/60)+
+                                            '&time_entry[activity_id]=9&time_entry[comments]='+finishedTasks.join(', '),
+                                            '_blank'
+                                        );
+                                    }
+                                }, toast, 'buttonName');
+                            }, true]
+                        ]
+                    });
+                }
+
                 ticket.history.pushToBeginning(historyEntry);
             }
 
@@ -249,6 +276,28 @@ const TimeTrack = {
 
             this.stopTracking(ticket);
         },
+        sendLastBookingToTicketSystem(ticket) {
+            let component = this;
+            let latestHistoryItem = ticket.history[0];
+
+            if (this.ticketSystemUrl && this.isTicketNumber(ticket.number)) {
+                let finishedTasks = [];
+
+                if (ticket.tasks && ticket.tasks.length > 0) {
+                    finishedTasks = ticket.tasks.filter((task) => {
+                        return task.finished > latestHistoryItem.trackingStarted && task.finished < latestHistoryItem.trackingStopped;
+                    }).map((task) => {
+                        return task.name;
+                    });
+                }
+
+                window.open(
+                    component.ticketSystemUrl + ticket.number.replace('#', '').trim()+'/time_entries/new?time_entry[hours]='+(Math.round(latestHistoryItem.minutes)/60)+
+                    '&time_entry[activity_id]=9&time_entry[comments]='+finishedTasks.join(', '),
+                    '_blank'
+                );
+            }
+        },
         resumeTracking(ticket) {
             ticket.trackingStarted = moment();
             ticket.tracking = true;
@@ -792,6 +841,21 @@ const TimeTrack = {
                 fun: this.fun,
                 theme: this.theme
             });
+        },
+        ticketSystemIcon() {
+            if (this.ticketSystemUrl) {
+                if (this.ticketSystemUrl.search('redmine')) {
+                    return 'assets/img/redmine.png';
+                }
+
+                if (this.ticketSystemUrl.search('jira')) {
+                    return 'assets/img/jira.png';
+                }
+
+                if (this.ticketSystemUrl.search('gitlab')) {
+                    return 'assets/img/gitlab.png';
+                }
+            }
         }
     }
 };