10 changed files with 452 additions and 185 deletions
@ -1,74 +1,146 @@
@@ -1,74 +1,146 @@
|
||||
<template> |
||||
<div class="modal modal-fullscreen fade" id="showTrackersModal" tabindex="-1" role="dialog" |
||||
aria-labelledby="showTrackersModalLabel" |
||||
aria-hidden="true"> |
||||
<div class="modal-dialog showTrackersModalDialog" role="document"> |
||||
<div class="modal-content"> |
||||
<div class="modal-header"> |
||||
<h5 class="modal-title"><i class="fas fa-clock"></i> Tracker</h5> |
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> |
||||
<div> |
||||
<h5 class="modal-title"><i class="fas fa-clock"></i> Tracker</h5> |
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-md-6" v-for="(tracker, trackerIndex) in $store.state.trackers" v-bind:key="trackerIndex"> |
||||
<h6>{{ tracker.number }}</h6> |
||||
|
||||
<div class="form-group"> |
||||
<input type="text" class="form-control" v-model="tracker.description" |
||||
@keydown="$store.commit('updateTrackers')" |
||||
placeholder="Beschreibung"/> |
||||
</div> |
||||
|
||||
<span v-if="getTotalTime(tracker) > 0"> |
||||
Gesamtzeit: {{ getTotalTime(tracker) }} |
||||
</span> |
||||
<br> |
||||
<div class="row"> |
||||
<div class="col"> |
||||
<button class="btn btn-info tracker-action-button" |
||||
@click="showCustomBookingForTracker(tracker)" |
||||
title="Manuelle Buchung"> |
||||
<i class="fas fa-user-edit"></i> |
||||
</button> |
||||
</div> |
||||
<div class="col"> |
||||
<button class="btn btn-warning tracker-action-button" data-bs-dismiss="modal" |
||||
@click="archiveTracker(trackerIndex)" title="Archivieren"> |
||||
<i class="fas fa-archive"></i> |
||||
</button> |
||||
</div> |
||||
<div class="modal-body"> |
||||
<div class="row"> |
||||
<template v-for="(tracker, trackerIndex) in trackers"> |
||||
<div class="col-md-6"> |
||||
<h6><span v-if="isTrackerNumber(tracker.number)"></span>{{ tracker.number }}</h6> |
||||
|
||||
<div class="form-group"> |
||||
<input type="text" class="form-control" v-model="tracker.description" @keydown="updateStorage()" placeholder="Beschreibung"> |
||||
</div> |
||||
|
||||
<span v-if="getTotalTime(tracker) > 0">Gesamtzeit: {{getTotalTime(tracker)}}</span> |
||||
<br> |
||||
<div class="row"> |
||||
<div class="col"> |
||||
<button class="btn btn-info tracker-action-button" |
||||
@click="showCustomBookingForTracker(tracker)" |
||||
title="Manuelle Buchung"> |
||||
<i class="fas fa-user-edit"></i> |
||||
</button> |
||||
</div> |
||||
<div class="col"> |
||||
<button class="btn btn-warning tracker-action-button" data-bs-dismiss="modal" |
||||
@click="archiveTracker(trackerIndex)" title="Archivieren"> |
||||
<i class="fas fa-archive"></i> |
||||
</button> |
||||
</div> |
||||
<div class="col" v-if="tracker.history.length > 0"> |
||||
<button class="btn btn-info tracker-action-button" data-bs-dismiss="modal" |
||||
@click="showHistoryForTracker(tracker)" title="History"> |
||||
<i class="fas fa-history"></i> |
||||
</button> |
||||
</div> |
||||
<div class="col"> |
||||
<button class="btn btn-danger tracker-action-button" |
||||
@click="deleteTracker(trackerIndex)" title="Löschen"> |
||||
<i class="fas fa-trash"></i> |
||||
</button> |
||||
</div> |
||||
<div class="col" v-if="trackerSystemUrl"> |
||||
<a v-if="isTrackerNumber(tracker.number)" :href="trackerSystemUrl + tracker.number.replace('#', '')" |
||||
target="_blank" class="btn btn-dark tracker-action-button" title="Tracker"> |
||||
<i class="fas fa-external-link-square-alt"></i> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<br/> |
||||
</div> |
||||
</template> |
||||
</div> |
||||
<div class="col" v-if="tracker.history.length > 0"> |
||||
<button class="btn btn-info tracker-action-button" data-bs-dismiss="modal" |
||||
@click="showHistoryForTracker(tracker)" title="History"> |
||||
<i class="fas fa-history"></i> |
||||
</button> |
||||
</div> |
||||
<div class="col"> |
||||
<button class="btn btn-danger tracker-action-button" |
||||
@click="$store.commit('deleteTracker', trackerIndex)" title="Löschen"> |
||||
<i class="fas fa-trash"></i> |
||||
</button> |
||||
</div> |
||||
<div class="col" v-if="$store.state.settings.trackerSystemUrl"> |
||||
<a v-if="isTrackerNumber(tracker.number)" |
||||
:href="$store.state.settings.trackerSystemUrl + tracker.number.replace('#', '')" |
||||
target="_blank" class="btn btn-dark tracker-action-button" title="Tracker"> |
||||
<i class="fas fa-external-link-square-alt"></i> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<br/> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import moment from "moment"; |
||||
import bootstrap from "bootstrap"; |
||||
|
||||
export default { |
||||
name: "TrackersDetail" |
||||
name: "TrackersDetail", |
||||
methods: { |
||||
isTrackerNumber(number) { |
||||
return number.indexOf('#') >= 0; |
||||
}, |
||||
getTotalTime(tracker, raw = false) { |
||||
let totalTime = 0; |
||||
|
||||
if (tracker.history.length > 0) { |
||||
tracker.history.forEach(function (historyEntry) { |
||||
totalTime += Math.round(historyEntry.minutes); |
||||
}); |
||||
} |
||||
|
||||
if (tracker.tracking) { |
||||
totalTime += Math.round(moment.duration(moment().diff(tracker.trackingStarted)).as('minutes')); |
||||
} |
||||
|
||||
if (raw) { |
||||
return totalTime; |
||||
} else { |
||||
return this.timeWithPostFix(totalTime); |
||||
} |
||||
}, |
||||
timeWithPostFix(time) { |
||||
let postFix = ' Minute'; |
||||
|
||||
if (time >= 480 && this.showPT) { |
||||
postFix = ' PT'; |
||||
time = (time / 480).toFixed(1); |
||||
} else if (time >= 60 || this.$store.state.settings.dontShowMinutes) { |
||||
postFix = ' Stunde'; |
||||
time = (time / 60).toFixed(2); |
||||
} |
||||
|
||||
let plural = ''; |
||||
|
||||
if (((time > 1 || time <= 0) || this.$store.state.settings.dontShowMinutes) && postFix !== ' PT') { |
||||
plural = 'n' |
||||
} |
||||
|
||||
return time + postFix + plural; |
||||
}, |
||||
getTotalTimeToday(tracker) { |
||||
let totalTime = 0; |
||||
|
||||
if (tracker.history.length > 0) { |
||||
tracker.history.forEach(function (historyEntry) { |
||||
if (moment(historyEntry.trackingStarted).format("MMM Do YY") === moment().format("MMM Do YY")) { |
||||
totalTime += Math.round(historyEntry.minutes); |
||||
} |
||||
}); |
||||
} |
||||
|
||||
if (tracker.tracking) { |
||||
totalTime += Math.round(moment.duration(moment().diff(tracker.trackingStarted)).as('minutes')); |
||||
} |
||||
|
||||
return this.timeWithPostFix(totalTime); |
||||
}, |
||||
reactivateTracker(index) { |
||||
this.$store.commit('reactivateTracker', index); |
||||
this.$store.commit('saveTrackers'); |
||||
}, |
||||
showHistoryForTracker(tracker) { |
||||
this.$store.commit('selectTracker', tracker); |
||||
setTimeout(() => { |
||||
let historyModal = new bootstrap.Modal(document.getElementById('historyModal')); |
||||
historyModal.toggle(); |
||||
}, 50); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.tracker-action-button { |
||||
margin-top: 10px; |
||||
padding: 1px 5px 1px 5px; |
||||
width: 100%; |
||||
} |
||||
|
||||
</style> |
||||
Loading…
Reference in new issue