egroupware_official/calendar/js/app.js

"use strict";
/**
 * EGroupware - Calendar - Javascript UI
 *
 * @link http://www.egroupware.org
 * @package calendar
 * @author Hadi Nategh	<hn-AT-stylite.de>
 * @author Nathan Gray
 * @copyright (c) 2008-16 by Ralf Becker <RalfBecker-AT-outdoor-training.de>
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @version $Id$
 */
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 });
/*egw:uses
    /api/js/jsapi/egw_app.js;
    /etemplate/js/etemplate2.js;
    /calendar/js/View.js;
    /calendar/js/et2_widget_owner.js;
    /calendar/js/et2_widget_timegrid.js;
    /calendar/js/et2_widget_planner.js;
    /vendor/bower-asset/jquery-touchswipe/jquery.touchSwipe.js;
*/
var egw_app_1 = require("../../api/js/jsapi/egw_app");
var etemplate2_1 = require("../../api/js/etemplate/etemplate2");
var View_1 = require("./View");
var et2_widget_view_1 = require("./et2_widget_view");
var et2_widget_timegrid_1 = require("./et2_widget_timegrid");
var et2_widget_daycol_1 = require("./et2_widget_daycol");
var et2_widget_planner_row_1 = require("./et2_widget_planner_row");
var et2_widget_event_1 = require("./et2_widget_event");
var et2_widget_dialog_1 = require("../../api/js/etemplate/et2_widget_dialog");
var et2_core_valueWidget_1 = require("../../api/js/etemplate/et2_core_valueWidget");
var et2_core_widget_1 = require("../../api/js/etemplate/et2_core_widget");
var et2_core_inputWidget_1 = require("../../api/js/etemplate/et2_core_inputWidget");
/**
 * UI for calendar
 *
 * Calendar has multiple different views of the same data.  All the templates
 * for the different view are loaded at the start, then the view objects
 * in CalendarApp.views are used to manage the different views.
 * update_state() is used to change the state between the different views, as
 * well as adjust only a single part of the state while keeping the rest unchanged.
 *
 * The event widgets (and the nextmatch) get the data from egw.data, and they
 * register update callbacks to automatically update when the data changes.  This
 * means that when we update something on the server, to update the UI we just need
 * to send back the new data and if the event widget still exists it will update
 * itself.  See calendar_uiforms->ajax_status().
 *
 * To reduce server calls, we also keep a map of day => event IDs.  This allows
 * us to quickly change views (week to day, for example) without requesting additional
 * data from the server.  We keep that map as long as only the date (and a few
 * others - see update_state()) changes.  If user or any of the other filters are
 * changed, we discard the daywise cache and ask the server for the filtered events.
 *
 */
