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
81 lines
3.3 KiB
JavaScript
81 lines
3.3 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] KimaiDateRangePicker: activate the (daterange picker) compound field in toolbar
|
|
*/
|
|
|
|
import jQuery from 'jquery';
|
|
import KimaiPlugin from '../KimaiPlugin';
|
|
import moment from 'moment';
|
|
|
|
export default class KimaiDateRangePicker extends KimaiPlugin {
|
|
|
|
constructor(selector) {
|
|
super();
|
|
this.selector = selector;
|
|
}
|
|
|
|
getId() {
|
|
return 'date-range-picker';
|
|
}
|
|
|
|
activateDateRangePicker(selector) {
|
|
let translator = this.getContainer().getTranslation();
|
|
jQuery(selector + ' ' + this.selector).each(function(index) {
|
|
let localeFormat = jQuery(this).data('format');
|
|
let separator = jQuery(this).data('separator');
|
|
let rangesList = {};
|
|
|
|
rangesList[translator.get('today')] = [moment(), moment()];
|
|
rangesList[translator.get('yesterday')] = [moment().subtract(1, 'days'), moment().subtract(1, 'days')];
|
|
rangesList[translator.get('thisWeek')] = [moment().startOf('week'), moment().endOf('week')];
|
|
rangesList[translator.get('lastWeek')] = [moment().subtract(1, 'week').startOf('week'), moment().subtract(1, 'week').endOf('week')];
|
|
rangesList[translator.get('thisMonth')] = [moment().startOf('month'), moment().endOf('month')];
|
|
rangesList[translator.get('lastMonth')] = [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')];
|
|
rangesList[translator.get('thisYear')] = [moment().startOf('year'), moment().endOf('year')];
|
|
rangesList[translator.get('lastYear')] = [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')];
|
|
|
|
jQuery(this).daterangepicker({
|
|
showDropdowns: true,
|
|
autoUpdateInput: false,
|
|
autoApply: false,
|
|
linkedCalendars: false,
|
|
locale: {
|
|
separator: separator,
|
|
format: localeFormat,
|
|
firstDay: 1,
|
|
applyLabel: translator.get('confirm'),
|
|
cancelLabel: translator.get('cancel'),
|
|
customRangeLabel: translator.get('customRange'),
|
|
daysOfWeek: moment.weekdaysShort(),
|
|
monthNames: moment.months(),
|
|
},
|
|
ranges: rangesList,
|
|
alwaysShowCalendars: true
|
|
});
|
|
|
|
jQuery(this).on('apply.daterangepicker', function(ev, picker) {
|
|
jQuery(this).val(picker.startDate.format(localeFormat) + ' - ' + picker.endDate.format(localeFormat));
|
|
jQuery(this).data('begin', picker.startDate.format(localeFormat));
|
|
jQuery(this).data('end', picker.endDate.format(localeFormat));
|
|
jQuery(this).trigger("change");
|
|
});
|
|
});
|
|
}
|
|
|
|
destroyDateRangePicker(selector) {
|
|
jQuery(selector + ' ' + this.selector).each(function(index) {
|
|
if (jQuery(this).data('daterangepicker') !== undefined) {
|
|
jQuery(this).daterangepicker('destroy');
|
|
jQuery(this).data('daterangepicker').remove();
|
|
}
|
|
});
|
|
}
|
|
|
|
}
|