d6798eed1e
* added sortable js library * activity in invoice is optional * added javascript widget for paginated boxes * fix activity dropdown for globals only * added timesheet service to reduce code duplication * use repository to query for teams in dropdowns * added project validator * validate project start and end against timesheet * include begin and end in dynamic form requests for projects * added timezone and language option to import flag, improve timesheet import speed * deactivate cross-timezone filter * add virtual fields to field order list * composer update * added param to ignore dates * position loader icon fixed - fixes #1330 * permission problem when creating a new project - fixes #1340 * remove dev dependencies webserver and thanks bundle * stop information leak (begin and end date) in duration mode - fixes #1307 * unify timesheet edit dialog for user and admins * fix security issue, own rates exposed to unauthorized users in multi-update dialog
93 lines
2.8 KiB
JavaScript
93 lines
2.8 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] KimaiPaginatedBoxWidget: handles box widgets that have a pagination
|
|
*/
|
|
|
|
import jQuery from "jquery";
|
|
|
|
export default class KimaiPaginatedBoxWidget {
|
|
|
|
constructor(boxId) {
|
|
this.selector = boxId;
|
|
this.overlay = jQuery('<div class="overlay"><div class="fa fa-refresh fa-spin"></div></div>');
|
|
this.widget = jQuery(this.selector);
|
|
this.href = this.widget.data('href');
|
|
this.events = this.widget.data('reload').split(' ');
|
|
|
|
const self = this;
|
|
|
|
const reloadPage = function (event) {
|
|
const page = jQuery(self.selector + ' .box-tools').data('page');
|
|
const url = self._buildUrl(page);
|
|
self.loadPage(url);
|
|
};
|
|
|
|
for (const eventName of this.events) {
|
|
document.addEventListener(eventName, reloadPage);
|
|
}
|
|
|
|
this.widget.on('click', '.box-tools a', function (event) {
|
|
event.preventDefault();
|
|
self.loadPage(jQuery(event.target).attr('href'));
|
|
});
|
|
}
|
|
|
|
static create(elementId) {
|
|
return new KimaiPaginatedBoxWidget(elementId);
|
|
}
|
|
|
|
_showOverlay() {
|
|
this.widget.append(this.overlay);
|
|
}
|
|
|
|
_hideOverlay() {
|
|
jQuery(this.overlay).remove();
|
|
}
|
|
|
|
loadPage(url) {
|
|
const self = this;
|
|
const selector = this.selector;
|
|
|
|
self._showOverlay();
|
|
|
|
jQuery.ajax({
|
|
url: url,
|
|
data: {},
|
|
success: function (response) {
|
|
const html = jQuery(response);
|
|
jQuery(selector + ' .box-tools').replaceWith(html.find('.box-tools'));
|
|
jQuery(selector + ' .box-body').replaceWith(html.find('.box-body'));
|
|
self.widget.removeData('error-retry');
|
|
self._hideOverlay();
|
|
},
|
|
dataType: 'html',
|
|
error: function(jqXHR, textStatus, errorThrown) {
|
|
if (jqXHR.status !== undefined && jqXHR.status === 500) {
|
|
if (self.widget.data('error-retry') !== undefined) {
|
|
// TODO show error message ?
|
|
return;
|
|
}
|
|
const page = jQuery(selector + ' .box-tools').data('page');
|
|
if (page > 1) {
|
|
self.widget.data('error-retry', 1);
|
|
var url = self._buildUrl(page - 1);
|
|
self.loadPage(url);
|
|
}
|
|
}
|
|
self._hideOverlay();
|
|
}
|
|
});
|
|
}
|
|
|
|
_buildUrl(page) {
|
|
return this.href.replace('1', page);
|
|
}
|
|
|
|
}
|