10 changed files with 452 additions and 185 deletions
@ -1,74 +1,146 @@ |
|||||||
<template> |
<template> |
||||||
<div class="modal modal-fullscreen fade" id="showTrackersModal" tabindex="-1" role="dialog" |
<div> |
||||||
aria-labelledby="showTrackersModalLabel" |
<h5 class="modal-title"><i class="fas fa-clock"></i> Tracker</h5> |
||||||
aria-hidden="true"> |
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> |
||||||
<div class="modal-dialog showTrackersModalDialog" role="document"> |
</div> |
||||||
<div class="modal-content"> |
<div class="row"> |
||||||
<div class="modal-header"> |
<div class="col-md-6" v-for="(tracker, trackerIndex) in $store.state.trackers" v-bind:key="trackerIndex"> |
||||||
<h5 class="modal-title"><i class="fas fa-clock"></i> Tracker</h5> |
<h6>{{ tracker.number }}</h6> |
||||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> |
|
||||||
|
<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> |
||||||
<div class="modal-body"> |
<div class="col" v-if="tracker.history.length > 0"> |
||||||
<div class="row"> |
<button class="btn btn-info tracker-action-button" data-bs-dismiss="modal" |
||||||
<template v-for="(tracker, trackerIndex) in trackers"> |
@click="showHistoryForTracker(tracker)" title="History"> |
||||||
<div class="col-md-6"> |
<i class="fas fa-history"></i> |
||||||
<h6><span v-if="isTrackerNumber(tracker.number)"></span>{{ tracker.number }}</h6> |
</button> |
||||||
|
</div> |
||||||
<div class="form-group"> |
<div class="col"> |
||||||
<input type="text" class="form-control" v-model="tracker.description" @keydown="updateStorage()" placeholder="Beschreibung"> |
<button class="btn btn-danger tracker-action-button" |
||||||
</div> |
@click="$store.commit('deleteTracker', trackerIndex)" title="Löschen"> |
||||||
|
<i class="fas fa-trash"></i> |
||||||
<span v-if="getTotalTime(tracker) > 0">Gesamtzeit: {{getTotalTime(tracker)}}</span> |
</button> |
||||||
<br> |
</div> |
||||||
<div class="row"> |
<div class="col" v-if="$store.state.settings.trackerSystemUrl"> |
||||||
<div class="col"> |
<a v-if="isTrackerNumber(tracker.number)" |
||||||
<button class="btn btn-info tracker-action-button" |
:href="$store.state.settings.trackerSystemUrl + tracker.number.replace('#', '')" |
||||||
@click="showCustomBookingForTracker(tracker)" |
target="_blank" class="btn btn-dark tracker-action-button" title="Tracker"> |
||||||
title="Manuelle Buchung"> |
<i class="fas fa-external-link-square-alt"></i> |
||||||
<i class="fas fa-user-edit"></i> |
</a> |
||||||
</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> |
</div> |
||||||
</div> |
</div> |
||||||
|
<br/> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
|
import moment from "moment"; |
||||||
|
import bootstrap from "bootstrap"; |
||||||
|
|
||||||
export default { |
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> |
</script> |
||||||
|
|
||||||
<style scoped> |
<style scoped> |
||||||
|
.tracker-action-button { |
||||||
|
margin-top: 10px; |
||||||
|
padding: 1px 5px 1px 5px; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
</style> |
</style> |
||||||
Loading…
Reference in new issue