81 lines
2.2 KiB
JavaScript
81 lines
2.2 KiB
JavaScript
/*
|
|
* This file is part of the Kimai time-tracking app.
|
|
*
|
|
* For the full copyright and license information, please view the LICENSE
|
|
* file that was distributed with this source code.
|
|
*/
|
|
|
|
/*!
|
|
* [KIMAI] KimaiActiveRecordsDuration: activate the updates for all active timesheet records on this page
|
|
*/
|
|
|
|
import moment from 'moment';
|
|
import KimaiPlugin from '../KimaiPlugin';
|
|
|
|
export default class KimaiActiveRecordsDuration extends KimaiPlugin {
|
|
|
|
constructor(selector) {
|
|
super();
|
|
this.selector = selector;
|
|
}
|
|
|
|
getId() {
|
|
return 'timesheet-duration';
|
|
}
|
|
|
|
init() {
|
|
this.updateBrowserTitle = !!this.getConfiguration('updateBrowserTitle');
|
|
this.updateRecords();
|
|
const self = this;
|
|
const handle = function() { self.updateRecords(); };
|
|
this._updatesHandler = setInterval(handle, 10000);
|
|
// this will probably not work as expected, as other event-handler might need longer to update the DOM
|
|
document.addEventListener('kimai.timesheetUpdate', handle);
|
|
}
|
|
|
|
unregisterUpdates() {
|
|
clearInterval(this._updatesHandler);
|
|
}
|
|
|
|
updateRecords() {
|
|
let durations = [];
|
|
const activeRecords = document.querySelectorAll(this.selector);
|
|
|
|
if (activeRecords.length === 0) {
|
|
if (this.updateBrowserTitle) {
|
|
document.title = document.querySelector('body').dataset['title'];
|
|
}
|
|
return;
|
|
}
|
|
|
|
for(let record of activeRecords) {
|
|
const since = record.getAttribute('data-since');
|
|
const duration = this.formatDuration(since);
|
|
if (record.getAttribute('data-title') !== null && duration !== '?') {
|
|
durations.push(duration);
|
|
}
|
|
record.textContent = duration;
|
|
}
|
|
|
|
if (durations.length === 0) {
|
|
return;
|
|
}
|
|
|
|
if (!this.updateBrowserTitle) {
|
|
return;
|
|
}
|
|
|
|
let title = durations.shift();
|
|
let prefix = ' | ';
|
|
|
|
for (let duration of durations.slice(0, 2)) {
|
|
title += prefix + duration;
|
|
}
|
|
document.title = title;
|
|
}
|
|
|
|
formatDuration(since) {
|
|
return this.getPlugin('date').formatDuration(since);
|
|
}
|
|
}
|