84 lines
2.6 KiB
JavaScript
84 lines
2.6 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] KimaiRecentActivities: responsible to reload the users recent activities
|
|
*/
|
|
|
|
import KimaiPlugin from '../KimaiPlugin';
|
|
|
|
export default class KimaiRecentActivities extends KimaiPlugin {
|
|
|
|
getId()
|
|
{
|
|
return 'recent-activities';
|
|
}
|
|
|
|
init()
|
|
{
|
|
this.menu = document.querySelector('header .notifications-menu');
|
|
// the menu can be hidden if user has no permissions to see it
|
|
// or no timesheet was recorded yet
|
|
if (this.menu === null || this.menu.dataset['reload'] === undefined) {
|
|
return;
|
|
}
|
|
|
|
const handle = () => {
|
|
this._reloadMenu(this.menu.dataset['reload']);
|
|
};
|
|
|
|
document.addEventListener('kimai.recentActivities', handle);
|
|
document.addEventListener('kimai.timesheetUpdate', handle);
|
|
document.addEventListener('kimai.timesheetDelete', handle);
|
|
document.addEventListener('kimai.activityUpdate', handle);
|
|
document.addEventListener('kimai.activityDelete', handle);
|
|
document.addEventListener('kimai.projectUpdate', handle);
|
|
document.addEventListener('kimai.projectDelete', handle);
|
|
document.addEventListener('kimai.customerUpdate', handle);
|
|
document.addEventListener('kimai.customerDelete', handle);
|
|
|
|
this._attachAddRemoveFavorite();
|
|
}
|
|
|
|
_attachAddRemoveFavorite()
|
|
{
|
|
[].slice.call(this.menu.querySelectorAll('a.list-group-item-actions')).map((element) => {
|
|
element.addEventListener('click', (event) => {
|
|
this._reloadMenu(event.currentTarget.href);
|
|
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
|
|
return false;
|
|
});
|
|
});
|
|
}
|
|
|
|
_reloadMenu(url)
|
|
{
|
|
this.fetch(url, {method: 'GET'})
|
|
.then(response => {
|
|
if (!response.ok) {
|
|
//this.menu.remove();
|
|
return;
|
|
}
|
|
|
|
return response.text().then(html => {
|
|
const newFormHtml = document.createElement('div');
|
|
newFormHtml.innerHTML = html;
|
|
this.menu.replaceWith(newFormHtml.firstElementChild);
|
|
|
|
this.menu = document.querySelector('header .notifications-menu');
|
|
this._attachAddRemoveFavorite();
|
|
});
|
|
})
|
|
.catch(() => {
|
|
//this.menu.remove();
|
|
});
|
|
}
|
|
}
|