egroupware/calendar/js/View.js

387 lines
14 KiB
JavaScript
Raw Normal View History

2020-03-05 13:21:02 +01:00
"use strict";
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
var View = /** @class */ (function () {
function View() {
}
/**
* Translated label for header
* @param {Object} state
* @returns {string}
*/
View.header = function (state) {
var formatDate = new Date(state.date);
formatDate = new Date(formatDate.valueOf() + formatDate.getTimezoneOffset() * 60 * 1000);
return View._owner(state) + date(egw.preference('dateformat'), formatDate);
};
/**
* If one owner, get the owner text
*
* @param {object} state
*/
View._owner = function (state) {
var owner = '';
if (state.owner.length && state.owner.length == 1 && app.calendar.sidebox_et2) {
var own = app.calendar.sidebox_et2.getWidgetById('owner').getDOMNode();
if (own.selectedIndex >= 0) {
owner = own.options[own.selectedIndex].innerHTML + ": ";
}
}
return owner;
};
/**
* Get the start date for this view
* @param {Object} state
* @returns {Date}
*/
View.start_date = function (state) {
var d = state.date ? new Date(state.date) : new Date();
d.setUTCHours(0);
d.setUTCMinutes(0);
d.setUTCSeconds(0);
d.setUTCMilliseconds(0);
return d;
};
/**
* Get the end date for this view
* @param {Object} state
* @returns {Date}
*/
View.end_date = function (state) {
var d = state.date ? new Date(state.date) : new Date();
d.setUTCHours(23);
d.setUTCMinutes(59);
d.setUTCSeconds(59);
d.setUTCMilliseconds(0);
return d;
};
/**
* Get the owner for this view
*
* This is always the owner from the given state, we use a function
* to trigger setting the widget value.
*
* @param {number[]|String} state state.owner List of owner IDs, or a comma seperated list
* @returns {number[]|String}
*/
View.owner = function (state) {
return state.owner || 0;
};
/**
* Should the view show the weekends
*
* @param {object} state
* @returns {boolean} Current preference to show 5 or 7 days in weekview
*/
View.show_weekend = function (state) {
return state.weekend;
};
/**
* How big or small are the displayed time chunks?
*
* @param {object} state
*/
View.granularity = function (state) {
var list = egw.preference('use_time_grid', 'calendar');
if (list == '0' || typeof list === 'undefined') {
return parseInt('' + egw.preference('interval', 'calendar')) || 30;
}
if (typeof list == 'string')
list = list.split(',');
if (!list.indexOf && jQuery.isPlainObject(list)) {
list = jQuery.map(list, function (el) {
return el;
});
}
return list.indexOf(state.view) >= 0 ?
0 :
parseInt(egw.preference('interval', 'calendar')) || 30;
};
View.extend = function (sub) {
return jQuery.extend({}, this, { _super: this }, sub);
};
/**
* Determines the new date after scrolling. The default is 1 week.
*
* @param {number} delta Integer for how many 'ticks' to move, positive for
* forward, negative for backward
* @returns {Date}
*/
View.scroll = function (delta) {
var d = new Date(app.calendar.state.date);
d.setUTCDate(d.getUTCDate() + (7 * delta));
return d;
};
// List of etemplates to show for this view
View.etemplates = ['calendar.view'];
return View;
}());
exports.View = View;
/**
* Etemplates and settings for the different views. Some (day view)
* use more than one template, some use the same template as others,
* most need different handling for their various attributes.
*/
var day = /** @class */ (function (_super_1) {
__extends(day, _super_1);
function day() {
return _super_1 !== null && _super_1.apply(this, arguments) || this;
}
day.header = function (state) {
var formatDate = new Date(state.date);
formatDate = new Date(formatDate.valueOf() + formatDate.getTimezoneOffset() * 60 * 1000);
return date('l, ', formatDate) + _super_1.header.call(this, state);
};
day.start_date = function (state) {
var d = _super_1.start_date.call(this, state);
state.date = app.calendar.date.toString(d);
return d;
};
day.show_weekend = function (state) {
state.days = '1';
return true;
};
day.scroll = function (delta) {
var d = new Date(app.calendar.state.date);
d.setUTCDate(d.getUTCDate() + (delta));
return d;
};
day.etemplates = ['calendar.view', 'calendar.todo'];
return day;
}(View));
exports.day = day;
var day4 = /** @class */ (function (_super_1) {
__extends(day4, _super_1);
function day4() {
return _super_1 !== null && _super_1.apply(this, arguments) || this;
}
day4.end_date = function (state) {
var d = _super_1.end_date.call(this, state);
state.days = '4';
d.setUTCHours(24 * 4 - 1);
d.setUTCMinutes(59);
d.setUTCSeconds(59);
d.setUTCMilliseconds(0);
return d;
};
day4.show_weekend = function (state) {
state.weekend = 'true';
return true;
};
day4.scroll = function (delta) {
var d = new Date(app.calendar.state.date);
d.setUTCDate(d.getUTCDate() + (4 * delta));
return d;
};
return day4;
}(View));
exports.day4 = day4;
var week = /** @class */ (function (_super_1) {
__extends(week, _super_1);
function week() {
return _super_1 !== null && _super_1.apply(this, arguments) || this;
}
week.header = function (state) {
var end_date = state.last;
if (!week.show_weekend(state)) {
end_date = new Date(state.last);
end_date.setUTCDate(end_date.getUTCDate() - 2);
}
return _super_1._owner.call(this, state) + app.calendar.egw.lang('Week') + ' ' +
app.calendar.date.week_number(state.first) + ': ' +
app.calendar.date.long_date(state.first, end_date);
};
week.start_date = function (state) {
return app.calendar.date.start_of_week(_super_1.start_date.call(this, state));
};
week.end_date = function (state) {
var d = app.calendar.date.start_of_week(state.date || new Date());
// Always 7 days, we just turn weekends on or off
d.setUTCHours(24 * 7 - 1);
d.setUTCMinutes(59);
d.setUTCSeconds(59);
d.setUTCMilliseconds(0);
return d;
};
return week;
}(View));
exports.week = week;
var weekN = /** @class */ (function (_super_1) {
__extends(weekN, _super_1);
function weekN() {
return _super_1 !== null && _super_1.apply(this, arguments) || this;
}
weekN.header = function (state) {
return _super_1._owner.call(this, state) + app.calendar.egw.lang('Week') + ' ' +
app.calendar.date.week_number(state.first) + ' - ' +
app.calendar.date.week_number(state.last) + ': ' +
app.calendar.date.long_date(state.first, state.last);
};
weekN.start_date = function (state) {
return app.calendar.date.start_of_week(_super_1.start_date.call(this, state));
};
weekN.end_date = function (state) {
state.days = '' + (state.days >= 5 ? state.days : egw.preference('days_in_weekview', 'calendar') || 7);
var d = app.calendar.date.start_of_week(app.calendar.View.start_date.call(this, state));
// Always 7 days, we just turn weekends on or off
d.setUTCHours(24 * 7 * (parseInt(this.egw.preference('multiple_weeks', 'calendar')) || 3) - 1);
return d;
};
return weekN;
}(View));
exports.weekN = weekN;
var month = /** @class */ (function (_super_1) {
__extends(month, _super_1);
function month() {
return _super_1 !== null && _super_1.apply(this, arguments) || this;
}
month.header = function (state) {
var formatDate = new Date(state.date);
formatDate = new Date(formatDate.valueOf() + formatDate.getTimezoneOffset() * 60 * 1000);
return _super_1._owner.call(this, state) + app.calendar.egw.lang(date('F', formatDate)) + ' ' + date('Y', formatDate);
};
month.start_date = function (state) {
var d = _super_1.start_date.call(this, state);
d.setUTCDate(1);
return app.calendar.date.start_of_week(d);
};
month.end_date = function (state) {
var d = _super_1.end_date.call(this, state);
d = new Date(d.getFullYear(), d.getUTCMonth() + 1, 1, 0, -d.getTimezoneOffset(), 0);
d.setUTCSeconds(d.getUTCSeconds() - 1);
return app.calendar.date.end_of_week(d);
};
month.scroll = function (delta) {
var d = new Date(app.calendar.state.date);
// Set day to 15 so we don't get overflow on short months
// eg. Aug 31 + 1 month = Sept 31 -> Oct 1
d.setUTCDate(15);
d.setUTCMonth(d.getUTCMonth() + delta);
return d;
};
return month;
}(View));
exports.month = month;
var planner = /** @class */ (function (_super_1) {
__extends(planner, _super_1);
function planner() {
return _super_1 !== null && _super_1.apply(this, arguments) || this;
}
planner.header = function (state) {
var startDate = new Date(state.first);
startDate = new Date(startDate.valueOf() + startDate.getTimezoneOffset() * 60 * 1000);
var endDate = new Date(state.last);
endDate = new Date(endDate.valueOf() + endDate.getTimezoneOffset() * 60 * 1000);
return _super_1._owner.call(this, state) + date(egw.preference('dateformat'), startDate) +
(startDate == endDate ? '' : ' - ' + date(egw.preference('dateformat'), endDate));
};
planner.group_by = function (state) {
return state.sortby ? state.sortby : 0;
};
// Note: Planner uses the additional value of planner_view to determine
// the start & end dates using other view's functions
planner.start_date = function (state) {
// Start here, in case we can't find anything better
var d = _super_1.start_date.call(this, state);
if (state.sortby && state.sortby === 'month') {
d.setUTCDate(1);
}
else if (state.planner_view && app.classes.calendar.views[state.planner_view]) {
d = app.classes.calendar.views[state.planner_view].start_date.call(this, state);
}
else {
d = app.calendar.date.start_of_week(d);
d.setUTCHours(0);
d.setUTCMinutes(0);
d.setUTCSeconds(0);
d.setUTCMilliseconds(0);
return d;
}
return d;
};
planner.end_date = function (state) {
var d = _super_1.end_date.call(this, state);
if (state.sortby && state.sortby === 'month') {
d.setUTCDate(0);
d.setUTCFullYear(d.getUTCFullYear() + 1);
}
else if (state.planner_view && app.classes.calendar.views[state.planner_view]) {
d = app.classes.calendar.views[state.planner_view].end_date(state);
}
else if (state.days) {
// This one comes from a grid view, but we'll use it
d.setUTCDate(d.getUTCDate() + parseInt(state.days) - 1);
delete state.days;
}
else {
d = app.calendar.date.end_of_week(d);
}
return d;
};
planner.hide_empty = function (state) {
var check = state.sortby == 'user' ? ['user', 'both'] : ['cat', 'both'];
return (check.indexOf(egw.preference('planner_show_empty_rows', 'calendar') + '') === -1);
};
planner.scroll = function (delta) {
if (app.calendar.state.planner_view) {
return app.classes.calendar.views[app.calendar.state.planner_view].scroll(delta);
}
var d = new Date(app.calendar.state.date);
var days = 1;
// Yearly view, grouped by month - scroll 1 month
if (app.calendar.state.sortby === 'month') {
d.setUTCMonth(d.getUTCMonth() + delta);
d.setUTCDate(1);
d.setUTCHours(0);
d.setUTCMinutes(0);
return d;
}
// Need to set the day count, or auto date ranging takes over and
// makes things buggy
if (app.calendar.state.first && app.calendar.state.last) {
var diff = new Date(app.calendar.state.last) - new Date(app.calendar.state.first);
days = Math.round(diff / (1000 * 3600 * 24));
}
d.setUTCDate(d.getUTCDate() + (days * delta));
if (days > 8) {
d = app.calendar.date.start_of_week(d);
}
return d;
};
planner.etemplates = ['calendar.planner'];
return planner;
}(View));
exports.planner = planner;
var listview = /** @class */ (function (_super_1) {
__extends(listview, _super_1);
function listview() {
return _super_1 !== null && _super_1.apply(this, arguments) || this;
}
listview.header = function (state) {
var startDate = new Date(state.first || state.date);
startDate = new Date(startDate.valueOf() + startDate.getTimezoneOffset() * 60 * 1000);
var start_check = '' + startDate.getFullYear() + startDate.getMonth() + startDate.getDate();
var endDate = new Date(state.last || state.date);
endDate = new Date(endDate.valueOf() + endDate.getTimezoneOffset() * 60 * 1000);
var end_check = '' + endDate.getFullYear() + endDate.getMonth() + endDate.getDate();
return _super_1._owner.call(this, state) +
date(egw.preference('dateformat'), startDate) +
(start_check == end_check ? '' : ' - ' + date(egw.preference('dateformat'), endDate));
};
listview.etemplates = ['calendar.list'];
return listview;
}(View));
exports.listview = listview;
//# sourceMappingURL=View.js.map