99 lines
3.1 KiB
JavaScript
99 lines
3.1 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.
|
|
*/
|
|
|
|
import KimaiPlugin from "../KimaiPlugin";
|
|
|
|
/**
|
|
* Needs to be initialized with a class name.
|
|
*
|
|
* A link like <a href=# class=remoteLink> can be activated with:
|
|
* new KimaiAPILink('remoteLink')
|
|
*
|
|
* Allows to assign the given selector to any element, which then is used as click-handler
|
|
* calling an API method and trigger the event from data-event attribute afterwards.
|
|
*
|
|
* @param selector
|
|
*/
|
|
export default class KimaiAPILink extends KimaiPlugin {
|
|
|
|
constructor(selector) {
|
|
super();
|
|
this.selector = selector;
|
|
}
|
|
|
|
init() {
|
|
const self = this;
|
|
document.addEventListener('click', function(event) {
|
|
let target = event.target;
|
|
while (target !== null && !target.matches('body')) {
|
|
if (target.classList.contains(self.selector)) {
|
|
const attributes = target.dataset;
|
|
|
|
let url = attributes['href'];
|
|
if (!url) {
|
|
url = target.getAttribute('href');
|
|
}
|
|
|
|
if (attributes.question !== undefined) {
|
|
self.getContainer().getPlugin('alert').question(attributes.question, function(value) {
|
|
if (value) {
|
|
self._callApi(url, attributes);
|
|
}
|
|
});
|
|
} else {
|
|
self._callApi(url, attributes);
|
|
}
|
|
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
}
|
|
|
|
target = target.parentNode;
|
|
}
|
|
});
|
|
}
|
|
|
|
_callApi(url, attributes)
|
|
{
|
|
const method = attributes['method'];
|
|
const eventName = attributes['event'];
|
|
const API = this.getContainer().getPlugin('api');
|
|
const eventing = this.getContainer().getPlugin('event');
|
|
const alert = this.getContainer().getPlugin('alert');
|
|
const successHandle = function(result) {
|
|
eventing.trigger(eventName);
|
|
if (attributes.msgSuccess) {
|
|
alert.success(attributes.msgSuccess);
|
|
}
|
|
};
|
|
const errorHandle = function(xhr, err) {
|
|
let message = 'action.update.error';
|
|
if (attributes.msgError) {
|
|
message = attributes.msgError;
|
|
}
|
|
API.handleError(message, xhr, err);
|
|
};
|
|
|
|
if (method === 'PATCH') {
|
|
let data = {};
|
|
if (attributes.payload) {
|
|
data = attributes.payload;
|
|
}
|
|
API.patch(url, data, successHandle, errorHandle);
|
|
} else if (method === 'POST') {
|
|
let data = {};
|
|
if (attributes.payload) {
|
|
data = attributes.payload;
|
|
}
|
|
API.post(url, data, successHandle, errorHandle);
|
|
} else if (method === 'DELETE') {
|
|
API.delete(url, successHandle, errorHandle);
|
|
}
|
|
}
|
|
|
|
}
|