var CalendarApp = /** @class */ (function (_super) {
    __extends(CalendarApp, _super);
    /**
     * Constructor
     *
     */
    function CalendarApp() {
        var _this = 
        /*
        // categories have nothing to do with calendar, but eT2 objects loads calendars app.js
        if (window.framework && framework.applications.calendar.browser &&
            framework.applications.calendar.browser.currentLocation.match('menuaction=preferences\.preferences_categories_ui\.index'))
        {
            this._super.apply(this, arguments);
            return;
        }
        else// make calendar object available, even if not running in top window, as sidebox does
        if (window.top !== window && !egw(window).is_popup() && window.top.app.calendar)
        {
            window.app.calendar = window.top.app.calendar;
            return;
        }
        else if (window.top == window && !egw(window).is_popup())
        {
            // Show loading div
            egw.loading_prompt(
                this.appname,true,egw.lang('please wait...'),
                typeof framework !== 'undefined' ? framework.applications.calendar.tab.contentDiv : false,
                egwIsMobile()?'horizental':'spinner'
            );
        }
    */
        // call parent
        _super.call(this, 'calendar') || this;
        /**
         * Needed for JSON callback
         */
        _this.prefix = 'calendar';
        /**
         * etemplate for the sidebox filters
         */
        _this.sidebox_et2 = null;
        /**
         * Current internal state
         *
         * If you need to change state, you can pass just the fields to change to
         * update_state().
         */
        _this.state = {
            date: new Date(),
            view: egw.preference('saved_states', 'calendar') ?
                // @ts-ignore
                egw.preference('saved_states', 'calendar').view :
                egw.preference('defaultcalendar', 'calendar') || 'day',
            owner: egw.user('account_id'),
            keywords: '',
            last: undefined,
            first: undefined
        };
        // If you are in one of these views and select a date in the sidebox, the view
        // will change as needed to show the date.  Other views will only change the
        // date in the current view.
        _this.sidebox_changes_views = ['day', 'week', 'month'];
        // Calendar allows other apps to hook into the sidebox.  We keep these etemplates
        // up to date as state is changed.
        _this.sidebox_hooked_templates = [];
        // List of queries in progress, to prevent home from requesting the same thing
        _this._queries_in_progress = [];
        // Calendar-wide autorefresh
        _this._autorefresh_timer = null;
        // Flag if the state is being updated
        _this.state_update_in_progress = false;
        /**
         * Some handy date calculations
         * All take either a Date object or full date with timestamp (Z)
         */
        _this.date = {
            toString: function (date) {
                // Ensure consistent formatting using UTC, avoids problems with comparison
                // and timezones
                if (typeof date === 'string')
                    date = new Date(date);
                return date.getUTCFullYear() + '-' +
                    sprintf("%02d", date.getUTCMonth() + 1) + '-' +
                    sprintf("%02d", date.getUTCDate()) + 'T' +
                    sprintf("%02d", date.getUTCHours()) + ':' +
                    sprintf("%02d", date.getUTCMinutes()) + ':' +
                    sprintf("%02d", date.getUTCSeconds()) + 'Z';
            },
            /**
            * Formats one or two dates (range) as long date (full monthname), optionaly with a time
            *
            * Take care of any timezone issues before you pass the dates in.
            *
            * @param {Date} first first date
            * @param {Date} last =0 last date for range, or false for a single date
            * @param {boolean} display_time =false should a time be displayed too
            * @param {boolean} display_day =false should a day-name prefix the date, eg. monday June 20, 2006
            * @return string with formatted date
            */
            long_date: function (first, last, display_time, display_day) {
                if (!first)
                    return '';
                if (typeof first === 'string') {
                    first = new Date(first);
                }
                var first_format = new Date(first.valueOf() + first.getTimezoneOffset() * 60 * 1000);
                if (typeof last == 'string' && last) {
                    last = new Date(last);
                }
                if (!last || typeof last !== 'object') {
                    last = false;
                }
                if (last) {
                    var last_format = new Date(last.valueOf() + last.getTimezoneOffset() * 60 * 1000);
                }
                if (!display_time)
                    display_time = false;
                if (!display_day)
                    display_day = false;
                var range = '';
                var datefmt = egw.preference('dateformat');
                var timefmt = egw.preference('timeformat') === '12' ? 'h:i a' : 'H:i';
                var month_before_day = datefmt[0].toLowerCase() == 'm' ||
                    datefmt[2].toLowerCase() == 'm' && datefmt[4] == 'd';
                if (display_day) {
                    range = jQuery.datepicker.formatDate('DD', first_format) + (datefmt[0] != 'd' ? ' ' : ', ');
                }
                for (var i = 0; i < 5; i += 2) {
                    switch (datefmt[i]) {
                        case 'd':
                            range += first.getUTCDate() + (datefmt[1] == '.' ? '.' : '');
                            if (last && (first.getUTCMonth() != last.getUTCMonth() || first.getUTCFullYear() != last.getUTCFullYear())) {
                                if (!month_before_day) {
                                    range += jQuery.datepicker.formatDate('MM', first_format);
                                }
                                if (first.getFullYear() != last.getFullYear() && datefmt[0] != 'Y') {
                                    range += (datefmt[0] != 'd' ? ', ' : ' ') + first.getFullYear();
                                }
                                if (display_time) {
                                    range += ' ' + jQuery.datepicker.formatDate(dateTimeFormat(timefmt), first_format);
                                }
                                if (!last) {
                                    return range;
                                }
                                range += ' - ';
                                if (first.getFullYear() != last.getFullYear() && datefmt[0] == 'Y') {
                                    range += last.getUTCFullYear() + ', ';
                                }
                                if (month_before_day) {
                                    range += jQuery.datepicker.formatDate('MM', last_format);
                                }
                            }
                            else if (last) {
                                if (display_time) {
                                    range += ' ' + jQuery.datepicker.formatDate(dateTimeFormat(timefmt), last_format);
                                }
                                if (last) {
                                    range += ' - ';
                                }
                            }
                            if (last) {
                                range += ' ' + last.getUTCDate() + (datefmt[1] == '.' ? '.' : '');
                            }
                            break;
                        case 'm':
                        case 'M':
                            range += ' ' + jQuery.datepicker.formatDate('MM', month_before_day || !last ? first_format : last_format) + ' ';
                            break;
                        case 'Y':
                            if (datefmt[0] != 'm') {
                                range += ' ' + (datefmt[0] == 'Y' ? first.getUTCFullYear() + (datefmt[2] == 'd' ? ', ' : ' ') : last.getUTCFullYear() + ' ');
                            }
                            break;
                    }
                }
                if (display_time && last) {
                    range += ' ' + jQuery.datepicker.formatDate(dateTimeFormat(timefmt), last_format);
                }
                if (datefmt[4] == 'Y' && datefmt[0] == 'm') {
                    range += ', ' + last.getUTCFullYear();
                }
                return range;
            },
            /**
            * Calculate iso8601 week-number, which is defined for Monday as first day of week only
            *
            * We adjust the day, if user prefs want a different week-start-day
            *
            * @param {string|Date} _date
            * @return string
            */
            week_number: function (_date) {
                var d = new Date(_date);
                var day = d.getUTCDay();
                // if week does not start Monday and date is Sunday --> add one day
                if (egw.preference('weekdaystarts', 'calendar') != 'Monday' && !day) {
                    d.setUTCDate(d.getUTCDate() + 1);
                }
                // if week does start Saturday and $time is Saturday --> add two days
                else if (egw.preference('weekdaystarts', 'calendar') == 'Saturday' && day == 6) {
                    d.setUTCDate(d.getUTCDate() + 2);
                }
                return jQuery.datepicker.iso8601Week(new Date(d.valueOf() + d.getTimezoneOffset() * 60 * 1000));
            },
            start_of_week: function (date) {
                var d = new Date(date);
                var day = d.getUTCDay();
                var diff = 0;
                switch (egw.preference('weekdaystarts', 'calendar')) {
                    case 'Saturday':
                        diff = day === 6 ? 0 : day === 0 ? -1 : -(day + 1);
                        break;
                    case 'Monday':
                        diff = day === 0 ? -6 : 1 - day;
                        break;
                    case 'Sunday':
                    default:
                        diff = -day;
                }
                d.setUTCDate(d.getUTCDate() + diff);
                return d;
            },
            end_of_week: function (date) {
                var d = this.start_of_week(date);
                d.setUTCDate(d.getUTCDate() + 6);
                return d;
            }
        };
        // Scroll
        jQuery(jQuery.proxy(_this._scroll, _this));
        jQuery.extend(_this.state, _this.egw.preference('saved_states', 'calendar'));
        // Set custom color for events without category
        if (_this.egw.preference('no_category_custom_color', 'calendar')) {
            _this.egw.css('.calendar_calEvent:not([class*="cat_"])', 'background-color: ' + _this.egw.preference('no_category_custom_color', 'calendar') + ' !important');
        }
        return _this;
    }
    /**
     * Destructor
     */
    CalendarApp.prototype.destroy = function () {
        // call parent
        _super.prototype.destroy.call(this, this.appname);
        // remove top window reference
        // @ts-ignore
        if (window.top !== window && window.top.app.calendar === this) {
            // @ts-ignore
            delete window.top.app.calendar;
        }
        jQuery('body').off('.calendar');
        if (this.sidebox_et2) {
            var date = this.sidebox_et2.getWidgetById('date');
            jQuery(window).off('resize.calendar' + date.dom_id);
        }
        this.sidebox_hooked_templates = [];
        egw_unregisterGlobalShortcut(jQuery.ui.keyCode.PAGE_UP, false, false, false);
        egw_unregisterGlobalShortcut(jQuery.ui.keyCode.PAGE_DOWN, false, false, false);
        // Stop autorefresh
        if (this._autorefresh_timer) {
            window.clearInterval(this._autorefresh_timer);
            this._autorefresh_timer = null;
        }
    };
    /**
     * This function is called when the etemplate2 object is loaded
     * and ready.  If you must store a reference to the et2 object,
     * make sure to clean it up in destroy().
     *
     * @param {etemplate2} _et2 newly ready et2 object
     * @param {string} _name name of template
     */
    CalendarApp.prototype.et2_ready = function (_et2, _name) {
        // call parent
        _super.prototype.et2_ready.call(this, _et2, _name);
        // Avoid many problems with home
        if (_et2.app !== 'calendar' || _name == 'admin.categories.index') {
            egw.loading_prompt(this.appname, false);
            return;
        }
        // Re-init sidebox, since it was probably initialized too soon
        var sidebox = jQuery('#favorite_sidebox_' + this.appname);
        if (sidebox.length == 0 && egw_getFramework() != null) {
            var egw_fw = egw_getFramework();
            sidebox = jQuery('#favorite_sidebox_' + this.appname, egw_fw.sidemenuDiv);
        }
        var content = this.et2.getArrayMgr('content');
        switch (_name) {
            case 'calendar.sidebox':
                this.sidebox_et2 = _et2.widgetContainer;
                this.sidebox_hooked_templates.push(this.sidebox_et2);
                jQuery(_et2.DOMContainer).hide();
                // Set client side holiday cache for this year
                // @ts-ignore
                if (egw.window.et2_calendar_view) {
                    // @ts-ignore
                    egw.window.et2_calendar_view.holiday_cache[content.data.year] = content.data.holidays;
                    delete content.data.holidays;
                    delete content.data.year;
                }
                this._setup_sidebox_filters();
                this.state = content.data;
                break;
            case 'calendar.add':
                this.et2.getWidgetById('title').input.select();
            // Fall through to get all the edit stuff too
            case 'calendar.edit':
                if (typeof content.data['conflicts'] == 'undefined') {
                    //Check if it's fallback from conflict window or it's from edit window
                    if (content.data['button_was'] != 'freetime') {
                        this.set_enddate_visibility();
                        this.check_recur_type();
                        this.edit_start_change(null, this.et2.getWidgetById('start'));
                        if (this.et2.getWidgetById('recur_exception')) {
                            this.et2.getWidgetById('recur_exception').set_disabled(!content.data.recur_exception ||
                                typeof content.data.recur_exception[0] == 'undefined');
                        }
                    }
                    else {
                        this.freetime_search();
                    }
                    //send Syncronus ajax request to the server to unlock the on close entry
                    //set onbeforeunload with json request to send request when the window gets close by X button
                    if (content.data.lock_token) {
                        window.addEventListener("beforeunload", this._unlock.bind(this));
                    }
                }
                this.alarm_custom_date();
                // If title is pre-filled for a new (no ID) event, highlight it
                if (content.data && !content.data.id && content.data.title) {
                    this.et2.getWidgetById('title').input.select();
                }
                // Disable loading prompt (if loaded nopopup)
                egw.loading_prompt(this.appname, false);
                break;
            case 'calendar.freetimesearch':
                this.set_enddate_visibility();
                break;
            case 'calendar.list':
                // Wait until _et2_view_init is done
                window.setTimeout(jQuery.proxy(function () {
                    this.filter_change();
                }, this), 0);
                break;
            case 'calendar.category_report':
                this.category_report_init();
                break;
        }
        // Record the templates for the views so we can switch between them
        this._et2_view_init(_et2, _name);
    };
    /**
     * Observer method receives update notifications from all applications
     *
     * App is responsible for only reacting to "messages" it is interested in!
     *
     * Calendar binds listeners to the data cache, so if the data is updated, the widget
     * will automatically update itself.
     *
     * @param {string} _msg message (already translated) to show, eg. 'Entry deleted'
     * @param {string} _app application name
     * @param {(string|number)} _id id of entry to refresh or null
     * @param {string} _type either 'update', 'edit', 'delete', 'add' or null
     * - update: request just modified data from given rows.  Sorting is not considered,
     *		so if the sort field is changed, the row will not be moved.
     * - edit: rows changed, but sorting may be affected.  Requires full reload.
     * - delete: just delete the given rows clientside (no server interaction neccessary)
     * - add: requires full reload for proper sorting
     * @param {string} _msg_type 'error', 'warning' or 'success' (default)
     * @param {object|null} _links app => array of ids of linked entries
     * or null, if not triggered on server-side, which adds that info
     * @return {false|*} false to stop regular refresh, thought all observers are run
     */
    CalendarApp.prototype.observer = function (_msg, _app, _id, _type, _msg_type, _links) {
        var do_refresh = false;
        if (this.state.view === 'listview') {
            // @ts-ignore
            CalendarApp.views.listview.etemplates[0].widgetContainer.getWidgetById('nm').refresh(_id, _type);
        }
        switch (_app) {
            case 'infolog':
                jQuery('.calendar_calDayTodos')
                    .find('a')
                    .each(function (i, a) {
                    var match = a.href.split(/&info_id=/);
                    if (match && typeof match[1] != "undefined") {
                        if (match[1] == _id)
                            do_refresh = true;
                    }
                });
                // Unfortunately we do not know what type this infolog is here,
                // but we can tell if it's turned off entirely
                if (egw.preference('calendar_integration', 'infolog') !== '0') {
                    if (jQuery('div [data-app="infolog"][data-app_id="' + _id + '"]').length > 0)
                        do_refresh = true;
                    switch (_type) {
                        case 'add':
                            do_refresh = true;
                            break;
                    }
                }
                if (do_refresh) {
                    // Discard cache
                    this._clear_cache();
                    // Calendar is the current application, refresh now
                    if (framework.activeApp.appName === this.appname) {
                        this.setState({ state: this.state });
                    }
                    // Bind once to trigger a refresh when tab is activated again
                    else if (framework.applications.calendar && framework.applications.calendar.tab &&
                        framework.applications.calendar.tab.contentDiv) {
                        jQuery(framework.applications.calendar.tab.contentDiv)
                            .off('show.calendar')
                            .one('show.calendar', jQuery.proxy(function () { this.setState({ state: this.state }); }, this));
                    }
                }
                break;
            case 'calendar':
                // Regular refresh
                var event_1 = null;
                if (_id) {
                    event_1 = egw.dataGetUIDdata('calendar::' + _id);
                }
                if (event_1 && event_1.data && event_1.data.date || _type === 'delete') {
                    // Intelligent refresh without reloading everything
                    var recurrences = Object.keys(egw.dataSearchUIDs(new RegExp('^calendar::' + _id + ':')));
                    var ids = event_1 && event_1.data && event_1.data.recur_type && typeof _id === 'string' && _id.indexOf(':') < 0 || recurrences.length ?
                        recurrences :
                        ['calendar::' + _id];
                    if (_type === 'delete') {
                        for (var i in ids) {
                            egw.dataStoreUID(ids[i], null);
                        }
                    }
                    // Updates are handled by events themselves through egw.data
                    else if (_type !== 'update') {
                        this._update_events(this.state, ids);
                    }
                    return false;
                }
                else {
                    this._clear_cache();
                    // Force redraw to current state
                    this.setState({ state: this.state });
                    return false;
                }
                break;
            default:
                return undefined;
        }
    };
    /**
     * Handle a push notification about entry changes from the websocket
     *
     * @param  pushData
     * @param {string} pushData.app application name
     * @param {(string|number)} pushData.id id of entry to refresh or null
     * @param {string} pushData.type either 'update', 'edit', 'delete', 'add' or null
     * - update: request just modified data from given rows.  Sorting is not considered,
     *		so if the sort field is changed, the row will not be moved.
     * - edit: rows changed, but sorting may be affected.  Requires full reload.
     * - delete: just delete the given rows clientside (no server interaction neccessary)
     * - add: ask server for data, add in intelligently
     * @param {object|null} pushData.acl Extra data for determining relevance.  eg: owner or responsible to decide if update is necessary
     * @param {number} pushData.account_id User that caused the notification
     */
    CalendarApp.prototype.push = function (pushData) {
        // Calendar cares about calendar & infolog
        if (pushData.app !== this.appname && pushData.app !== 'infolog')
            return;
        switch (pushData.app) {
            case "calendar":
                if (pushData.type === 'delete') {
                    return _super.prototype.push.call(this, pushData);
                }
                return this.push_calendar(pushData);
            case "infolog":
                return this.push_infolog(pushData);
        }
    };
    /**
     * Handle a push about infolog
     *
     * @param pushData
     */
    CalendarApp.prototype.push_infolog = function (pushData) {
        var _this = this;
        var _a;
        // check visibility - grants is ID => permission of people we're allowed to see
        var owners = [];
        var infolog_grants = egw.grants(pushData.app);
        // Filter what's allowed down to those we care about
        var filtered = Object.keys(infolog_grants).filter(function (account) { return _this.state.owner.indexOf(account) >= 0; });
        // Check if we're interested in displaying by owner / responsible
        var owner_check = filtered.filter(function (value) {
            return pushData.acl.info_owner == value || pushData.acl.info_responsible.indexOf(value) >= 0;
        });
        if (!owner_check || owner_check.length == 0) {
            // The owner is not in the list of what we're allowed / care about
            return;
        }
        // Only need to update the list if we're on that view
        var update_list = this.state.view == "day";
        // Delete, just pull it out of the list
        if (update_list && pushData.type == "delete") {
            jQuery('.calendar_calDayTodos')
                .find('a')
                .each(function (i, a) {
                var match = a.href.split(/&info_id=/);
                if (match && typeof match[1] != "undefined" && match[1] == pushData.id) {
                    jQuery(a).parentsUntil("tbody").remove();
                }
            });
        }
        // Refresh todos if we're there - add, update or edit doesn't matter
        if (update_list) {
            this.egw.jsonq('calendar_uiviews::ajax_get_todos', [this.state.date, this.state.owner[0]], function (data) {
                this.getWidgetById('label').set_value(data.label || '');
                this.getWidgetById('todos').set_value({ content: data.todos || '' });
            }, CalendarApp.views.day.etemplates[1].widgetContainer);
        }
        else {
            // Only care about certain infolog types, or already loaded (type may have changed)
            var types = ((_a = egw.preference('calendar_integration', 'infolog')) === null || _a === void 0 ? void 0 : _a.split(",")) || [];
            var info_uid = this.appname + "::" + pushData.app + pushData.id;
            if (types.indexOf(pushData.acl.info_type) >= 0 || this.egw.dataHasUID(info_uid)) {
                if (pushData.type === 'delete') {
                    return this.egw.dataStoreUID(info_uid, null);
                }
                // We could try to be a little smarter, but this will work
                // Discard cache
                this._clear_cache();
                // Calendar is the current application, refresh now
                if (framework.activeApp.appName === this.appname) {
                    this.setState({ state: this.state });
                }
                // Bind once to trigger a refresh when tab is activated again
                else if (framework.applications.calendar && framework.applications.calendar.tab &&
                    framework.applications.calendar.tab.contentDiv) {
                    jQuery(framework.applications.calendar.tab.contentDiv)
                        .off('show.calendar')
                        .one('show.calendar', function () {
                        this.setState({ state: this.state });
                    }.bind(this));
                }
            }
        }
    };
    /**
     * Handle a push from calendar
     *
     * @param pushData
     */
    CalendarApp.prototype.push_calendar = function (pushData) {
        var _this = this;
        // pushData does not contain everything, just the minimum.  See calendar_hooks::search_link().
        var cal_event = pushData.acl || {};
        // check visibility - grants is ID => permission of people we're allowed to see
        var owners = [];
        if (typeof this._grants === 'undefined') {
            this._grants = egw.grants(this.appname);
        }
        // Filter what's allowed down to those we care about
        var filtered = Object.keys(this._grants).filter(function (account) { return _this.state.owner.indexOf(account) >= 0; });
        // Check if we're interested in displaying by owner / participant
        var owner_check = et2_widget_event_1.et2_calendar_event.owner_check(cal_event, jQuery.extend({}, { options: { owner: filtered } }, this.et2));
        if (!owner_check) {
            // The owner is not in the list of what we're allowed / care about
            return;
        }
        // Check if we're interested by date?
        if (cal_event.end <= new Date(this.state.first).valueOf() / 1000 || cal_event.start > new Date(this.state.last).valueOf() / 1000) {
            // The event is outside our current view
            return;
        }
        // Do we already have "fresh" data?  Most user actions give fresh data in response
        var existing = egw.dataGetUIDdata('calendar::' + pushData.id);
        if (existing && Math.abs(existing.timestamp - new Date().valueOf()) < 1000) {
            // Update directly
            this._update_events(this.state, ['calendar::' + pushData.id]);
            return;
        }
        ;
        // Ask for the real data, we don't have it
        egw.json("calendar.calendar_ui.ajax_get", [[pushData.id]], function (data) {
            if (data && data.data && data.data.data)
                return;
            // Store it, which will call all registered listeners
            egw.dataStoreUID(data.uid, data.data);
            // Any existing events were updated.  Run this to catch new events or events moved into view
            this._update_events(this.state, [data.uid]);
        }.bind(this)).sendRequest(true);
    };
    /**
     * Link hander for jDots template to just reload our iframe, instead of reloading whole admin app
     *
     * @param {String} _url
     * @return {boolean|string} true, if linkHandler took care of link, false for default processing or url to navigate to
     */
    CalendarApp.prototype.linkHandler = function (_url) {
        if (_url == 'about:blank' || _url.match('menuaction=preferences\.preferences_categories_ui\.index')) {
            return false;
        }
        if (_url.match('menuaction=calendar\.calendar_uiviews\.')) {
            var view = _url.match(/calendar_uiviews\.([^&?]+)/);
            view = view && view.length > 1 ? view[1] : null;
            // Get query
            var q = {};
            _url.split('?')[1].split('&').forEach(function (i) {
                q[i.split('=')[0]] = unescape(i.split('=')[1]);
            });
            delete q.ajax;
            delete q.menuaction;
            if (!view && q.view || q.view != view && view == 'index')
                view = q.view;
            // No specific view requested, looks like a reload from framework
            if (this.sidebox_et2 && typeof view === 'undefined') {
                this._clear_cache();
                this.setState({ state: this.state });
                return false;
            }
            if (this.sidebox_et2 && typeof CalendarApp.views[view] == 'undefined' && view != 'index') {
                if (q.owner) {
                    q.owner = q.owner.split(',');
                    q.owner = q.owner.reduce(function (p, c) { if (p.indexOf(c) < 0)
                        p.push(c); return p; }, []);
                    q.owner = q.owner.join(',');
                }
                q.menuaction = 'calendar.calendar_uiviews.index';
                this.sidebox_et2.getWidgetById('iframe').set_src(egw.link('/index.php', q));
                jQuery(this.sidebox_et2.parentNode).show();
                return true;
            }
            // Known AJAX view
            else if (CalendarApp.views[view]) {
                // Reload of known view?
                if (view == 'index') {
                    var pref = this.egw.preference('saved_states', 'calendar');
                    view = pref.view || 'day';
                }
                // View etemplate not loaded
                if (typeof CalendarApp.views[view].etemplates[0] == 'string') {
                    return _url + '&ajax=true';
                }
                // Already loaded, we'll just apply any variables to our current state
                var set = jQuery.extend({ view: view }, q);
                this.update_state(set);
                return true;
            }
        }
        else if (this.sidebox_et2) {
            var iframe = this.sidebox_et2.getWidgetById('iframe');
            if (!iframe)
                return false;
            iframe.set_src(_url);
            jQuery(this.sidebox_et2.parentNode).show();
            // Hide other views
            for (var _view in CalendarApp.views) {
                for (var i = 0; i < CalendarApp.views[_view].etemplates.length; i++) {
                    jQuery(CalendarApp.views[_view].etemplates[i].DOMContainer).hide();
                }
            }
            this.state.view = '';
            return true;
        }
        // can not load our own index page, has to be done by framework
        return false;
    };
    /**
     * Handle actions from the toolbar
     *
     * @param {egwAction} action Action from the toolbar
     */
    CalendarApp.prototype.toolbar_action = function (action) {
        // Most can just provide state change data
        if (action.data && action.data.state) {
            var state = jQuery.extend({}, action.data.state);
            if (state.view == 'planner' && app.calendar.state.view != 'planner') {
                state.planner_view = app.calendar.state.view;
            }
            this.update_state(state);
        }
        // Special handling
        switch (action.id) {
            case 'add':
                // Default date/time to start of next hour
                var tempDate = new Date();
                if (tempDate.getMinutes() !== 0) {
                    tempDate.setHours(tempDate.getHours() + 1);
                    tempDate.setMinutes(0);
                }
                var today = new Date(tempDate.getFullYear(), tempDate.getMonth(), tempDate.getDate(), tempDate.getHours(), -tempDate.getTimezoneOffset(), 0);
                return egw.open(null, "calendar", "add", { start: today });
            case 'weekend':
                this.update_state({ weekend: action.checked });
                break;
            case 'today':
                var tempDate = new Date();
                var today = new Date(tempDate.getFullYear(), tempDate.getMonth(), tempDate.getDate(), 0, -tempDate.getTimezoneOffset(), 0);
                var change = { date: today.toJSON() };
                app.calendar.update_state(change);
                break;
            case 'next':
            case 'previous':
                var delta = action.id == 'previous' ? -1 : 1;
                var view = CalendarApp.views[this.state.view] || false;
                var start = new Date(this.state.date);
                if (view) {
                    start = view.scroll(delta);
                    app.calendar.update_state({ date: this.date.toString(start) });
                }
                break;
        }
    };
    /**
     * Set the app header
     *
     * Because the toolbar takes some vertical space and has some horizontal space,
     * we don't use the system app header, but our own that is in the toolbar
     *
     * @param {string} header Text to display
     */
    CalendarApp.prototype.set_app_header = function (header) {
        var template = etemplate2_1.etemplate2.getById('calendar-toolbar');
        var widget = template ? template.widgetContainer.getWidgetById('app_header') : false;
        if (widget) {
            widget.set_value(header);
            egw_app_header('', 'calendar');
        }
        else {
            egw_app_header(header, 'calendar');
        }
    };
    /**
     * Setup and handle sortable calendars.
     *
     * You can only sort calendars if there is more than one owner, and the calendars
     * are not combined (many owners, multi-week or month views)
     * @returns {undefined}
     */
    CalendarApp.prototype._sortable = function () {
        // Calender current state
        var state = this.getState();
        // Day / month sortables
        var daily = jQuery('#calendar-view_view .calendar_calGridHeader > div:first');
        var weekly = jQuery('#calendar-view_view tbody');
        if (state.view == 'day') {
            var sortable = daily;
            if (weekly.sortable('instance'))
                weekly.sortable('disable');
        }
        else {
            var sortable = weekly;
            if (daily.sortable('instance'))
                daily.sortable('disable');
        }
        if (!sortable.sortable('instance')) {
            sortable.sortable({
                cancel: "#divAppboxHeader, .calendar_calWeekNavHeader, .calendar_plannerHeader",
                handle: '.calendar_calGridHeader',
                //placeholder: "srotable_cal_wk_ph",
                axis: "y",
                revert: true,
                helper: "clone",
                create: function () {
                    var $sortItem = jQuery(this);
                },
                start: function (event, ui) {
                    jQuery('.calendar_calTimeGrid', ui.helper).css('position', 'absolute');
                    // Put owners into row IDs
                    CalendarApp.views[app.calendar.state.view].etemplates[0].widgetContainer.iterateOver(function (widget) {
                        if (widget.options.owner && !widget.disabled) {
                            widget.div.parents('tr').attr('data-owner', widget.options.owner);
                        }
                        else {
                            widget.div.parents('tr').removeAttr('data-owner');
                        }
                    }, this, et2_widget_timegrid_1.et2_calendar_timegrid);
                },
                stop: function () {
                },
                update: function () {
                    var state = app.calendar.getState();
                    if (state && typeof state.owner !== 'undefined') {
                        var sortedArr = sortable.sortable('toArray', { attribute: "data-owner" });
                        // No duplicates, no empties
                        sortedArr = sortedArr.filter(function (value, index, self) {
                            return value !== '' && self.indexOf(value) === index;
                        });
                        var parent = null;
                        var children = [];
                        if (state.view == 'day') {
                            // If in day view, the days need to be re-ordered, avoiding
                            // the current sort order
                            CalendarApp.views.day.etemplates[0].widgetContainer.iterateOver(function (widget) {
                                var idx = sortedArr.indexOf(widget.options.owner.toString());
                                // Move the event holding div
                                widget.set_left((parseInt(widget.options.width) * idx) + 'px');
                                // Re-order the children, or it won't stay
                                parent = widget._parent;
                                children.splice(idx, 0, widget);
                            }, this, et2_widget_daycol_1.et2_calendar_daycol);
                            parent.day_widgets.sort(function (a, b) {
                                return children.indexOf(a) - children.indexOf(b);
                            });
                        }
                        else {
                            // Re-order the children, or it won't stay
                            CalendarApp.views.day.etemplates[0].widgetContainer.iterateOver(function (widget) {
                                parent = widget._parent;
                                var idx = sortedArr.indexOf(widget.options.owner);
                                children.splice(idx, 0, widget);
                                widget.resize();
                            }, this, et2_widget_timegrid_1.et2_calendar_timegrid);
                        }
                        parent._children.sort(function (a, b) {
                            return children.indexOf(a) - children.indexOf(b);
                        });
                        // Directly update, since there is no other changes needed,
                        // and we don't want the current sort order applied
                        app.calendar.state.owner = sortedArr;
                        parent.options.owner = sortedArr;
                    }
                }
            });
        }
        // Enable or disable
        if (state.owner.length > 1 && (state.view == 'day' && state.owner.length < parseInt('' + egw.preference('day_consolidate', 'calendar')) ||
            state.view == 'week' && state.owner.length < parseInt('' + egw.preference('week_consolidate', 'calendar')))) {
            sortable.sortable('enable')
                .sortable("refresh")
                .disableSelection();
            var options = {};
            switch (state.view) {
                case "day":
                    options = {
                        placeholder: "srotable_cal_day_ph",
                        axis: "x",
                        handle: '> div:first',
                        helper: function (event, element) {
                            var scroll = element.parentsUntil('.calendar_calTimeGrid').last().next();
                            var helper = jQuery(document.createElement('div'))
                                .append(element.clone())
                                .css('height', scroll.parent().css('height'))
                                .css('background-color', 'white')
                                .css('width', element.css('width'));
                            return helper;
                        }
                    };
                    sortable.sortable('option', options);
                    break;
                case "week":
                    options = {
                        placeholder: "srotable_cal_wk_ph",
                        axis: "y",
                        handle: '.calendar_calGridHeader',
                        helper: 'clone'
                    };
                    sortable.sortable('option', options);
                    break;
            }
        }
        else {
            sortable.sortable('disable');
        }
    };
    /**
     * Unlock the event before closing the popup
     *
     * @private
     */
    CalendarApp.prototype._unlock = function () {
        var content = this.et2.getArrayMgr('content');
        this.egw.json('calendar.calendar_uiforms.ajax_unlock', [content.data.id, content.data.lock_token], null, this, "keepalive", null).sendRequest();
    };
    /**
     * Bind scroll event
     * When the user scrolls, we'll move enddate - startdate days
     */
    CalendarApp.prototype._scroll = function () {
        /**
         * Function we can pass all this off to
         *
         * @param {String} direction up, down, left or right
         * @param {number} delta Integer for how many we're moving, should be +/- 1
         */
        var scroll_animate = function (direction, delta) {
            // Scrolling too fast?
            if (app.calendar._scroll_disabled)
                return;
            // Find the template
            var id = jQuery(this).closest('.et2_container').attr('id');
            if (id) {
                var template = etemplate2_1.etemplate2.getById(id);
            }
            else {
                template = CalendarApp.views[app.calendar.state.view].etemplates[0];
            }
            if (!template)
                return;
            // Prevent scrolling too fast
            app.calendar._scroll_disabled = true;
            // Animate the transition, if possible
            var widget = null;
            template.widgetContainer.iterateOver(function (w) {
                if (w.getDOMNode() == this)
                    widget = w;
            }, this, et2_core_widget_1.et2_widget);
            if (widget == null) {
                template.widgetContainer.iterateOver(function (w) {
                    widget = w;
                }, this, et2_widget_timegrid_1.et2_calendar_timegrid);
                if (widget == null)
                    return;
            }
            /* Disabled
             *
            // We clone the nodes so we can animate the transition
            var original = jQuery(widget.getDOMNode()).closest('.et2_grid');
            var cloned = original.clone(true).attr("id","CLONE");

            // Moving this stuff around scrolls things around too
            // We need this later
            var scrollTop = jQuery('.calendar_calTimeGridScroll',original).scrollTop();

            // This is to hide the scrollbar
            var wrapper = original.parent();
            if(direction == "right" || direction == "left")
            {
                original.css({"display":"inline-block","width":original.width()+"px"});
                cloned.css({"display":"inline-block","width":original.width()+"px"});
            }
            else
            {
                original.css("height",original.height() + "px");
                cloned.css("height",original.height() + "px");
            }
            var original_size = {height: wrapper.parent().css('height'), width: wrapper.parent().css('width')};
            wrapper.parent().css({overflow:'hidden', height:original.outerHeight()+"px", width:original.outerWidth() + "px"});
            wrapper.height(direction == "up" || direction == "down" ? 2 * original.outerHeight()  : original.outerHeight());
            wrapper.width(direction == "left" || direction == "right" ? 2 * original.outerWidth() : original.outerWidth());

            // Re-scroll to previous to avoid "jumping"
            jQuery('.calendar_calTimeGridScroll',original).scrollTop(scrollTop);
            switch(direction)
            {
                case "up":
                case "left":
                    // Scrolling up
                    // Apply the reverse quickly, then let it animate as the changes are
                    // removed, leaving things where they should be.

                    original.parent().append(cloned);
                    // Makes it jump to destination
                    wrapper.css({
                        "transition-duration": "0s",
                        "transition-delay": "0s",
                        "transform": direction == "up" ? "translateY(-50%)" : "translateX(-50%)"
                    });
                    // Stop browser from caching style by forcing reflow
                    if(wrapper[0]) wrapper[0].offsetHeight;

                    wrapper.css({
                        "transition-duration": "",
                        "transition-delay": ""
                    });
                    break;
                case "down":
                case "right":
                    // Scrolling down
                    original.parent().prepend(cloned);
                    break;
            }
            // Scroll clone to match to avoid "jumping"
            jQuery('.calendar_calTimeGridScroll',cloned).scrollTop(scrollTop);

            // Remove
            var remove = function() {
                // Starting animation
                wrapper.addClass("calendar_slide");
                var translate = direction == "down" ? "translateY(-50%)" : (direction == "right" ? "translateX(-50%)" : "");
                wrapper.css({"transform": translate});
                window.setTimeout(function() {

                    cloned.remove();

                    // Makes it jump to destination
                    wrapper.css({
                        "transition-duration": "0s",
                        "transition-delay": "0s"
                    });

                    // Clean up from animation
                    wrapper
                        .removeClass("calendar_slide")
                        .css({"transform": '',height: '', width:'',overflow:''});
                    wrapper.parent().css({overflow: '', width: original_size.width, height: original_size.height});
                    original.css("display","");
                    if(wrapper.length)
                    {
                        wrapper[0].offsetHeight;
                    }
                    wrapper.css({
                        "transition-duration": "",
                        "transition-delay": ""
                    });

                    // Re-scroll to start of day
                    template.widgetContainer.iterateOver(function(w) {
                        w.resizeTimes();
                    },this, et2_calendar_timegrid);

                    window.setTimeout(function() {
                        if(app.calendar)
                        {
                            app.calendar._scroll_disabled = false;
                        }
                    }, 100);
                },2000);
            }
            // If detecting the transition end worked, we wouldn't need to use a timeout.
            window.setTimeout(remove,100);
            */
            window.setTimeout(function () {
                if (app.calendar) {
                    app.calendar._scroll_disabled = false;
                }
            }, 2000);
            // Get the view to calculate - this actually loads the new data
            // Using a timeout make it a little faster (in Chrome)
            window.setTimeout(function () {
                var view = CalendarApp.views[app.calendar.state.view] || false;
                var start = new Date(app.calendar.state.date);
                if (view && view.etemplates.indexOf(template) !== -1) {
                    start = view.scroll(delta);
                    app.calendar.update_state({ date: app.calendar.date.toString(start) });
                }
                else {
                    // Home - always 1 week
                    // TODO
                    return false;
                }
            }, 0);
        };
        // Bind only once, to the whole thing
        /* Disabled
        jQuery('body').off('.calendar')
            //.on('wheel','.et2_container:#calendar-list,#calendar-sidebox)',
            .on('wheel.calendar','.et2_container .calendar_calTimeGrid, .et2_container .calendar_plannerWidget',
                function(e)
                {
                    // Consume scroll if in the middle of something
                    if(app.calendar._scroll_disabled) return false;

                    // Ignore if they're going the other way
                    var direction = e.originalEvent.deltaY > 0 ? 1 : -1;
                    var at_bottom = direction !== -1;
                    var at_top = direction !== 1;

                    jQuery(this).children(":not(.calendar_calGridHeader)").each(function() {
                        // Check for less than 2px from edge, as sometimes we can't scroll anymore, but still have
                        // 2px left to go
                        at_bottom = at_bottom && Math.abs(this.scrollTop - (this.scrollHeight - this.offsetHeight)) <= 2;
                    }).each(function() {
                        at_top = at_top && this.scrollTop === 0;
                    });
                    if(!at_bottom && !at_top) return;

                    e.preventDefault();

                    scroll_animate.call(this, direction > 0 ? "down" : "up", direction);

                    return false;
                }
            );
        */
        if (typeof framework !== 'undefined' && framework.applications.calendar && framework.applications.calendar.tab) {
            jQuery(framework.applications.calendar.tab.contentDiv)
                .swipe('destroy');
            jQuery(framework.applications.calendar.tab.contentDiv)
                .swipe({
                //Generic swipe handler for all directions
                swipe: function (event, direction, distance, duration, fingerCount) {
                    if (direction == "up" || direction == "down") {
                        if (fingerCount <= 1)
                            return;
                        var at_bottom = direction !== -1;
                        var at_top = direction !== 1;
                        jQuery(this).children(":not(.calendar_calGridHeader)").each(function () {
                            // Check for less than 2px from edge, as sometimes we can't scroll anymore, but still have
                            // 2px left to go
                            at_bottom = at_bottom && Math.abs(this.scrollTop - (this.scrollHeight - this.offsetHeight)) <= 2;
                        }).each(function () {
                            at_top = at_top && this.scrollTop === 0;
                        });
                    }
                    var delta = direction == "down" || direction == "right" ? -1 : 1;
                    // But we animate in the opposite direction to the swipe
                    var opposite = { "down": "up", "up": "down", "left": "right", "right": "left" };
                    direction = opposite[direction];
                    scroll_animate.call(jQuery(event.target).closest('.calendar_calTimeGrid, .calendar_plannerWidget')[0], direction, delta);
                    return false;
                },
                allowPageScroll: jQuery.fn.swipe.pageScroll.VERTICAL,
                threshold: 100,
                fallbackToMouseEvents: false,
                triggerOnTouchEnd: false
            });
            // Page up & page down
            egw_registerGlobalShortcut(jQuery.ui.keyCode.PAGE_UP, false, false, false, function () {
                if (app.calendar.state.view == 'listview') {
                    return false;
                }
                scroll_animate.call(this, "up", -1);
                return true;
            }, this);
            egw_registerGlobalShortcut(jQuery.ui.keyCode.PAGE_DOWN, false, false, false, function () {
                if (app.calendar.state.view == 'listview') {
                    return false;
                }
                scroll_animate.call(this, "down", 1);
                return true;
            }, this);
        }
    };
    /**
     * Handler for changes generated by internal user interactions, like
     * drag & drop inside calendar and resize.
     *
     * @param {Event} event
     * @param {et2_calendar_event} widget Widget for the event
     * @param {string} dialog_button - 'single', 'series', or 'exception', based on the user's answer
     *	in the popup
     * @returns {undefined}
     */
    CalendarApp.prototype.event_change = function (event, widget, dialog_button) {
        // Add loading spinner - not visible if the body / gradient is there though
        widget.div.addClass('loading');
        // Integrated infolog event
        //Get infologID if in case if it's an integrated infolog event
        if (widget.options.value.app == 'infolog') {
            // If it is an integrated infolog event we need to edit infolog entry
            egw().json('stylite_infolog_calendar_integration::ajax_moveInfologEvent', [widget.options.value.app_id, widget.options.value.start, widget.options.value.duration], 
            // Remove loading spinner
            function () { if (widget.div)
                widget.div.removeClass('loading'); }).sendRequest();
        }
        else {
            var _send = function () {
                egw().json('calendar.calendar_uiforms.ajax_moveEvent', [
                    dialog_button == 'exception' ? widget.options.value.app_id : widget.options.value.id,
                    widget.options.value.owner,
                    widget.options.value.start,
                    widget.options.value.owner,
                    widget.options.value.duration,
                    dialog_button == 'series' ? widget.options.value.start : null
                ], 
                // Remove loading spinner
                function () { if (widget && widget.div)
                    widget.div.removeClass('loading'); }).sendRequest(true);
            };
            if (dialog_button == 'series' && widget.options.value.recur_type) {
                widget.series_split_prompt(function (_button_id) {
                    if (_button_id == et2_widget_dialog_1.et2_dialog.OK_BUTTON) {
                        _send();
                    }
                });
            }
            else {
                _send();
            }
        }
    };
    /**
     * open the freetime search popup
     *
     * @param {string} _link
     */
    CalendarApp.prototype.freetime_search_popup = function (_link) {
        this.egw.open_link(_link, 'ft_search', '700x500');
    };
    /**
     * send an ajax request to server to set the freetimesearch window content
     *
     */
    CalendarApp.prototype.freetime_search = function () {
        var content = this.et2.getArrayMgr('content').data;
        content['start'] = this.et2.getWidgetById('start').get_value();
        content['end'] = this.et2.getWidgetById('end').get_value();
        content['duration'] = this.et2.getWidgetById('duration').get_value();
        var request = this.egw.json('calendar.calendar_uiforms.ajax_freetimesearch', [content], null, null, null, null);
        request.sendRequest();
    };
    /**
     * Function for disabling the recur_data multiselect box
     *
     */
    CalendarApp.prototype.check_recur_type = function () {
        var recurType = this.et2.getWidgetById('recur_type');
        var recurData = this.et2.getWidgetById('recur_data');
        if (recurType && recurData) {
            recurData.set_disabled(recurType.get_value() != 2 && recurType.get_value() != 4);
        }
    };
    /**
     * Actions for when the user changes the event start date in edit dialog
     *
     * @returns {undefined}
     */
    CalendarApp.prototype.edit_start_change = function (input, widget) {
        if (!widget) {
            widget = etemplate2_1.etemplate2.getById('calendar-edit').widgetContainer.getWidgetById('start');
        }
        // Update settings for querying participants
        this.edit_update_participant(widget);
        // Update recurring date limit, if not set it can't be before start
        if (widget) {
            var recur_end = widget.getRoot().getWidgetById('recur_enddate');
            if (recur_end && recur_end.getValue && !recur_end.getValue()) {
                recur_end.set_min(widget.getValue());
            }
            // Update end date, min duration is 1 minute
            var end = widget.getRoot().getDOMWidgetById('end');
            var start_time = new Date(widget.getValue());
            var end_time = new Date(end.getValue());
            if (end.getValue() && end_time <= start_time) {
                start_time.setMinutes(start_time.getMinutes() + 1);
                end.set_value(start_time);
            }
        }
        // Update currently selected alarm time
        this.alarm_custom_date();
    };
    /**
     * Show/Hide end date, for both edit and freetimesearch popups,
     * based on if "use end date" selected or not.
     *
     */
    CalendarApp.prototype.set_enddate_visibility = function () {
        var duration = this.et2.getWidgetById('duration');
        var start = this.et2.getWidgetById('start');
        var end = this.et2.getWidgetById('end');
        var content = this.et2.getArrayMgr('content').data;
        if (typeof duration != 'undefined' && typeof end != 'undefined') {
            end.set_disabled(duration.get_value() !== '');
            // Only set end date if not provided, adding seconds fails with DST
            if (!end.disabled && !content.end) {
                end.set_value(start.get_value());
                if (typeof content.duration != 'undefined')
                    end.set_value("+" + content.duration);
            }
        }
        this.edit_update_participant(start);
    };
    /**
     * Update query parameters for participants
     *
     * This allows for resource conflict checking
     *
     * @param {DOMNode|et2_widget} input Either the input node, or the widget
     * @param {et2_widget} [widget] If input is an input node, widget will have
     *	the widget, otherwise it will be undefined.
     */
    CalendarApp.prototype.edit_update_participant = function (input, widget) {
        if (typeof widget === 'undefined')
            widget = input;
        var content = widget.getInstanceManager().getValues(widget.getRoot());
        var participant = widget.getRoot().getWidgetById('participant');
        if (!participant)
            return;
        participant.set_autocomplete_params({ exec: {
                start: content.start,
                end: content.end,
                duration: content.duration,
                whole_day: content.whole_day,
            } });
    };
    /**
     * handles actions selectbox in calendar edit popup
     *
     * @param {mixed} _event
     * @param {et2_base_widget} widget "actions selectBox" in edit popup window
     */
    CalendarApp.prototype.actions_change = function (_event, widget) {
        var event = this.et2.getArrayMgr('content').data;
        if (widget) {
            var id = this.et2.getArrayMgr('content').data['id'];
            switch (widget.get_value()) {
                case 'print':
                    this.egw.open_link('calendar.calendar_uiforms.edit&cal_id=' + id + '&print=1', '_blank', '700x700');
                    break;
                case 'mail':
                    this.egw.json('calendar.calendar_uiforms.ajax_custom_mail', [event, !event['id'], false], null, null, null, null).sendRequest();
                    this.et2._inst.submit();
                    break;
                case 'sendrequest':
                    this.egw.json('calendar.calendar_uiforms.ajax_custom_mail', [event, !event['id'], true], null, null, null, null).sendRequest();
                    this.et2._inst.submit();
                    break;
                case 'infolog':
                    this.egw.open_link('infolog.infolog_ui.edit&action=calendar&action_id=' + (jQuery.isPlainObject(event) ? event['id'] : event), '_blank', '700x600', 'infolog');
                    this.et2._inst.submit();
                    break;
                case 'ical':
                    this.et2._inst.postSubmit();
                    break;
                default:
                    this.et2._inst.submit();
            }
        }
    };
    /**
     * open mail compose popup window
     *
     * @param {Array} vars
     * @todo need to provide right mail compose from server to custom_mail function
     */
    CalendarApp.prototype.custom_mail = function (vars) {
        this.egw.open_link(this.egw.link("/index.php", vars), '_blank', '700x700');
    };
    /**
     * control delete_series popup visibility
     *
     * @param {et2_widget} widget
     * @param {Array} exceptions an array contains number of exception entries
     *
     */
    CalendarApp.prototype.delete_btn = function (widget, exceptions) {
        var content = this.et2.getArrayMgr('content').data;
        if (exceptions) {
            var buttons = [
                {
                    button_id: 'keep',
                    title: this.egw.lang('All exceptions are converted into single events.'),
                    text: this.egw.lang('Keep exceptions'),
                    id: 'button[delete_keep_exceptions]',
                    image: 'keep', "default": true
                },
                {
                    button_id: 'delete',
                    title: this.egw.lang('The exceptions are deleted together with the series.'),
                    text: this.egw.lang('Delete exceptions'),
                    id: 'button[delete_exceptions]',
                    image: 'delete'
                },
                {
                    button_id: 'cancel',
                    text: this.egw.lang('Cancel'),
                    id: 'dialog[cancel]',
                    image: 'cancel'
                }
            ];
            var self = this;
            et2_widget_dialog_1.et2_dialog.show_dialog(function (_button_id) {
                if (_button_id != 'dialog[cancel]') {
                    widget.getRoot().getWidgetById('delete_exceptions').set_value(_button_id == 'button[delete_exceptions]');
                    widget.getInstanceManager().submit('button[delete]');
                    return true;
                }
                else {
                    return false;
                }
            }, this.egw.lang("Do you want to keep the series exceptions in your calendar?"), this.egw.lang("This event is part of a series"), {}, buttons, et2_widget_dialog_1.et2_dialog.WARNING_MESSAGE);
        }
        else if (content['recur_type'] !== 0) {
            et2_widget_dialog_1.et2_dialog.confirm(widget, 'Delete this series of recurring events', 'Delete Series');
        }
        else {
            et2_widget_dialog_1.et2_dialog.confirm(widget, 'Delete this event', 'Delete');
        }
    };
    /**
     * On change participant event, try to set add button status based on
     * participant field value. Additionally, disable/enable quantity field
     * if there's none resource value or there are more than one resource selected.
     *
     */
    CalendarApp.prototype.participantOnChange = function () {
        var add = this.et2.getWidgetById('add');
        var quantity = this.et2.getWidgetById('quantity');
        var participant = this.et2.getWidgetById('participant');
        // array of participants
        var value = participant.get_value();
        add.set_readonly(value.length <= 0);
        quantity.set_readonly(false);
        // number of resources
        var nRes = 0;
        for (var i = 0; i < value.length; i++) {
            if (!value[i].match(/\D/ig) || nRes) {
                quantity.set_readonly(true);
                quantity.set_value(1);
            }
            nRes++;
        }
    };
    /**
     * print_participants_status(egw,widget)
     * Handle to apply changes from status in print popup
     *
     * @param {mixed} _event
     * @param {et2_base_widget} widget widget "status" in print popup window
     *
     */
    CalendarApp.prototype.print_participants_status = function (_event, widget) {
        if (widget && window.opener) {
            //Parent popup window
            var editPopWindow = window.opener;
            if (editPopWindow) {
                //Update paretn popup window
                editPopWindow.etemplate2.getByApplication('calendar')[0].widgetContainer.getWidgetById(widget.id).set_value(widget.get_value());
            }
            this.et2._inst.submit();
            editPopWindow.opener.egw_refresh('status changed', 'calendar');
        }
        else if (widget) {
            window.egw_refresh(this.egw.lang('The original popup edit window is closed! You need to close the print window and reopen the entry again.'), 'calendar');
        }
    };
    /**
     * Handles to select freetime, and replace the selected one on Start,
     * and End date&time in edit calendar entry popup.
     *
     * @param {mixed} _event
     * @param {et2_base_widget} _widget widget "select button" in freetime search popup window
     *
     */
    CalendarApp.prototype.freetime_select = function (_event, _widget) {
        if (_widget) {
            var content = this.et2._inst.widgetContainer.getArrayMgr('content').data;
            // Make the Id from selected button by checking the index
            var selectedId = _widget.id.match(/^select\[([0-9])\]$/i)[1];
            var sTime = this.et2.getWidgetById(selectedId + 'start');
            //check the parent window is still open before to try to access it
            if (window.opener && sTime) {
                var editWindowObj = window.opener.etemplate2.getByApplication('calendar')[0];
                if (typeof editWindowObj != "undefined") {
                    var startTime = editWindowObj.widgetContainer.getWidgetById('start');
                    var endTime = editWindowObj.widgetContainer.getWidgetById('end');
                    if (startTime && endTime) {
                        startTime.set_value(sTime.get_value());
                        endTime.set_value(sTime.get_value());
                        endTime.set_value('+' + content['duration']);
                    }
                }
            }
            else {
                alert(this.egw.lang('The original calendar edit popup is closed!'));
            }
        }
        egw(window).close();
    };
    /**
     * show/hide the filter of nm list in calendar listview
     *
     */
    CalendarApp.prototype.filter_change = function () {
        var view = CalendarApp.views['listview'].etemplates[0].widgetContainer || null;
        var nm = view ? view.getWidgetById('nm') : null;
        var filter = view && nm ? nm.getWidgetById('filter') : null;
        var dates = view ? view.getWidgetById('calendar.list.dates') : null;
        // Update state when user changes it
        if (view && filter) {
            app.calendar.state.filter = filter.getValue();
            // Change sort order for before - this is just the UI, server does the query
            if (app.calendar.state.filter == 'before') {
                nm.sortBy('cal_start', false, false);
            }
            else {
                nm.sortBy('cal_start', true, false);
            }
        }
        else {
            delete app.calendar.state.filter;
        }
        if (filter && dates) {
            dates.set_disabled(filter.getValue() !== "custom");
            if (filter.getValue() == "custom" && !this.state_update_in_progress) {
                // Copy state dates over, without causing [another] state update
                var actual = this.state_update_in_progress;
                this.state_update_in_progress = true;
                view.getWidgetById('startdate').set_value(app.calendar.state.first);
                view.getWidgetById('enddate').set_value(app.calendar.state.last);
                this.state_update_in_progress = actual;
                jQuery(view.getWidgetById('startdate').getDOMNode()).find('input').focus();
            }
        }
    };
    /**
     * Application links from non-list events
     *
     * The ID looks like calendar::<id> or calendar::<id>:<recurrence_date>
     * For processing the links:
     *	'$app' gets replaced with 'calendar'
     *	'$id' gets replaced with <id>
     *	'$app_id gets replaced with <id>:<recurrence_date>
     *
     * Use either $id or $app_id depending on if you want the series [beginning]
     * or a particular date.
     *
     * @param {egwAction} _action
     * @param {egwActionObject[]} _events
     */
    CalendarApp.prototype.action_open = function (_action, _events) {
        var id = _events[0].id.split('::');
        var app = id[0];
        var app_id = id[1];
        if (app_id && app_id.indexOf(':')) {
            var split = id[1].split(':');
            id = split[0];
        }
        else {
            id = app_id;
        }
        if (_action.data.open) {
            var open = JSON.parse(_action.data.open) || {};
            var extra = open.extra || '';
            extra = extra.replace(/(\$|%24)app/, app).replace(/(\$|%24)app_id/, app_id)
                .replace(/(\$|%24)id/, id);
            // Get a little smarter with the context
            if (!extra) {
                var context = {};
                if (egw.dataGetUIDdata(_events[0].id) && egw.dataGetUIDdata(_events[0].id).data) {
                    // Found data in global cache
                    context = egw.dataGetUIDdata(_events[0].id).data;
                    extra = {};
                }
                else if (_events[0].iface.getWidget() && _events[0].iface.getWidget()._get_time_from_position &&
                    _action.menu_context && _action.menu_context.event) {
                    // Non-row space in planner
                    // Context menu has position information, but target is not what we expact
                    var target = jQuery('.calendar_plannerGrid', _action.menu_context.event.currentTarget);
                    var y = _action.menu_context.event.pageY - target.offset().top;
                    var x = _action.menu_context.event.pageX - target.offset().left;
                    var date = _events[0].iface.getWidget()._get_time_from_position(x, y);
                    if (date) {
                        context.start = date.toJSON();
                    }
                }
                else if (_events[0].iface.getWidget() && _events[0].iface.getWidget().instanceOf(et2_widget_planner_row_1.et2_calendar_planner_row)) {
                    // Empty space on a planner row
                    var widget = _events[0].iface.getWidget();
                    var parent = widget.getParent();
                    if (parent.options.group_by == 'month') {
                        var date = parent._get_time_from_position(_action.menu_context.event.clientX, _action.menu_context.event.clientY);
                    }
                    else {
                        var date = parent._get_time_from_position(_action.menu_context.event.offsetX, _action.menu_context.event.offsetY);
                    }
                    if (date) {
                        context.start = date.toJSON();
                    }
                    jQuery.extend(context, widget.getDOMNode().dataset);
                }
                else if (_events[0].iface.getWidget() && _events[0].iface.getWidget().instanceOf(et2_core_valueWidget_1.et2_valueWidget)) {
                    // Able to extract something from the widget
                    context = _events[0].iface.getWidget().getValue ?
                        _events[0].iface.getWidget().getValue() :
                        _events[0].iface.getWidget().options.value || {};
                    extra = {};
                }
                // Try to pull whatever we can from the event
                else if (jQuery.isEmptyObject(context) && _action.menu_context && (_action.menu_context.event.target)) {
                    var target = _action.menu_context.event.target;
                    while (target != null && target.parentNode && jQuery.isEmptyObject(target.dataset)) {
                        target = target.parentNode;
                    }
                    context = extra = jQuery.extend({}, target.dataset);
                    var owner = jQuery(target).closest('[data-owner]').get(0);
                    if (owner && owner.dataset.owner && owner.dataset.owner != this.state.owner) {
                        extra.owner = owner.dataset.owner.split(',');
                    }
                }
                if (context.date)
                    extra.date = context.date;
                if (context.app)
                    extra.app = context.app;
                if (context.app_id)
                    extra.app_id = context.app_id;
            }
            this.egw.open(open.id_data || '', open.app, open.type, extra ? extra : context);
        }
        else if (_action.data.url) {
            var url = _action.data.url;
            url = url.replace(/(\$|%24)app/, app).replace(/(\$|%24)app_id/, app_id)
                .replace(/(\$|%24)id/, id);
            this.egw.open_link(url);
        }
    };
    /**
     * Context menu action (on a single event) in non-listview to generate ical
     *
     * Since nextmatch is all ready to handle that, we pass it through
     *
     * @param {egwAction} _action
     * @param {egwActionObject[]} _events
     */
    CalendarApp.prototype.ical = function (_action, _events) {
        // Send it through nextmatch
        _action.data.nextmatch = etemplate2_1.etemplate2.getById('calendar-list').widgetContainer.getWidgetById('nm');
        var ids = { ids: [] };
        for (var i = 0; i < _events.length; i++) {
            ids.ids.push(_events[i].id);
        }
        nm_action(_action, _events, null, ids);
    };
    /**
     * Change status (via AJAX)
     *
     * @param {egwAction} _action
     * @param {egwActionObject} _events
     */
    CalendarApp.prototype.status = function (_action, _events) {
        // Should be a single event, but we'll do it for all
        for (var i = 0; i < _events.length; i++) {
            var event_widget = _events[i].iface.getWidget() || false;
            if (!event_widget)
                continue;
            event_widget.recur_prompt(jQuery.proxy(function (button_id, event_data) {
                switch (button_id) {
                    case 'exception':
                        egw().json('calendar.calendar_uiforms.ajax_status', [event_data.app_id, egw.user('account_id'), _action.data.id]).sendRequest(true);
                        break;
                    case 'series':
                    case 'single':
                        egw().json('calendar.calendar_uiforms.ajax_status', [event_data.id, egw.user('account_id'), _action.data.id]).sendRequest(true);
                        break;
                    case 'cancel':
                    default:
                        break;
                }
            }, this));
        }
    };
    /**
     * this function try to fix ids which are from integrated apps
     *
     * @param {egwAction} _action
     * @param {egwActionObject[]} _senders
     */
    CalendarApp.prototype.cal_fix_app_id = function (_action, _senders) {
        var app = 'calendar';
        var id = _senders[0].id;
        var matches = id.match(/^(?:calendar::)?([0-9]+)(:([0-9]+))?$/);
        if (matches) {
            id = matches[1];
        }
        else {
            matches = id.match(/^([a-z_-]+)([0-9]+)/i);
            if (matches) {
                app = matches[1];
                id = matches[2];
            }
        }
        var backup_url = _action.data.url;
        _action.data.url = _action.data.url.replace(/(\$|%24)id/, id);
        _action.data.url = _action.data.url.replace(/(\$|%24)app/, app);
        nm_action(_action, _senders, false, { ids: [id] });
        _action.data.url = backup_url; // restore url
    };
    /**
     * Open a smaller dialog/popup to add a new entry
     *
     * This is opened inside a dialog widget, not a popup.  This causes issues
     * with the submission, handling of the response, and cleanup.
     *
     * @param {Object} options Array of values for new
     * @param {et2_calendar_event} event Placeholder showing where new event goes
     */
    CalendarApp.prototype.add = function (options, event) {
        if (this.egw.preference('new_event_dialog', 'calendar') === 'edit') {
            // Set this to open the add template in a popup
            //options.template = 'calendar.add';
            return this.egw.open(null, 'calendar', 'edit', options, '_blank', 'calendar');
        }
        // Hold on to options, may have to pass them into edit (rather than all, just send what the programmer wanted)
        this.quick_add = options;
        // Open dialog to use as target
        var add_dialog = et2_widget_dialog_1.et2_dialog.show_dialog(null, '', ' ', null, [], et2_widget_dialog_1.et2_dialog.PLAIN_MESSAGE, this.egw);
        // Call the server, get it into the dialog
        options = jQuery.extend({ menuaction: 'calendar.calendar_uiforms.ajax_add', template: 'calendar.add' }, options);
        this.egw.json(this.egw.link('/json.php', options), 
        //menuaction + options.join('&'),
        [options], function (data) {
            if (data.type)
                return false;
            var content = {
                html: data[0],
                js: ''
            };
            egw_seperateJavaScript(content);
            // Check for right template in the response
            if (content.html.indexOf('calendar-add') <= 0)
                return false;
            // Insert the content
            jQuery(add_dialog.div).append(content.html);
            // Run the javascript code
            jQuery(add_dialog.div).append(content.js);
            // Re-position after load
            jQuery('form', add_dialog.div).one('load', function () {
                // Hide close button
                jQuery(".ui-dialog-titlebar-close", add_dialog.div.parent()).hide();
                // Position by event
                add_dialog.div.dialog('widget').position({
                    my: 'center top', at: event ? 'bottom' : 'center', of: event ? event.node : window,
                    collision: 'flipfit'
                });
            });
        }).sendRequest();
        add_dialog.div.dialog({
            close: function (ev, ui) {
                // Wait a bit to make sure etemplate button finishes processing, or it will error
                window.setTimeout(function () {
                    var template = etemplate2_1.etemplate2.getById('calendar-add');
                    if (template && template.name === 'calendar.add') {
                        template.clear();
                        this.dialog.destroy();
                        delete app.calendar.quick_add;
                    }
                    else if (template || (template = etemplate2_1.etemplate2.getById("calendar-conflicts"))) {
                        // Open conflicts
                        var data = jQuery.extend({ menuaction: 'calendar.calendar_uiforms.ajax_conflicts' }, template.widgetContainer.getArrayMgr('content').data, app.calendar.quick_add);
                        egw.openPopup(egw.link('/index.php', data), 850, 300, 'conflicts', 'calendar');
                        delete app.calendar.quick_add;
                        // Close the JS dialog
                        this.dialog.destroy();
                        // Do not submit this etemplate
                        return false;
                    }
                }.bind({ dialog: add_dialog, event: ev }), 1000);
            }
        });
    };
    /**
     * Callback for save button in add dialog
     *
     * @param {Event} event
     * @param {et2_button} widget
     * @returns {Boolean}
     */
    CalendarApp.prototype.add_dialog_save = function (event, widget) {
        // Include all sent values so we can pass on things that we don't have UI widgets for
        this.quick_add = this._add_dialog_values(widget);
        // Close the dialog
        jQuery(widget.getInstanceManager().DOMContainer.parentNode).dialog('close');
        // Mess with opener so update opener in response works
        window.opener = window;
        window.setTimeout(function () { window.opener = null; }, 1000);
        // Proceed with submit
        return true;
    };
    /**
     * Callback for edit button in add dialog
     *
     * @param {Event} event
     * @param {et2_button} widget
     * @returns {Boolean}
     */
    CalendarApp.prototype.add_dialog_edit = function (event, widget) {
        var title = widget.getRoot().getWidgetById('title');
        if (title && !title.get_value()) {
            title.set_value(title.egw().lang('Event'));
        }
        var options = jQuery.extend(this._add_dialog_values(widget), this.quick_add);
        // Open regular edit
        egw.open(null, 'calendar', 'edit', options);
        // Close the dialog
        jQuery(widget.getInstanceManager().DOMContainer.parentNode).dialog('close');
        // Do not submit this etemplate
        return false;
    };
    /**
     * Include some additional values so we can pass on things that we don't have
     * UI widgets for in the add template
     *
     * @param {et2_widget} widget
     * @returns {Object}
     */
    CalendarApp.prototype._add_dialog_values = function (widget) {
        // Some select things to pass on, since not everything will fit
        var mgr = widget.getRoot().getArrayMgr('content');
        var values = {
            owner: typeof mgr.getEntry('owner') == 'object' ? mgr.getEntry('owner') : (mgr.getEntry('owner') + '').split(','),
            participants: [],
            whole_day: mgr.getEntry('whole_day')
        };
        if (mgr.getEntry('link_to') && typeof mgr.getEntry('link_to').to_id === 'object') {
            var links = mgr.getEntry('link_to').to_id;
            values.link_app = [];
            values.link_id = [];
            for (var id in links) {
                values.link_app.push(links[id].app);
                values.link_id.push(links[id].id);
            }
        }
        for (var id in mgr.getEntry('participants')) {
            var participant = mgr.getEntry('participants')[id];
            if (participant && participant.uid) {
                values.participants.push(participant.uid);
            }
        }
        var send = jQuery.extend(values, widget.getInstanceManager().getValues(widget.getRoot()));
        // Don't need the checkbox
        delete send.new_event_dialog;
        return send;
    };
    /**
     * Open calendar entry, taking into accout the calendar integration of other apps
     *
     * calendar_uilist::get_rows sets var js_calendar_integration object
     *
     * @param _action
     * @param _senders
     *
     */
    CalendarApp.prototype.cal_open = function (_action, _senders) {
        // Try for easy way - find a widget
        if (_senders[0].iface.getWidget) {
            var widget = _senders[0].iface.getWidget();
            return widget.recur_prompt();
        }
        // Nextmatch in list view does not have a widget, but we can pull
        // the data by ID
        // Check for series
        var id = _senders[0].id;
        var data = egw.dataGetUIDdata(id);
        if (data && data.data) {
            et2_widget_event_1.et2_calendar_event.recur_prompt(data.data);
            return;
        }
        var matches = id.match(/^(?:calendar::)?([0-9]+):([0-9]+)$/);
        // Check for other app integration data sent from server
        var backup = _action.data;
        if (_action.parent.data && _action.parent.data.nextmatch) {
            var js_integration_data = _action.parent.data.nextmatch.options.settings.js_integration_data || this.et2.getArrayMgr('content').data.nm.js_integration_data;
            if (typeof js_integration_data == 'string') {
                js_integration_data = JSON.parse(js_integration_data);
            }
        }
        matches = id.match(/^calendar::([a-z_-]+)([0-9]+)/i);
        if (matches && js_integration_data && js_integration_data[matches[1]]) {
            var app = matches[1];
            _action.data.url = window.egw_webserverUrl + '/index.php?';
            var get_params = js_integration_data[app].edit;
            get_params[js_integration_data[app].edit_id] = matches[2];
            for (var name in get_params)
                _action.data.url += name + "=" + encodeURIComponent(get_params[name]) + "&";
            if (js_integration_data[app].edit_popup) {
                egw.open_link(_action.data.url, '_blank', js_integration_data[app].edit_popup, app);
                _action.data = backup; // restore url, width, height, nm_action
                return;
            }
        }
        else {
            // Other app integration using link registry
            var data = egw.dataGetUIDdata(_senders[0].id);
            if (data && data.data) {
                return egw.open(data.data.app_id, data.data.app, 'edit');
            }
        }
        // Regular, single event
        egw.open(id.replace(/^calendar::/g, ''), 'calendar', 'edit');
    };
    /**
     * Delete (a single) calendar entry over ajax.
     *
     * Used for the non-list views
     *
     * @param {egwAction} _action
     * @param {egwActionObject} _events
     */
    CalendarApp.prototype.delete = function (_action, _events) {
        // Should be a single event, but we'll do it for all
        for (var i = 0; i < _events.length; i++) {
            var event_widget = _events[i].iface.getWidget() || false;
            if (!event_widget)
                continue;
            event_widget.recur_prompt(jQuery.proxy(function (button_id, event_data) {
                switch (button_id) {
                    case 'exception':
                        egw().json('calendar.calendar_uiforms.ajax_delete', [event_data.app_id]).sendRequest(true);
                        break;
                    case 'series':
                    case 'single':
                        egw().json('calendar.calendar_uiforms.ajax_delete', [event_data.id]).sendRequest(true);
                        break;
                    case 'cancel':
                    default:
                        break;
                }
            }, this));
        }
    };
    /**
     * Delete calendar entry, asking if you want to delete series or exception
     *
     * Used for nextmatch
     *
     * @param _action
     * @param _senders
     */
    CalendarApp.prototype.cal_delete = function (_action, _senders) {
        var _a, _b;
        var all = (_a = _action.parent.data.nextmatch) === null || _a === void 0 ? void 0 : _a.getSelection().all;
        var no_notifications = (_b = _action.parent.getActionById("no_notifications")) === null || _b === void 0 ? void 0 : _b.checked;
        var matches = false;
        var ids = [];
        var cal_event = this.egw.dataGetUIDdata(_senders[0].id);
        // Loop so we ask if any of the selected entries is part of a series
        for (var i = 0; i < _senders.length; i++) {
            var id = _senders[i].id;
            if (!matches) {
                matches = id.match(/^(?:calendar::)?([0-9]+):([0-9]+)$/);
            }
            ids.push(id.split("::").pop());
        }
        if (matches) {
            // At least one event is a series, use its data to trigger the prompt
            var cal_event_1 = this.egw.dataGetUIDdata(matches[0]);
        }
        et2_widget_event_1.et2_calendar_event.recur_prompt(cal_event.data, function (button_id, event_data) {
            switch (button_id) {
                case 'single':
                case 'exception':
                    // Just this one, handle in the normal way but over AJAX
                    egw.json("calendar.calendar_uilist.ajax_action", [_action.id, ids, all, no_notifications]).sendRequest(true);
                    break;
                case 'series':
                    // No recurrences, handle in the normal way but over AJAX
                    egw.json("calendar.calendar_uilist.ajax_action", ["delete_series", ids, all, no_notifications]).sendRequest(true);
                    break;
                case 'cancel':
                default:
                    break;
            }
        }.bind(this));
    };
    /**
     * Confirmation dialog for moving a series entry
     *
     * @param {object} _DOM
     * @param {et2_widget} _button button Save | Apply
     */
    CalendarApp.prototype.move_edit_series = function (_DOM, _button) {
        var content = this.et2.getArrayMgr('content').data;
        var start_date = this.et2.getWidgetById('start').get_value();
        var end_date = this.et2.getWidgetById('end').get_value();
        var whole_day = this.et2.getWidgetById('whole_day');
        var duration = '' + this.et2.getWidgetById('duration').get_value();
        var is_whole_day = whole_day && whole_day.get_value() == whole_day.options.selected_value;
        var button = _button;
        var that = this;
        var instance_date_regex = window.location.search.match(/date=(\d{4}-\d{2}-\d{2}(?:.+Z)?)/);
        var instance_date;
        if (instance_date_regex && instance_date_regex.length && instance_date_regex[1]) {
            instance_date = new Date(unescape(instance_date_regex[1]));
            instance_date.setUTCMinutes(instance_date.getUTCMinutes() + instance_date.getTimezoneOffset());
        }
        if (typeof content != 'undefined' && content.id != null &&
            typeof content.recur_type != 'undefined' && content.recur_type != null && content.recur_type != 0) {
            if (content.start != start_date ||
                content.whole_day != is_whole_day ||
                (duration && '' + content.duration != duration ||
                    // End date might ignore seconds, and be 59 seconds off for all day events
                    !duration && Math.abs(new Date(end_date) - new Date(content.end)) > 60000)) {
                et2_widget_event_1.et2_calendar_event.series_split_prompt(content, instance_date, function (_button_id) {
                    if (_button_id == et2_widget_dialog_1.et2_dialog.OK_BUTTON) {
                        that.et2.getInstanceManager().submit(button);
                    }
                });
            }
            else {
                return true;
            }
        }
        else {
            return true;
        }
    };
    /**
     * Send a mail  or meeting request to event participants
     *
     * @param {egwAction} _action
     * @param {egwActionObject[]} _selected
     */
    CalendarApp.prototype.action_mail = function (_action, _selected) {
        var data = egw.dataGetUIDdata(_selected[0].id) || { data: {} };
        var event = data.data;
        this.egw.json('calendar.calendar_uiforms.ajax_custom_mail', [event, false, _action.id === 'sendrequest'], null, null, null, null).sendRequest();
    };
    /**
     * Insert selected event(s) into a document
     *
     * Actually, just pass it off to the nextmatch
     *
     * @param {egwAction} _action
     * @param {egwActionObject[]} _selected
     */
    CalendarApp.prototype.action_merge = function (_action, _selected) {
        var ids = { ids: [] };
        for (var i = 0; i < _selected.length; i++) {
            ids.ids.push(_selected[i].id);
        }
        nm_action(egw_getActionManager(this.appname, false, 1)
            .getActionById('nm').getActionById(_action.id), _selected, null, ids);
    };
    /**
     * Sidebox merge
     *
     * Manage the state and pass the request to the correct place.  Since the nextmatch
     * and the sidebox have different ideas of the 'current' timespan (sidebox
     * always has a start and end date) we need to call merge on the nextmatch
     * if the current view is listview, so the user gets the results they expect.
     *
     * @param {Event} event UI event
     * @param {et2_widget} widget Should be the merge selectbox
     */
    CalendarApp.prototype.sidebox_merge = function (event, widget) {
        if (!widget || !widget.getValue())
            return false;
        if (this.state.view == 'listview') {
            // If user is looking at the list, pretend they used the context
            // menu and process it through the nextmatch
            var nm = etemplate2_1.etemplate2.getById('calendar-list').widgetContainer.getWidgetById('nm') || false;
            var selected = nm ? nm.controller._objectManager.getSelectedLinks() : [];
            var action = nm.controller._actionManager.getActionById('document_' + widget.getValue());
            if (nm && (!selected || !selected.length)) {
                nm.controller._selectionMgr.selectAll(true);
            }
            if (action && selected) {
                action.execute(selected);
            }
        }
        else {
            // Set the hidden inputs to the current time span & submit
            widget.getRoot().getWidgetById('first').set_value(app.calendar.state.first);
            widget.getRoot().getWidgetById('last').set_value(app.calendar.state.last);
            if (widget.getRoot().getArrayMgr('content').getEntry('collabora_enabled')) {
                widget.getInstanceManager().submit();
            }
            else {
                widget.getInstanceManager().postSubmit();
                window.setTimeout(function () { widget.set_value(''); }, 100);
            }
        }
        return false;
    };
    /**
     * Method to set state for JSON requests (jdots ajax_exec or et2 submits can NOT use egw.js script tag)
     *
     * @param {object} _state
     */
    CalendarApp.prototype.set_state = function (_state) {
        if (typeof _state == 'object') {
            // If everything is loaded, handle the changes
            if (this.sidebox_et2 !== null) {
                this.update_state(_state);
            }
            else {
                // Things aren't loaded yet, just set it
                this.state = _state;
            }
        }
    };
    /**
     * Change only part of the current state.
     *
     * The passed state options (filters) are merged with the current state, so
     * this is the one that should be used for most calls, as setState() requires
     * the complete state.
     *
     * @param {Object} _set New settings
     */
    CalendarApp.prototype.update_state = function (_set) {
        // Make sure we're running in top window
        // @ts-ignore
        if (window !== window.top && window.top.app.calendar) {
            // @ts-ignore
            return window.top.app.calendar.update_state(_set);
        }
        if (this.state_update_in_progress)
            return;
        var changed = [];
        var new_state = jQuery.extend({}, this.state);
        if (typeof _set === 'object') {
            for (var s in _set) {
                if (new_state[s] !== _set[s] && (typeof new_state[s] == 'string' || typeof new_state[s] !== 'string' && new_state[s] + '' !== _set[s] + '')) {
                    changed.push(s + ': ' + new_state[s] + ' -> ' + _set[s]);
                    new_state[s] = _set[s];
                }
            }
        }
        if (changed.length && !this.state_update_in_progress) {
            // This activates calendar app if you call setState from a different app
            // such as home.  If we change state while not active, sizing is wrong.
            if (typeof framework !== 'undefined' && framework.applications.calendar && framework.applications.calendar.hasSideboxMenuContent) {
                framework.setActiveApp(framework.applications.calendar);
            }
            console.log('Calendar state changed', changed.join("\n"));
            // Log
            this.egw.debug('navigation', 'Calendar state changed', changed.join("\n"));
            this.setState({ state: new_state });
        }
    };
    /**
     * Return state object defining current view
     *
     * Called by favorites to query current state.
     *
     * @return {object} description
     */
    CalendarApp.prototype.getState = function () {
        var state = jQuery.extend({}, this.state);
        if (!state) {
            var egw_script_tag = document.getElementById('egw_script_id');
            state = egw_script_tag.getAttribute('data-calendar-state');
            state = state ? JSON.parse(state) : {};
        }
        // Don't store current user in state to allow admins to create favourites for all
        // Should make no difference for normal users.
        if (state.owner == egw.user('account_id')) {
            // 0 is always the current user, so if an admin creates a default favorite,
            // it will work for other users too.
            state.owner = 0;
        }
        // Keywords are only for list view
        if (state.view == 'listview') {
            var listview = typeof CalendarApp.views.listview.etemplates[0] !== 'string' &&
                CalendarApp.views.listview.etemplates[0].widgetContainer &&
                CalendarApp.views.listview.etemplates[0].widgetContainer.getWidgetById('nm');
            if (listview && listview.activeFilters && listview.activeFilters.search) {
                state.keywords = listview.activeFilters.search;
            }
        }
        // Don't store date or first and last
        delete state.date;
        delete state.first;
        delete state.last;
        delete state.startdate;
        delete state.enddate;
        delete state.start_date;
        delete state.end_date;
        return state;
    };
    /**
     * Set a state previously returned by getState
     *
     * Called by favorites to set a state saved as favorite.
     *
     * @param {object} state containing "name" attribute to be used as "favorite" GET parameter to a nextmatch
     */
    CalendarApp.prototype.setState = function (state) {
        // State should be an object, not a string, but we'll parse
        if (typeof state == "string") {
            if (state.indexOf('{') != -1 || state == 'null') {
                state = JSON.parse(state);
            }
        }
        if (typeof state.state !== 'object' || !state.state.view) {
            state.state = { view: 'week' };
        }
        // States with no name (favorites other than No filters) default to
        // today.  Applying a favorite should keep the current date.
        if (!state.state.date) {
            state.state.date = state.name ? this.state.date : new Date();
        }
        if (typeof state.state.weekend == 'undefined') {
            state.state.weekend = true;
        }
        // Hide other views
        var view = CalendarApp.views[state.state.view];
        for (var _view in CalendarApp.views) {
            if (state.state.view != _view && CalendarApp.views[_view]) {
                for (var i = 0; i < CalendarApp.views[_view].etemplates.length; i++) {
                    if (typeof CalendarApp.views[_view].etemplates[i] !== 'string' &&
                        view.etemplates.indexOf(CalendarApp.views[_view].etemplates[i]) == -1) {
                        jQuery(CalendarApp.views[_view].etemplates[i].DOMContainer).hide();
                    }
                }
            }
        }
        if (this.sidebox_et2) {
            jQuery(this.sidebox_et2.getInstanceManager().DOMContainer).hide();
        }
        // Check for valid cache
        var cachable_changes = ['date', 'weekend', 'view', 'days', 'planner_view', 'sortby'];
        // @ts-ignore
        var keys = (Object.keys(this.state).concat(Object.keys(state.state))).filter(function (value, index, self) {
            return self.indexOf(value) === index;
        });
        for (var i = 0; i < keys.length; i++) {
            var s = keys[i];
            if (this.state[s] !== state.state[s]) {
                if (cachable_changes.indexOf(s) === -1) {
                    // Expire daywise cache
                    var daywise = egw.dataKnownUIDs(CalendarApp.DAYWISE_CACHE_ID);
                    // Can't delete from here, as that would disconnect the existing widgets listening
                    for (var i = 0; i < daywise.length; i++) {
                        egw.dataStoreUID(CalendarApp.DAYWISE_CACHE_ID + '::' + daywise[i], null);
                    }
                    break;
                }
            }
        }
        // Check for a supported client-side view
        if (CalendarApp.views[state.state.view] &&
            // Check that the view is instanciated
            typeof CalendarApp.views[state.state.view].etemplates[0] !== 'string' && CalendarApp.views[state.state.view].etemplates[0].widgetContainer) {
            // Doing an update - this includes the selected view, and the sidebox
            // We set a flag to ignore changes from the sidebox which would
            // cause infinite loops.
            this.state_update_in_progress = true;
            // Sanitize owner so it's always an array
            if (state.state.owner === null || !state.state.owner ||
                (typeof state.state.owner.length != 'undefined' && state.state.owner.length == 0)) {
                state.state.owner = undefined;
            }
            switch (typeof state.state.owner) {
                case 'undefined':
                    state.state.owner = [this.egw.user('account_id')];
                    break;
                case 'string':
                    state.state.owner = state.state.owner.split(',');
                    break;
                case 'number':
                    state.state.owner = [state.state.owner];
                    break;
                case 'object':
                    // An array-like Object or an Array?
                    if (!state.state.owner.filter) {
                        state.state.owner = jQuery.map(state.state.owner, function (owner) { return owner; });
                    }
            }
            // Remove duplicates
            state.state.owner = state.state.owner.filter(function (value, index, self) {
                return self.indexOf(value) === index;
            });
            // Make sure they're all strings
            state.state.owner = state.state.owner.map(function (owner) { return '' + owner; });
            if (state.state.owner.indexOf('0') >= 0) {
                state.state.owner[state.state.owner.indexOf('0')] = this.egw.user('account_id');
            }
            // Show the correct number of grids
            var grid_count = 0;
            switch (state.state.view) {
                case 'day':
                    grid_count = 1;
                    break;
                case 'day4':
                case 'week':
                    grid_count = state.state.owner.length >= parseInt('' + this.egw.preference('week_consolidate', 'calendar')) ? 1 : state.state.owner.length;
                    break;
                case 'weekN':
                    grid_count = parseInt('' + this.egw.preference('multiple_weeks', 'calendar')) || 3;
                    break;
                // Month is calculated individually for the month
            }
            var grid = view.etemplates[0].widgetContainer.getWidgetById('view');
            // Show the templates for the current view
            // Needs to be visible while updating so sizing works
            for (var i = 0; i < view.etemplates.length; i++) {
                jQuery(view.etemplates[i].DOMContainer).show();
            }
            /*
            If the count is different, we need to have the correct number
            If the count is > 1, it's either because there are multiple date spans (weekN, month) and we need the correct span
            per row, or there are multiple owners and we need the correct owner per row.
            */
            if (grid) {
                // Show loading div to hide redrawing
                egw.loading_prompt(this.appname, true, egw.lang('please wait...'), typeof framework !== 'undefined' ? framework.applications.calendar.tab.contentDiv : false, egwIsMobile() ? 'horizontal' : 'spinner');
                var loading = false;
                var value = [];
                state.state.first = view.start_date(state.state).toJSON();
                // We'll modify this one, so it needs to be a new object
                var date = new Date(state.state.first);
                // Hide all but the first day header
                jQuery(grid.getDOMNode()).toggleClass('hideDayColHeader', state.state.view == 'week' || state.state.view == 'day4');
                // Determine the different end date & varying values
                switch (state.state.view) {
                    case 'month':
                        var end = state.state.last = view.end_date(state.state);
                        grid_count = Math.ceil((end - date.valueOf()) / (1000 * 60 * 60 * 24) / 7);
                    // fall through
                    case 'weekN':
                        for (var week = 0; week < grid_count; week++) {
                            var val = {
                                id: CalendarApp._daywise_cache_id(date, state.state.owner),
                                start_date: date.toJSON(),
                                end_date: new Date(date.toJSON()),
                                owner: state.state.owner
                            };
                            val.end_date.setUTCHours(24 * 7 - 1);
                            val.end_date.setUTCMinutes(59);
                            val.end_date.setUTCSeconds(59);
                            val.end_date = val.end_date.toJSON();
                            value.push(val);
                            date.setUTCHours(24 * 7);
                        }
                        state.state.last = val.end_date;
                        break;
                    case 'day':
                        var end = state.state.last = view.end_date(state.state).toJSON();
                        value.push({
                            id: CalendarApp._daywise_cache_id(date, state.state.owner),
                            start_date: state.state.first,
                            end_date: state.state.last,
                            owner: view.owner(state.state)
                        });
                        break;
                    default:
                        var end = state.state.last = view.end_date(state.state).toJSON();
                        for (var owner = 0; owner < grid_count && owner < state.state.owner.length; owner++) {
                            var _owner = grid_count > 1 ? state.state.owner[owner] || 0 : state.state.owner;
                            value.push({
                                id: CalendarApp._daywise_cache_id(date, _owner),
                                start_date: date,
                                end_date: end,
                                owner: _owner
                            });
                        }
                        break;
                }
                // If we have cached data for the timespan, pass it along
                // Single day with multiple owners still needs owners split to satisfy
                // caching keys, otherwise they'll fetch & cache consolidated
                if (state.state.view == 'day' && state.state.owner.length < parseInt('' + this.egw.preference('day_consolidate', 'calendar'))) {
                    var day_value = [];
                    for (var i = 0; i < state.state.owner.length; i++) {
                        day_value.push({
                            start_date: state.state.first,
                            end_date: state.state.last,
                            owner: state.state.owner[i]
                        });
                    }
                    loading = this._need_data(day_value, state.state);
                }
                else {
                    loading = this._need_data(value, state.state);
                }
                var row_index = 0;
                // Find any matching, existing rows - they can be kept
                grid.iterateOver(function (widget) {
                    for (var i = 0; i < value.length; i++) {
                        if (widget.id == value[i].id) {
                            // Keep it, but move it
                            if (i > row_index) {
                                for (var j = i - row_index; j > 0; j--) {
                                    // Move from the end to the start
                                    grid._children.unshift(grid._children.pop());
                                    // Swap DOM nodes
                                    var a = grid._children[0].getDOMNode().parentNode.parentNode;
                                    var a_scroll = jQuery('.calendar_calTimeGridScroll', a).scrollTop();
                                    var b = grid._children[1].getDOMNode().parentNode.parentNode;
                                    a.parentNode.insertBefore(a, b);
                                    // Moving nodes changes scrolling, so set it back
                                    jQuery('.calendar_calTimeGridScroll', a).scrollTop(a_scroll);
                                }
                            }
                            else if (row_index > i) {
                                // Swap DOM nodes
                                var a = grid._children[row_index].getDOMNode().parentNode.parentNode;
                                var a_scroll = jQuery('.calendar_calTimeGridScroll', a).scrollTop();
                                var b = grid._children[i].getDOMNode().parentNode.parentNode;
                                // Simple scroll forward, put top on the bottom
                                // This makes it faster if they scroll back next
                                if (i == 0 && row_index == 1) {
                                    jQuery(b).appendTo(b.parentNode);
                                    grid._children.push(grid._children.shift());
                                }
                                else {
                                    grid._children.splice(i, 0, widget);
                                    grid._children.splice(row_index + 1, 1);
                                    a.parentNode.insertBefore(a, b);
                                }
                                // Moving nodes changes scrolling, so set it back
                                jQuery('.calendar_calTimeGridScroll', a).scrollTop(a_scroll);
                            }
                            break;
                        }
                    }
                    row_index++;
                }, this, et2_widget_view_1.et2_calendar_view);
                row_index = 0;
                // Set rows that need it
                var was_disabled = [];
                grid.iterateOver(function (widget) {
                    was_disabled[row_index] = false;
                    if (row_index < value.length) {
                        was_disabled[row_index] = widget.options.disabled;
                        widget.set_disabled(false);
                    }
                    else {
                        widget.set_disabled(true);
                    }
                    row_index++;
                }, this, et2_widget_view_1.et2_calendar_view);
                row_index = 0;
                grid.iterateOver(function (widget) {
                    if (row_index >= value.length)
                        return;
                    // Clear height to make sure there's correct calculations
                    widget.div.css("height", "");
                    if (widget.set_show_weekend) {
                        widget.set_show_weekend(view.show_weekend(state.state));
                    }
                    if (widget.set_granularity) {
                        if (widget.loader)
                            widget.loader.show();
                        widget.set_granularity(view.granularity(state.state));
                    }
                    if (widget.id == value[row_index].id &&
                        widget.get_end_date().getUTCFullYear() == value[row_index].end_date.substring(0, 4) &&
                        widget.get_end_date().getUTCMonth() + 1 == value[row_index].end_date.substring(5, 7) &&
                        widget.get_end_date().getUTCDate() == value[row_index].end_date.substring(8, 10)) {
                        // Do not need to re-set this row, but we do need to re-do
                        // the times, as they may have changed
                        widget.resizeTimes();
                        window.setTimeout(jQuery.proxy(widget.set_header_classes, widget), 0);
                        // If disabled while the daycols were loaded, they won't load their events
                        for (var day = 0; was_disabled[row_index] && day < widget.day_widgets.length; day++) {
                            egw.dataStoreUID(widget.day_widgets[day].registeredUID, egw.dataGetUIDdata(widget.day_widgets[day].registeredUID).data);
                        }
                        widget.set_owner(value[row_index].owner);
                        // Hide loader
                        widget.loader.hide();
                        row_index++;
                        return;
                    }
                    if (widget.set_value) {
                        widget.set_value(value[row_index++]);
                    }
                }, this, et2_widget_view_1.et2_calendar_view);
            }
            else if (state.state.view !== 'listview') {
                var _loop_1 = function () {
                    if (typeof view[updater] === 'function') {
                        var value_1 = view[updater].call(this_1, state.state);
                        if (updater === 'start_date')
                            state.state.first = this_1.date.toString(value_1);
                        if (updater === 'end_date')
                            state.state.last = this_1.date.toString(value_1);
                        // Set value
                        for (var i = 0; i < view.etemplates.length; i++) {
                            view.etemplates[i].widgetContainer.iterateOver(function (widget) {
                                if (typeof widget['set_' + updater] === 'function') {
                                    widget['set_' + updater](value_1);
                                }
                            }, this_1, et2_widget_view_1.et2_calendar_view);
                        }
                    }
                };
                var this_1 = this;
                // Simple, easy case - just one widget for the selected time span. (planner)
                // Update existing view's special attribute filters, defined in the view list
                for (var updater in view) {
                    _loop_1();
                }
                var value_2 = [{ start_date: state.state.first, end_date: state.state.last }];
                loading = this._need_data(value_2, state.state);
            }
            // Include first & last dates in state, mostly for server side processing
            if (state.state.first && state.state.first.toJSON)
                state.state.first = state.state.first.toJSON();
            if (state.state.last && state.state.last.toJSON)
                state.state.last = state.state.last.toJSON();
            // Toggle todos
            if ((state.state.view == 'day' || this.state.view == 'day') && jQuery(view.etemplates[0].DOMContainer).is(':visible')) {
                if (state.state.view == 'day' && state.state.owner.length === 1 && !isNaN(state.state.owner) && state.state.owner[0] >= 0 && !egwIsMobile()
                    // Check preferences and permissions
                    && egw.user('apps')['infolog'] && egw.preference('cal_show', 'infolog') !== '0') {
                    // Set width to 70%, otherwise if a scrollbar is needed for the view, it will conflict with the todo list
                    jQuery(CalendarApp.views.day.etemplates[0].DOMContainer).css("width", "70%");
                    jQuery(view.etemplates[1].DOMContainer).css({ "left": "70%" });
                    // TODO: Maybe some caching here
                    this.egw.jsonq('calendar_uiviews::ajax_get_todos', [state.state.date, state.state.owner[0]], function (data) {
                        this.getWidgetById('label').set_value(data.label || '');
                        this.getWidgetById('todos').set_value({ content: data.todos || '' });
                    }, view.etemplates[1].widgetContainer);
                    view.etemplates[0].resize();
                }
                else {
                    jQuery(CalendarApp.views.day.etemplates[1].DOMContainer).css("left", "100%");
                    jQuery(CalendarApp.views.day.etemplates[1].DOMContainer).hide();
                    jQuery(CalendarApp.views.day.etemplates[0].DOMContainer).css("width", "100%");
                    view.etemplates[0].widgetContainer.iterateOver(function (w) {
                        w.set_width('100%');
                    }, this, et2_widget_timegrid_1.et2_calendar_timegrid);
                }
            }
            else if (jQuery(view.etemplates[0].DOMContainer).is(':visible')) {
                jQuery(view.etemplates[0].DOMContainer).css("width", "");
                view.etemplates[0].widgetContainer.iterateOver(function (w) {
                    w.set_width('100%');
                }, this, et2_widget_timegrid_1.et2_calendar_timegrid);
            }
            // List view (nextmatch) has slightly different fields
            if (state.state.view === 'listview') {
                state.state.startdate = state.state.date;
                if (state.state.startdate.toJSON) {
                    state.state.startdate = state.state.startdate.toJSON();
                }
                if (state.state.end_date) {
                    state.state.enddate = state.state.end_date;
                }
                if (state.state.enddate && state.state.enddate.toJSON) {
                    state.state.enddate = state.state.enddate.toJSON();
                }
                state.state.col_filter = { participant: state.state.owner };
                state.state.search = state.state.keywords ? state.state.keywords : state.state.search;
                delete state.state.keywords;
                var nm = view.etemplates[0].widgetContainer.getWidgetById('nm');
                // 'Custom' filter needs an end date
                if (nm.activeFilters.filter === 'custom' && !state.state.end_date) {
                    state.state.enddate = state.state.last;
                }
                if (state.state.enddate && state.state.startdate && state.state.startdate > state.state.enddate) {
                    state.state.enddate = state.state.startdate;
                }
                nm.applyFilters(state.state);
                // Try to keep last value up to date with what's in nextmatch
                if (nm.activeFilters.enddate) {
                    this.state.last = nm.activeFilters.enddate;
                }
                // Updates the display of start & end date
                this.filter_change();
            }
            else {
                // Turn off nextmatch's automatic stuff - it won't work while it
                // is hidden, and can cause an infinite loop as it tries to layout.
                // (It will automatically re-start when shown)
                try {
                    var nm = CalendarApp.views.listview.etemplates[0].widgetContainer.getWidgetById('nm');
                    nm.controller._grid.doInvalidate = false;
                }
                catch (e) { }
                // Other views do not search
                delete state.state.keywords;
            }
            this.state = jQuery.extend({}, state.state);
            /* Update re-orderable calendars */
            this._sortable();
            /* Update sidebox widgets to show current value*/
            if (this.sidebox_hooked_templates.length) {
                for (var j = 0; j < this.sidebox_hooked_templates.length; j++) {
                    var sidebox = this.sidebox_hooked_templates[j];
                    // Remove any destroyed or not valid templates
                    if (!sidebox.getInstanceManager || !sidebox.getInstanceManager()) {
                        this.sidebox_hooked_templates.splice(j, 1, 0);
                        continue;
                    }
                    sidebox.iterateOver(function (widget) {
                        if (widget.id == 'view') {
                            // View widget has a list of state settings, which require special handling
                            for (var i = 0; i < widget.options.select_options.length; i++) {
                                var option_state = JSON.parse(widget.options.select_options[i].value) || [];
                                var match = true;
                                for (var os_key in option_state) {
                                    // Sometimes an optional state variable is not yet defined (sortby, days, etc)
                                    match = match && (option_state[os_key] == this.state[os_key] || typeof this.state[os_key] == 'undefined');
                                }
                                if (match) {
                                    widget.set_value(widget.options.select_options[i].value);
                                    return;
                                }
                            }
                        }
                        else if (widget.id == 'keywords') {
                            widget.set_value('');
                        }
                        else if (typeof state.state[widget.id] !== 'undefined' && state.state[widget.id] != widget.getValue()) {
                            // Update widget.  This may trigger an infinite loop of
                            // updates, so we do it after changing this.state and set a flag
                            try {
                                widget.set_value(state.state[widget.id]);
                            }
                            catch (e) {
                                widget.set_value('');
                            }
                        }
                        else if (widget.instanceOf(et2_core_inputWidget_1.et2_inputWidget) && typeof state.state[widget.id] == 'undefined') {
                            // No value, clear it
                            widget.set_value('');
                        }
                    }, this, et2_core_valueWidget_1.et2_valueWidget);
                }
            }
            // If current state matches a favorite, hightlight it
            this.highlight_favorite();
            // Update app header
            this.set_app_header(view.header(state.state));
            // Reset auto-refresh timer
            this._set_autorefresh();
            // Sidebox is updated, we can clear the flag
            this.state_update_in_progress = false;
            // Update saved state in preferences
            var save = {};
            for (var i = 0; i < CalendarApp.states_to_save.length; i++) {
                save[CalendarApp.states_to_save[i]] = this.state[CalendarApp.states_to_save[i]];
            }
            egw.set_preference('calendar', 'saved_states', save);
            // Trigger resize to get correct sizes, as they may have sized while
            // hidden
            for (var i = 0; i < view.etemplates.length; i++) {
                view.etemplates[i].resize();
            }
            // If we need to fetch data from the server, it will hide the loader
            // when done but if everything is in the cache, hide from here.
            if (!loading) {
                window.setTimeout(jQuery.proxy(function () {
                    egw.loading_prompt(this.appname, false);
                }, this), 500);
            }
            return;
        }
        // old calendar state handling on server-side (incl. switching to and from listview)
        var menuaction = 'calendar.calendar_uiviews.index';
        if (typeof state.state != 'undefined' && (typeof state.state.view == 'undefined' || state.state.view == 'listview')) {
            if (state.name) {
                // 'blank' is the special name for no filters, send that instead of the nice translated name
                state.state.favorite = jQuery.isEmptyObject(state) || jQuery.isEmptyObject(state.state || state.filter) ? 'blank' : state.name.replace(/[^A-Za-z0-9-_]/g, '_');
                // set date for "No Filter" (blank) favorite to todays date
                if (state.state.favorite == 'blank')
                    state.state.date = jQuery.datepicker.formatDate('yymmdd', new Date);
            }
            menuaction = 'calendar.calendar_uilist.listview';
            state.state.ajax = 'true';
            // check if we already use et2 / are in listview
            if (this.et2 || etemplate2_1.etemplate2 && etemplate2_1.etemplate2.getByApplication('calendar')) {
                // current calendar-code can set regular calendar states only via a server-request :(
                // --> check if we only need to set something which can be handeled by nm internally
                // or we need a redirect
                // ToDo: pass them via nm's get_rows call to server (eg. by passing state), so we dont need a redirect
                var current_state = this.getState();
                var need_redirect = false;
                for (var attr in current_state) {
                    switch (attr) {
                        case 'cat_id':
                        case 'owner':
                        case 'filter':
                            if (state.state[attr] != current_state[attr]) {
                                need_redirect = true;
                                // reset of attributes managed on server-side
                                if (state.state.favorite === 'blank') {
                                    switch (attr) {
                                        case 'cat_id':
                                            state.state.cat_id = 0;
                                            break;
                                        case 'owner':
                                            state.state.owner = egw.user('account_id');
                                            break;
                                        case 'filter':
                                            state.state.filter = 'default';
                                            break;
                                    }
                                }
                                break;
                            }
                            break;
                        case 'view':
                            // "No filter" (blank) favorite: if not in listview --> stay in that view
                            if (state.state.favorite === 'blank' && current_state.view != 'listview') {
                                menuaction = 'calendar.calendar_uiviews.index';
                                delete state.state.ajax;
                                need_redirect = true;
                            }
                    }
                }
                if (!need_redirect) {
                    return _super.prototype.setState.call(this, [state]);
                }
            }
        }
        // setting internal state now, that linkHandler does not intercept switching from listview to any old view
        this.state = jQuery.extend({}, state.state);
        if (this.sidebox_et2) {
            jQuery(this.sidebox_et2.getInstanceManager().DOMContainer).show();
        }
        var query = jQuery.extend({ menuaction: menuaction }, state.state || {});
        // prepend an owner 0, to reset all owners and not just set given resource type
        if (typeof query.owner != 'undefined') {
            query.owner = '0,' + (typeof query.owner == 'object' ? query.owner.join(',') : ('' + query.owner).replace('0,', ''));
        }
        this.egw.open_link(this.egw.link('/index.php', query), 'calendar');
        // Stop the normal bubbling if this is called on click
        return false;
    };
    /**
     * Check to see if any of the selected is an event widget
     * Used to separate grid actions from event actions
     *
     * @param {egwAction} _action
     * @param {egwActioObject[]} _selected
     * @returns {boolean} Is any of the selected an event widget
     */
    CalendarApp.prototype.is_event = function (_action, _selected) {
        var is_widget = false;
        for (var i = 0; i < _selected.length; i++) {
            if (_selected[i].iface.getWidget() && _selected[i].iface.getWidget().instanceOf(et2_widget_event_1.et2_calendar_event)) {
                is_widget = true;
            }
            // Also check classes, usually indicating permission
            if (_action.data && _action.data.enableClass) {
                is_widget = is_widget && (jQuery(_selected[i].iface.getDOMNode()).hasClass(_action.data.enableClass));
            }
            if (_action.data && _action.data.disableClass) {
                is_widget = is_widget && !(jQuery(_selected[i].iface.getDOMNode()).hasClass(_action.data.disableClass));
            }
        }
        return is_widget;
    };
    /**
     * Enable/Disable custom Date-time for set Alarm
     *
     * @param {widget object} _widget new_alarm[options] selectbox
     */
    CalendarApp.prototype.alarm_custom_date = function (selectbox, _widget) {
        var alarm_date = this.et2.getInputWidgetById('new_alarm[date]');
        var alarm_options = _widget || this.et2.getInputWidgetById('new_alarm[options]');
        var start = this.et2.getInputWidgetById('start');
        if (alarm_date && alarm_options && start) {
            if (alarm_options.getValue() != '0') {
                alarm_date.set_class('calendar_alarm_date_display');
            }
            else {
                alarm_date.set_class('');
            }
            var startDate = typeof start.getValue != 'undefined' ? start.getValue() : start.value;
            if (startDate) {
                var date = new Date(startDate);
                date.setTime(date.getTime() - 1000 * parseInt(alarm_options.getValue()));
                alarm_date.set_value(date);
            }
        }
    };
    /**
     * Set alarm options based on WD/Regular event user preferences
     * Gets fired by wholeday checkbox.  This is mainly for display purposes,
     * the default alarm is calculated on the server as well.
     *
     * @param {egw object} _egw
     * @param {widget object} _widget whole_day checkbox
     */
    CalendarApp.prototype.set_alarmOptions_WD = function (_egw, _widget) {
        var alarm = this.et2.getWidgetById('alarm');
        if (!alarm)
            return; // no default alarm
        var content = this.et2.getArrayMgr('content').data;
        var start = this.et2.getWidgetById('start');
        var self = this;
        var time = alarm.cells[1][0].widget;
        var event = alarm.cells[1][1].widget;
        // Convert a seconds of time to a translated label
        var _secs_to_label = function (_secs) {
            var label = '';
            if (_secs < 3600) {
                label = self.egw.lang('%1 minutes', _secs / 60);
            }
            else if (_secs < 86400) {
                label = self.egw.lang('%1 hours', _secs / 3600);
            }
            else {
                label = self.egw.lang('%1 days', _secs / (3600 * 24));
            }
            return label;
        };
        if (typeof content['alarm'][1]['default'] == 'undefined') {
            // user deleted alarm --> nothing to do
        }
        else {
            var def_alarm = this.egw.preference(_widget.get_value() === "true" ?
                'default-alarm-wholeday' : 'default-alarm', 'calendar');
            if (!def_alarm && def_alarm !== 0) // no alarm
             {
                jQuery('#calendar-edit_alarm > tbody :nth-child(1)').hide();
            }
            else {
                jQuery('#calendar-edit_alarm > tbody :nth-child(1)').show();
                start.set_hours(0);
                start.set_minutes(0);
                time.set_value(start.get_value());
                time.set_value(new Date(new Date(start.get_value()).valueOf() - (60 * def_alarm * 1000)).toJSON());
                event.set_value(_secs_to_label(60 * def_alarm));
            }
        }
    };
    /**
     * Clear all calendar data from egw.data cache
     */
    CalendarApp.prototype._clear_cache = function () {
        // Full refresh, clear the caches
        var events = egw.dataKnownUIDs('calendar');
        for (var i = 0; i < events.length; i++) {
            egw.dataDeleteUID('calendar::' + events[i]);
        }
        var daywise = egw.dataKnownUIDs(CalendarApp.DAYWISE_CACHE_ID);
        for (var i = 0; i < daywise.length; i++) {
            // Empty to clear existing widgets
            egw.dataStoreUID(CalendarApp.DAYWISE_CACHE_ID + '::' + daywise[i], null);
        }
    };
    /**
     * Take the date range(s) in the value and decide if we need to fetch data
     * for the date ranges, or if they're already cached fill them in.
     *
     * @param {Object} value
     * @param {Object} state
     *
     * @return {boolean} Data was requested
     */
    CalendarApp.prototype._need_data = function (value, state) {
        var need_data = false;
        // Determine if we're showing multiple owners seperate or consolidated
        var seperate_owners = false;
        var last_owner = value.length ? value[0].owner || 0 : 0;
        for (var i = 0; i < value.length && !seperate_owners; i++) {
            seperate_owners = seperate_owners || (last_owner !== value[i].owner);
        }
        for (var i = 0; i < value.length; i++) {
            var t = new Date(value[i].start_date);
            var end = new Date(value[i].end_date);
            do {
                // Cache is by date (and owner, if seperate)
                var date = t.getUTCFullYear() + sprintf('%02d', t.getUTCMonth() + 1) + sprintf('%02d', t.getUTCDate());
                var cache_id = CalendarApp._daywise_cache_id(date, seperate_owners && value[i].owner ? value[i].owner : state.owner || false);
                if (egw.dataHasUID(cache_id)) {
                    var c = egw.dataGetUIDdata(cache_id);
                    if (c.data && c.data !== null) {
                        // There is data, pass it along now
                        value[i][date] = [];
                        for (var j = 0; j < c.data.length; j++) {
                            if (egw.dataHasUID('calendar::' + c.data[j])) {
                                value[i][date].push(egw.dataGetUIDdata('calendar::' + c.data[j]).data);
                            }
                            else {
                                need_data = true;
                            }
                        }
                    }
                    else {
                        need_data = true;
                        // Assume it's empty, if there is data it will be filled later
                        egw.dataStoreUID(cache_id, []);
                    }
                }
                else {
                    need_data = true;
                    // Assume it's empty, if there is data it will be filled later
                    egw.dataStoreUID(cache_id, []);
                }
                t.setUTCDate(t.getUTCDate() + 1);
            } while (t < end);
            // Some data is missing for the current owner, go get it
            if (need_data && seperate_owners) {
                this._fetch_data(jQuery.extend({}, state, { owner: value[i].owner, selected_owners: state.owner }), this.sidebox_et2 ? null : this.et2.getInstanceManager());
                need_data = false;
            }
        }
        // Some data was missing, go get it
        if (need_data && !seperate_owners) {
            this._fetch_data(state, this.sidebox_et2 ? null : this.et2.getInstanceManager());
        }
        return need_data;
    };
    /**
     * Use the egw.data system to get data from the calendar list for the
     * selected time span.
     *
     * As long as the other filters are the same (category, owner, status) we
     * cache the data.
     *
     * @param {Object} state
     * @param {etemplate2} [instance] If the full calendar app isn't loaded
     *	(home app), pass a different instance to use it to get the data
     * @param {number} [start] Result offset.  Internal use only
     */
    CalendarApp.prototype._fetch_data = function (state, instance, start) {
        if (!this.sidebox_et2 && !instance) {
            return;
        }
        if (typeof start === 'undefined') {
            start = 0;
        }
        // Category needs to be false if empty, not an empty array or string
        var cat_id = state.cat_id ? state.cat_id : false;
        if (cat_id && typeof cat_id.join != 'undefined') {
            if (cat_id.join('') == '')
                cat_id = false;
        }
        // Make sure cat_id reaches to server in array format
        if (cat_id && typeof cat_id == 'string' && cat_id != "0")
            cat_id = cat_id.split(',');
        var query = jQuery.extend({}, {
            get_rows: 'calendar.calendar_uilist.get_rows',
            row_id: 'row_id',
            startdate: state.first || state.date,
            enddate: state.last,
            // Participant must be an array or it won't work
            col_filter: { participant: (typeof state.owner == 'string' || typeof state.owner == 'number' ? [state.owner] : state.owner) },
            filter: 'custom',
            status_filter: state.status_filter,
            cat_id: cat_id,
            csv_export: false,
            selected_owners: state.selected_owners
        });
        // Show ajax loader
        if (typeof framework !== 'undefined') {
            framework.applications.calendar.sidemenuEntry.showAjaxLoader();
        }
        if (state.view === 'planner' && state.sortby === 'user') {
            query.order = 'participants';
        }
        else if (state.view === 'planner' && state.sortby === 'category') {
            query.order = 'categories';
        }
        // Already in progress?
        var query_string = JSON.stringify(query);
        if (this._queries_in_progress.indexOf(query_string) != -1) {
            return;
        }
        this._queries_in_progress.push(query_string);
        this.egw.dataFetch(instance ? instance.etemplate_exec_id :
            this.sidebox_et2.getInstanceManager().etemplate_exec_id, { start: start, num_rows: 400 }, query, this.appname, function calendar_handleResponse(data) {
            var idx = this._queries_in_progress.indexOf(query_string);
            if (idx >= 0) {
                this._queries_in_progress.splice(idx, 1);
            }
            //console.log(data);
            // Look for any updated select options
            if (data.rows && data.rows.sel_options && this.sidebox_et2) {
                for (var field in data.rows.sel_options) {
                    var widget = this.sidebox_et2.getWidgetById(field);
                    if (widget && widget.set_select_options) {
                        // Merge in new, update label of existing
                        for (var i in data.rows.sel_options[field]) {
                            var found = false;
                            var option = data.rows.sel_options[field][i];
                            for (var j in widget.options.select_options) {
                                if (option.value == widget.options.select_options[j].value) {
                                    widget.options.select_options[j].label = option.label;
                                    found = true;
                                    break;
                                }
                            }
                            if (!found) {
                                if (!widget.options.select_options.push) {
                                    widget.options.select_options = [];
                                }
                                widget.options.select_options.push(option);
                            }
                        }
                        var in_progress = app.calendar.state_update_in_progress;
                        app.calendar.state_update_in_progress = true;
                        widget.set_select_options(widget.options.select_options);
                        widget.set_value(widget.getValue());
                        app.calendar.state_update_in_progress = in_progress;
                    }
                }
            }
            if (data.order && data.total) {
                this._update_events(state, data.order);
            }
            // More rows?
            if (data.order.length + start < data.total) {
                // Wait a bit, let UI do something.
                window.setTimeout(function () {
                    app.calendar._fetch_data(state, instance, start + data.order.length);
                }, 100);
            }
            // Hide AJAX loader
            else if (typeof framework !== 'undefined') {
                framework.applications.calendar.sidemenuEntry.hideAjaxLoader();
                egw.loading_prompt('calendar', false);
            }
        }, this, null);
    };
    /**
     * We have a list of calendar UIDs of events that need updating.
     *
     * The event data should already be in the egw.data cache, we just need to
     * figure out where they need to go, and update the needed parent objects.
     *
     * Already existing events will have already been updated by egw.data
     * callbacks.
     *
     * @param {Object} state Current state for update, used to determine what to update
     * @param data
     */
    CalendarApp.prototype._update_events = function (state, data) {
        var updated_days = {};
        // Events can span for longer than we are showing
        var first = new Date(state.first);
        var last = new Date(state.last);
        var bounds = {
            first: '' + first.getUTCFullYear() + sprintf('%02d', first.getUTCMonth() + 1) + sprintf('%02d', first.getUTCDate()),
            last: '' + last.getUTCFullYear() + sprintf('%02d', last.getUTCMonth() + 1) + sprintf('%02d', last.getUTCDate())
        };
        // Seperate owners, or consolidated?
        var multiple_owner = typeof state.owner != 'string' &&
            state.owner.length > 1 &&
            (state.view == 'day' && state.owner.length < parseInt('' + this.egw.preference('day_consolidate', 'calendar')) ||
                ['week', 'day4'].indexOf(state.view) !== -1 && state.owner.length < parseInt('' + this.egw.preference('week_consolidate', 'calendar')));
        for (var i = 0; i < data.length; i++) {
            var record = this.egw.dataGetUIDdata(data[i]);
            if (record && record.data) {
                if (typeof updated_days[record.data.date] === 'undefined') {
                    // Check to make sure it's in range first, record.data.date is start date
                    // and could be before our start
                    if (record.data.date >= bounds.first && record.data.date <= bounds.last ||
                        // Or it's for a day we already have
                        typeof this.egw.dataGetUIDdata('calendar_daywise::' + record.data.date) !== 'undefined') {
                        updated_days[record.data.date] = [];
                    }
                }
                if (typeof updated_days[record.data.date] != 'undefined') {
                    // Copy, to avoid unwanted changes by reference
                    updated_days[record.data.date].push(record.data.row_id);
                }
                // Check for multi-day events listed once
                // Date must stay a string or we might cause problems with nextmatch
                var dates = {
                    start: typeof record.data.start === 'string' ? record.data.start : record.data.start.toJSON(),
                    end: typeof record.data.end === 'string' ? record.data.end : record.data.end.toJSON()
                };
                if (dates.start.substr(0, 10) !== dates.end.substr(0, 10)) {
                    var end = new Date(Math.min(new Date(record.data.end).valueOf(), new Date(state.last).valueOf()));
                    end.setUTCHours(23);
                    end.setUTCMinutes(59);
                    end.setUTCSeconds(59);
                    var t = new Date(Math.max(new Date(record.data.start).valueOf(), new Date(state.first).valueOf()));
                    do {
                        var expanded_date = '' + t.getUTCFullYear() + sprintf('%02d', t.getUTCMonth() + 1) + sprintf('%02d', t.getUTCDate());
                        // Avoid events ending at midnight having a 0 length event the next day
                        if (t.toJSON().substr(0, 10) === dates.end.substr(0, 10) && dates.end.substr(11, 8) === '00:00:00')
                            break;
                        if (typeof (updated_days[expanded_date]) === 'undefined') {
                            // Check to make sure it's in range first, expanded_date could be after our end
                            if (expanded_date >= bounds.first && expanded_date <= bounds.last) {
                                updated_days[expanded_date] = [];
                            }
                        }
                        if (record.data.date !== expanded_date && typeof updated_days[expanded_date] !== 'undefined') {
                            // Copy, to avoid unwanted changes by reference
                            updated_days[expanded_date].push(record.data.row_id);
                        }
                        t.setUTCDate(t.getUTCDate() + 1);
                    } while (end >= t);
                }
            }
        }
        // Now we know which days changed, so we pass it on
        for (var day in updated_days) {
            // Might be split by user, so we have to check that too
            for (var i = 0; i < (typeof state.owner == 'object' ? state.owner.length : 1); i++) {
                var owner = multiple_owner ? state.owner[i] : state.owner;
                var cache_id = CalendarApp._daywise_cache_id(day, owner);
                if (egw.dataHasUID(cache_id)) {
                    // Don't lose any existing data, just append
                    var c = egw.dataGetUIDdata(cache_id);
                    if (c.data && c.data !== null) {
                        // Avoid duplicates
                        var data = c.data.concat(updated_days[day]).filter(function (value, index, self) {
                            return self.indexOf(value) === index;
                        });
                        this.egw.dataStoreUID(cache_id, data);
                    }
                }
                else {
                    this.egw.dataStoreUID(cache_id, updated_days[day]);
                }
                if (!multiple_owner)
                    break;
            }
        }
        egw.loading_prompt(this.appname, false);
    };
    /**
     * The sidebox filters use some non-standard and not-exposed options.  They
     * are set up here.
     *
     */
    CalendarApp.prototype._setup_sidebox_filters = function () {
        // Further date customizations
        var date_widget = this.sidebox_et2.getWidgetById('date');
        if (date_widget) {
            // Dynamic resize of sidebox calendar to fill sidebox
            var preferred_width = jQuery('#calendar-sidebox_date .ui-datepicker-inline').outerWidth();
            var font_ratio = 12 / parseFloat(jQuery('#calendar-sidebox_date .ui-datepicker-inline').css('font-size'));
            var go_button_widget = date_widget.getRoot().getWidgetById('header_go');
            var auto_update = this.egw.preference('auto_update_on_sidebox_change', 'calendar') === '1';
            var calendar_resize = function () {
                try {
                    var percent = 1 + ((jQuery(date_widget.getDOMNode()).width() - preferred_width) / preferred_width);
                    percent *= font_ratio;
                    jQuery('#calendar-sidebox_date .ui-datepicker-inline')
                        .css('font-size', (percent * 100) + '%');
                    // Position go and today
                    go_button_widget.set_disabled(false);
                    var buttons = jQuery('#calendar-sidebox_date .ui-datepicker-header a span');
                    if (today.length && go_button.length) {
                        go_button.position({ my: 'left+8px center', at: 'right center-1', of: jQuery('#calendar-sidebox_date .ui-datepicker-year') });
                        buttons.position({ my: 'center', at: 'center', of: go_button })
                            .css('left', '');
                        today.position({ my: 'top', at: 'top', of: buttons });
                        today.css({
                            'left': (buttons.first().offset().left + buttons.last().offset().left) / 2 - Math.ceil(today.outerWidth() / 2),
                        });
                    }
                    if (auto_update) {
                        go_button_widget.set_disabled(true);
                    }
                }
                catch (e) {
                    // Resize didn't work
                }
            };
            var datepicker = date_widget.input_date.datepicker("option", {
                showButtonPanel: false,
                onChangeMonthYear: function (year, month, inst) {
                    // Update month button label
                    if (go_button_widget) {
                        var temp_date = new Date(year, month - 1, 1, 0, 0, 0);
                        //temp_date.setUTCMinutes(temp_date.getUTCMinutes() + temp_date.getTimezoneOffset());
                        go_button_widget.btn.attr('title', egw.lang(date('F', temp_date)));
                        // Store current _displayed_ date in date button for clicking
                        temp_date.setUTCMinutes(temp_date.getUTCMinutes() - temp_date.getTimezoneOffset());
                        go_button_widget.btn.attr('data-date', temp_date.toJSON());
                    }
                    if (auto_update) {
                        go_button_widget.click();
                    }
                    window.setTimeout(calendar_resize, 0);
                },
                // Mark holidays
                beforeShowDay: function (date) {
                    var holidays = et2_widget_view_1.et2_calendar_view.get_holidays({ day_class_holiday: function () { } }, date.getFullYear());
                    var day_holidays = holidays['' + date.getFullYear() +
                        sprintf("%02d", date.getMonth() + 1) +
                        sprintf("%02d", date.getDate())];
                    var css_class = '';
                    var tooltip = '';
                    if (typeof day_holidays !== 'undefined' && day_holidays.length) {
                        for (var i = 0; i < day_holidays.length; i++) {
                            if (typeof day_holidays[i]['birthyear'] !== 'undefined') {
                                css_class += 'calendar_calBirthday ';
                            }
                            else {
                                css_class += 'calendar_calHoliday ';
                            }
                            tooltip += day_holidays[i]['name'] + "\n";
                        }
                    }
                    return [true, css_class, tooltip];
                }
            });
            // Clickable week numbers
            date_widget.input_date.on('mouseenter', '.ui-datepicker-week-col', function () {
                jQuery(this).siblings().find('a').addClass('ui-state-hover');
            })
                .on('mouseleave', '.ui-datepicker-week-col', function () {
                jQuery(this).siblings().find('a').removeClass('ui-state-hover');
            })
                .on('click', '.ui-datepicker-week-col', function () {
                var view = app.calendar.state.view;
                var days = app.calendar.state.days;
                // Avoid a full state update, we just want the calendar to update
                // Directly update to avoid change event from the sidebox calendar
                var date = new Date(this.nextSibling.dataset.year, this.nextSibling.dataset.month, this.nextSibling.firstChild.textContent, 0, 0, 0);
                date.setUTCMinutes(date.getUTCMinutes() - date.getTimezoneOffset());
                date = app.calendar.date.toString(date);
                // Set to week view, if in one of the views where we change view
                if (app.calendar.sidebox_changes_views.indexOf(view) >= 0) {
                    app.calendar.update_state({ view: 'week', date: date, days: days });
                }
                else if (view == 'planner') {
                    // Clicked a week, show just a week
                    app.calendar.update_state({ date: date, planner_view: 'week' });
                }
                else if (view == 'listview') {
                    app.calendar.update_state({
                        date: date,
                        end_date: app.calendar.date.toString(CalendarApp.views.week.end_date({ date: date })),
                        filter: 'week'
                    });
                }
                else {
                    app.calendar.update_state({ date: date });
                }
            });
            // Set today button
            var today = jQuery('#calendar-sidebox_header_today');
            today.attr('title', egw.lang('today'));
            // Set go button
            var go_button_widget = date_widget.getRoot().getWidgetById('header_go');
            if (go_button_widget && go_button_widget.btn) {
                var go_button = go_button_widget.btn;
                var temp_date = new Date(date_widget.get_value());
                temp_date.setUTCDate(1);
                temp_date.setUTCMinutes(temp_date.getUTCMinutes() + temp_date.getTimezoneOffset());
                go_button.attr('title', egw.lang(date('F', temp_date)));
                // Store current _displayed_ date in date button for clicking
                temp_date.setUTCMinutes(temp_date.getUTCMinutes() - temp_date.getTimezoneOffset());
                go_button.attr('data-date', temp_date.toJSON());
            }
        }
        jQuery(window).on('resize.calendar' + date_widget.dom_id, calendar_resize).trigger('resize');
        // Avoid wrapping owner icons if user has group + search
        var button = jQuery('#calendar-sidebox_owner ~ span.et2_clickable');
        if (button.length == 1) {
            button.parent().css('margin-right', button.outerWidth(true) + 2);
            button.parent().parent().css('white-space', 'nowrap');
        }
        jQuery(window).on('resize.calendar-owner', function () {
            var preferred_width = jQuery('#calendar-et2_target').children().first().outerWidth() || 0;
            if (app.calendar && app.calendar.sidebox_et2) {
                var owner = app.calendar.sidebox_et2.getWidgetById('owner');
                if (preferred_width && owner.input.hasClass("chzn-done")) {
                    owner.input.next().css('width', preferred_width);
                }
            }
        });
        window.setTimeout(calendar_resize, 50);
    };
    /**
     * Record view templates so we can quickly switch between them.
     *
     * @param {etemplate2} _et2 etemplate2 template that was just loaded
     * @param {String} _name Name of the template
     */
    CalendarApp.prototype._et2_view_init = function (_et2, _name) {
        var hidden = typeof this.state.view !== 'undefined';
        var all_loaded = this.sidebox_et2 !== null;
        // Avoid home portlets using our templates, and get them right
        if (_et2.uniqueId.indexOf('portlet') === 0)
            return;
        if (_et2.uniqueId === 'calendar-add')
            return;
        // Flag to make sure we don't hide non-view templates
        var view_et2 = false;
        for (var view in CalendarApp.views) {
            var index = CalendarApp.views[view].etemplates.indexOf(_name);
            if (index > -1) {
                view_et2 = true;
                CalendarApp.views[view].etemplates[index] = _et2;
                // If a template disappears, we want to release it
                jQuery(_et2.DOMContainer).one('clear', jQuery.proxy(function () {
                    this.view.etemplates[this.index] = _name;
                }, jQuery.extend({}, { view: CalendarApp.views[view], index: "" + index, name: _name })));
                if (this.state.view === view) {
                    hidden = false;
                }
            }
            CalendarApp.views[view].etemplates.forEach(function (et) { all_loaded = all_loaded && typeof et !== 'string'; });
        }
        // Add some extras to the nextmatch so it can keep the dates in sync with
        // those in the sidebox calendar.  Care must be taken to not trigger any
        // sort of refresh or update, as that may resulte in infinite loops so these
        // are only used for the 'week' and 'month' filters, and we just update the
        // date range
        if (_name == 'calendar.list') {
            var nm = _et2.widgetContainer.getWidgetById('nm');
            if (nm) {
                // Avoid unwanted refresh immediately after load
                nm.controller._grid.doInvalidate = false;
                // Preserve pre-set search
                if (nm.activeFilters.search) {
                    this.state.keywords = nm.activeFilters.search;
                }
                // Bind to keep search up to date
                jQuery(nm.getWidgetById('search').getDOMNode()).on('change', function () {
                    app.calendar.state.search = jQuery('input', this).val();
                });
                nm.set_startdate = jQuery.proxy(function (date) {
                    this.state.first = this.date.toString(new Date(date));
                }, this);
                nm.set_enddate = jQuery.proxy(function (date) {
                    this.state.last = this.date.toString(new Date(date));
                }, this);
            }
        }
        // Start hidden, except for current view
        if (view_et2) {
            if (hidden) {
                jQuery(_et2.DOMContainer).hide();
            }
        }
        else {
            var app_name = _name.split('.')[0];
            if (app_name && app_name != 'calendar' && egw.app(app_name)) {
                // A template from another application?  Keep it up to date as state changes
                this.sidebox_hooked_templates.push(_et2.widgetContainer);
                // If it leaves (or reloads) remove it
                jQuery(_et2.DOMContainer).one('clear', jQuery.proxy(function () {
                    if (app.calendar) {
                        app.calendar.sidebox_hooked_templates.splice(this, 1, 0);
                    }
                }, this.sidebox_hooked_templates.length - 1));
            }
        }
        if (all_loaded) {
            jQuery(window).trigger('resize');
            this.setState({ state: this.state });
            // Hide loader after 1 second as a fallback, it will also be hidden
            // after loading is complete.
            window.setTimeout(jQuery.proxy(function () {
                egw.loading_prompt(this.appname, false);
            }, this), 1000);
            // Start calendar-wide autorefresh timer to include more than just nm
            this._set_autorefresh();
        }
    };
    /**
     * Set a refresh timer that works for the current view.
     * The nextmatch goes into an infinite loop if we let it autorefresh while
     * hidden.
     */
    CalendarApp.prototype._set_autorefresh = function () {
        // Listview not loaded
        if (typeof CalendarApp.views.listview.etemplates[0] == 'string')
            return;
        var nm = CalendarApp.views.listview.etemplates[0].widgetContainer.getWidgetById('nm');
        // nextmatch missing
        if (!nm)
            return;
        var refresh_preference = "nextmatch-" + nm.options.settings.columnselection_pref + "-autorefresh";
        var time = this.egw.preference(refresh_preference, 'calendar');
        if (this.state.view == 'listview' && time) {
            nm._set_autorefresh(time);
            return;
        }
        else {
            window.clearInterval(nm._autorefresh_timer);
        }
        var self = this;
        var refresh = function () {
            // Deleted events are not coming properly, so clear it all
            self._clear_cache();
            // Force redraw to current state
            self.setState({ state: self.state });
            // This is a fast update, but misses deleted events
            //app.calendar._fetch_data(app.calendar.state);
        };
        // Start / update timer
        if (this._autorefresh_timer) {
            window.clearInterval(this._autorefresh_timer);
            this._autorefresh_timer = null;
        }
        if (time > 0) {
            this._autorefresh_timer = setInterval(jQuery.proxy(refresh, this), time * 1000);
        }
        // Bind to tab show/hide events, so that we don't bother refreshing in the background
        jQuery(nm.getInstanceManager().DOMContainer.parentNode).on('hide.calendar', jQuery.proxy(function (e) {
            // Stop
            window.clearInterval(this._autorefresh_timer);
            jQuery(e.target).off(e);
            if (!time)
                return;
            // If the autorefresh time is up, bind once to trigger a refresh
            // (if needed) when tab is activated again
            this._autorefresh_timer = setTimeout(jQuery.proxy(function () {
                // Check in case it was stopped / destroyed since
                if (!this._autorefresh_timer)
                    return;
                jQuery(nm.getInstanceManager().DOMContainer.parentNode).one('show.calendar', 
                // Important to use anonymous function instead of just 'this.refresh' because
                // of the parameters passed
                jQuery.proxy(function () { refresh(); }, this));
            }, this), time * 1000);
        }, this));
        jQuery(nm.getInstanceManager().DOMContainer.parentNode).on('show.calendar', jQuery.proxy(function (e) {
            // Start normal autorefresh timer again
            this._set_autorefresh(this.egw.preference(refresh_preference, 'calendar'));
            jQuery(e.target).off(e);
        }, this));
    };
    /**
     * Initialization function in order to set/unset
     * categories status.
     *
     */
    CalendarApp.prototype.category_report_init = function () {
        var content = this.et2.getArrayMgr('content').data;
        for (var i = 1; i < content.grid.length; i++) {
            if (content.grid[i] != null)
                this.category_report_enable({ id: i + '', checked: content.grid[i]['enable'] });
        }
    };
    /**
     * Set/unset selected category's row
     *
     * @param {type} _widget
     * @returns {undefined}
     */
    CalendarApp.prototype.category_report_enable = function (_widget) {
        var widgets = ['[user]', '[weekend]', '[holidays]', '[min_days]'];
        var row_id = _widget.id.match(/\d+/);
        var w = {};
        for (var i = 0; i < widgets.length; i++) {
            w = this.et2.getWidgetById(row_id + widgets[i]);
            if (w)
                w.set_readonly(!_widget.checked);
        }
    };
    /**
     * submit function for report button
     */
    CalendarApp.prototype.category_report_submit = function () {
        this.et2._inst.postSubmit();
    };
    /**
     * Function to enable/disable categories
     *
     * @param {object} _widget select all checkbox
     */
    CalendarApp.prototype.category_report_selectAll = function (_widget) {
        var content = this.et2.getArrayMgr('content').data;
        var checkbox = {};
        var grid_index = typeof content.grid.length != 'undefined' ? content.grid : Object.keys(content.grid);
        for (var i = 1; i < grid_index.length; i++) {
            if (content.grid[i] != null) {
                checkbox = this.et2.getWidgetById(i + '[enable]');
                if (checkbox) {
                    checkbox.set_value(_widget.checked);
                    this.category_report_enable({ id: checkbox.id, checked: checkbox.get_value() });
                }
            }
        }
    };
    /**
     * Create a cache ID for the daywise cache
     *
     * @param {String|Date} date If a string, date should be in Ymd format
     * @param {String|integer|String[]} owner
     * @returns {String} Cache ID
     */
    CalendarApp._daywise_cache_id = function (date, owner) {
        if (typeof date === 'object') {
            date = date.getUTCFullYear() + sprintf('%02d', date.getUTCMonth() + 1) + sprintf('%02d', date.getUTCDate());
        }
        // If the owner is not set, 0, or the current user, don't bother adding it
        var _owner = (owner && owner.toString() != '0') ? owner.toString() : '';
        if (_owner == egw.user('account_id')) {
            _owner = '';
        }
        return CalendarApp.DAYWISE_CACHE_ID + '::' + date + (_owner ? '-' + _owner : '');
    };
    /**
     * Videoconference checkbox checked
     */
    CalendarApp.prototype.videoconferenceOnChange = function () {
        var widget = this.et2.getWidgetById('videoconference');
        if (widget && widget.get_value()) {
            // notify all participants
            this.et2.getWidgetById('participants[notify_externals]').set_value('yes');
            // add alarm for all participants 5min before videoconference
            var start = new Date(widget.getRoot().getWidgetById('start').getValue());
            var alarms = this.et2.getArrayMgr('content').getEntry('alarm') || {};
            for (var _i = 0, alarms_1 = alarms; _i < alarms_1.length; _i++) {
                var alarm = alarms_1[_i];
                // Check for already existing alarm
                if (!alarm || typeof alarm != "object" || !alarm.all)
                    continue;
                var alarm_time = new Date(alarm.time);
                if (start.getTime() - alarm_time.getTime() == 5 * 60 * 1000) {
                    // Alarm exists
                    return;
                }
            }
            this.et2.getWidgetById('new_alarm[options]').set_value('300');
            this.et2.getWidgetById('new_alarm[owner]').set_value('0'); // all participants
            this.et2.getWidgetById('button[add_alarm]').click();
        }
    };
    CalendarApp.prototype.isVideoConference = function (_action, _selected) {
        var data = egw.dataGetUIDdata(_selected[0].id);
        return data && data.data ? data.data['##videoconference'] : false;
    };
    /**
     * Action handler for join videoconference context menu
     *
     * @param _action
     * @param _sender
     */
    CalendarApp.prototype.joinVideoConferenceAction = function (_action, _sender) {
        var data = egw.dataGetUIDdata(_sender[0].id)['data'];
        return this.joinVideoConference(data['##videoconference'], data);
    };
    /**
     * Join a videoconference
     *
     * Using the videoconference tag/ID, generate the URL and open it via JSON
     *
     * @param {string} videoconference
     */
    CalendarApp.prototype.joinVideoConference = function (videoconference, _data) {
        return egw.json("EGroupware\\Status\\Videoconference\\Call::ajax_genMeetingUrl", [videoconference,
            {
                name: egw.user('account_fullname'),
                account_id: egw.user('account_id'),
                email: egw.user('account_email'),
                cal_id: _data.id,
                title: _data.title
            }, _data.start, _data.end], function (_value) {
            if (_value) {
                if (_value.err)
                    egw.message(_value.err, 'error');
                if (_value.url)
                    app.status.openCall(_value.url);
            }
        }).sendRequest();
    };
    /**
     * These are the keys we keep to set & remember the status, others are discarded
     */
    CalendarApp.states_to_save = ['owner', 'status_filter', 'filter', 'cat_id', 'view', 'sortby', 'planner_view', 'weekend'];
    CalendarApp.views = {
        day: View_1.day,
        day4: View_1.day4,
        week: View_1.week,
        weekN: View_1.weekN,
        month: View_1.month,
        planner: View_1.planner,
        listview: View_1.listview
    };
    /**
     * This is the data cache prefix for the daywise event index cache
     * Daywise cache IDs look like: calendar_daywise::20150101 and
     * contain a list of event IDs for that day (or empty array)
     */
    CalendarApp.DAYWISE_CACHE_ID = 'calendar_daywise';
    return CalendarApp;
}(egw_app_1.EgwApp));
app.classes.calendar = CalendarApp;
//# sourceMappingURL=app.js.map