/** * EGroupware - Calendar - Javascript UI * * @link http://www.egroupware.org * @package calendar * @author Hadi Nategh * @author Nathan Gray * @copyright (c) 2008-16 by Ralf Becker * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @version $Id$ */ /*egw:uses /etemplate/js/etemplate2.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; */ /** * 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 app.classes.calendar.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. * * @augments AppJS */ app.classes.calendar = (function(){ "use strict"; return AppJS.extend( { /** * application name */ appname: 'calendar', /** * etemplate for the sidebox filters */ sidebox_et2: null, /** * Current internal state * * If you need to change state, you can pass just the fields to change to * update_state(). */ state: { date: new Date(), view: egw.preference('saved_states','calendar') ? egw.preference('saved_states','calendar').view : egw.preference('defaultcalendar','calendar') || 'day', owner: egw.user('account_id') }, /** * These are the keys we keep to set & remember the status, others are discarded */ states_to_save: ['owner','status_filter','filter','cat_id','view','sortby','planner_view','weekend'], // 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. 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. sidebox_hooked_templates: [], // List of queries in progress, to prevent home from requesting the same thing _queries_in_progress: [], // Calendar-wide autorefresh _autorefresh_timer: null, /** * Constructor * * @memberOf app.calendar */ init: function() { // 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 this._super.apply(this, arguments); // Scroll jQuery(jQuery.proxy(this._scroll,this)); jQuery.extend(this.state, this.egw.preference('saved_states','calendar')); }, /** * Destructor */ destroy: function() { // call parent this._super.apply(this, arguments); // remove top window reference if (window.top !== window && window.top.app.calendar === this) { 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 = null; 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 */ et2_ready: function(_et2, _name) { // call parent this._super.apply(this, arguments); // 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 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.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(); 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.onbeforeunload = function () { this.egw.json('calendar.calendar_uiforms.ajax_unlock', [content.data.id, content.data.lock_token],null,true,null,null).sendRequest(true); }; } } 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(); } 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 */ observer: function(_msg, _app, _id, _type, _msg_type, _links) { var do_refresh = false; if(this.state.view === 'listview') { app.classes.calendar.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 = false; if(_id) { event = egw.dataGetUIDdata('calendar::'+_id); } if(event && event.data && event.data.date || _type === 'delete') { // Intelligent refresh without reloading everything var recurrences = Object.keys(egw.dataSearchUIDs(new RegExp('^calendar::'+_id+':'))); var ids = event && event.data && event.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; } }, /** * 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 */ 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 app.classes.calendar.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(app.classes.calendar.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 app.classes.calendar.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 app.classes.calendar.views) { for(var i = 0; i < app.classes.calendar.views[_view].etemplates.length; i++) { jQuery(app.classes.calendar.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 */ toolbar_action: function toolbar_action(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': return egw.open(null,"calendar","add", {start: app.calendar.state.first}); 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 = app.classes.calendar.views[app.calendar.state.view] || false; var start = new Date(app.calendar.state.date); if (view) { start = view.scroll(delta); app.calendar.update_state({date:app.calendar.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 */ set_app_header: function(header) { var template = 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} */ _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 app.classes.calendar.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_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 app.classes.calendar.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_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 app.classes.calendar.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_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'); } }, /** * Bind scroll event * When the user scrolls, we'll move enddate - startdate days */ _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.getById(id); } else { template = app.classes.calendar.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_widget); if(widget == null) { template.widgetContainer.iterateOver(function(w) { widget = w; },this, 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 = app.classes.calendar.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; }); 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; }); } }, /** * 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} */ 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_dialog.OK_BUTTON) { _send(); } } ); } else { _send(); } } }, /** * open the freetime search popup * * @param {string} _link */ 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 * */ 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 * */ 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} */ edit_start_change: function(input, widget) { if(!widget) { widget = 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.set_min(widget.getValue()); } } // 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. * */ 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. */ 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'); 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 */ 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 */ 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 * */ 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_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_dialog.WARNING_MESSAGE ); } else if (content['recur_type'] !== 0) { et2_dialog.confirm(widget,'Delete this series of recuring events','Delete Series'); } else { 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. * */ 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 60000) ) { et2_calendar_event.series_split_prompt( content, instance_date, function(_button_id) { if (_button_id == et2_dialog.OK_BUTTON) { that.et2._inst.submit(button); } } ); } else { return true; } } else { return true; } }, /** * 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 */ 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.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); 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 */ 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 */ update_state: function update_state(_set) { // Make sure we're running in top window if(window !== window.top && window.top.app.calendar) { 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 */ getState: function getState() { 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 = app.classes.calendar.views.listview.etemplates[0] && app.classes.calendar.views.listview.etemplates[0].widgetContainer && app.classes.calendar.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 */ setState: function setState(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 = app.classes.calendar.views[state.state.view]; for(var _view in app.classes.calendar.views) { if(state.state.view != _view && app.classes.calendar.views[_view]) { for(var i = 0; i < app.classes.calendar.views[_view].etemplates.length; i++) { if(typeof app.classes.calendar.views[_view].etemplates[i] !== 'string' && view.etemplates.indexOf(app.classes.calendar.views[_view].etemplates[i]) == -1) { jQuery(app.classes.calendar.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']; var keys = jQuery.unique(Object.keys(this.state).concat(Object.keys(state.state))); 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(app.classes.calendar.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(app.classes.calendar.DAYWISE_CACHE_ID + '::' + daywise[i],null); } break; } } } // Check for a supported client-side view if(app.classes.calendar.views[state.state.view] && // Check that the view is instanciated typeof app.classes.calendar.views[state.state.view].etemplates[0] !== 'string' && app.classes.calendar.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;}); // Keep sort order if(typeof this.state.owner === 'object') { var owner = []; this.state.owner.forEach(function(key) { var found = false; state.state.owner = state.state.owner.filter(function(item) { if(!found && item == key) { owner.push(item); found = true; return false; } else return true; }); }); // Add in any new owners state.state.owner = owner.concat(state.state.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()?'horizental':'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) / (1000 * 60 * 60 * 24) / 7); // fall through case 'weekN': for(var week = 0; week < grid_count; week++) { var val = { id: app.classes.calendar._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: app.classes.calendar._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: app.classes.calendar._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 var a_scroll = 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 var a_scroll = jQuery('.calendar_calTimeGridScroll',a).scrollTop(a_scroll); } break; } } row_index++; },this,et2_calendar_view); row_index = 0; // Set rows that need it grid.iterateOver(function(widget) { if(row_index < value.length) { widget.set_disabled(false); } else { widget.set_disabled(true); return; } 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); // Hide loader widget.loader.hide(); row_index++; return; } if(widget.set_value) { widget.set_value(value[row_index++]); } },this, et2_calendar_view); } else if(state.state.view !== 'listview') { // 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) { if(typeof view[updater] === 'function') { var value = view[updater].call(this,state.state); if(updater === 'start_date') state.state.first = this.date.toString(value); if(updater === 'end_date') state.state.last = this.date.toString(value); // 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); } }, this, et2_calendar_view); } } } var value = [{start_date: state.state.first, end_date: state.state.last}]; loading = this._need_data(value,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()) { // Set width to 70%, otherwise if a scrollbar is needed for the view, it will conflict with the todo list jQuery(app.classes.calendar.views.day.etemplates[0].DOMContainer).css("width","70%"); jQuery(view.etemplates[1].DOMContainer).css({"left":"70%", "height":(jQuery(framework.tabsUi.activeTab.contentDiv).height()-30)+'px'}); // 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(app.classes.calendar.views.day.etemplates[1].DOMContainer).css("left","100%"); jQuery(app.classes.calendar.views.day.etemplates[1].DOMContainer).hide(); jQuery(app.classes.calendar.views.day.etemplates[0].DOMContainer).css("width","100%"); view.etemplates[0].widgetContainer.iterateOver(function(w) { w.set_width('100%'); },this,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_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; 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 = app.classes.calendar.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_inputWidget) && typeof state.state[widget.id] == 'undefined') { // No value, clear it widget.set_value(''); } },this,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 < this.states_to_save.length; i++) { save[this.states_to_save[i]] = this.state[this.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 && 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 this._super.apply(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 */ 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_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 {egw object} _egw * @param {widget object} _widget new_alarm[options] selectbox */ alarm_custom_date: function (_egw,_widget) { var alarm_date = this.et2.getWidgetById('new_alarm[date]'); var alarm_options = _widget || this.et2.getWidgetById('new_alarm[options]'); var start = this.et2.getWidgetById('start'); if (alarm_date && alarm_options && start) { if (alarm_options.get_value() != '0') { alarm_date.set_class('calendar_alarm_date_display'); } else { alarm_date.set_class(''); } var startDate = typeof start.get_value != 'undefined'?start.get_value():start.value; if (startDate) { var date = new Date(startDate); date.setTime(date.getTime() - 1000 * parseInt(alarm_options.get_value())); alarm_date.set_value(date); } } }, /** * Set alarm options based on WD/Regular event user preferences * Gets fired by wholeday checkbox * * @param {egw object} _egw * @param {widget object} _widget whole_day checkbox */ 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); } 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('-'+(60 * def_alarm)); event.set_value(_secs_to_label(60 * def_alarm)); } } }, /** * Clear all calendar data from egw.data cache */ _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(app.classes.calendar.DAYWISE_CACHE_ID); for(var i = 0; i < daywise.length; i++) { // Empty to clear existing widgets egw.dataStoreUID(app.classes.calendar.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 */ _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 = app.classes.calendar._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}), 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 */ _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', // Must be custom to get start & end dates status_filter: state.status_filter, cat_id: cat_id, csv_export: false }); // 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.id, 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()); // If updating owner, update listview participants as well // This lets us _add_ to the options, normal nm behaviour will replace. if(field == 'owner') { try { var participant = app.classes.calendar.views.listview.etemplates[0].widgetContainer.getWidgetById('nm').getWidgetById('participant'); if(participant) { participant.options.select_options = widget.options.select_options; participant.set_select_options(widget.options.select_options); } } catch(e) {debugger;} } 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 */ _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) { 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), new Date(state.last))); end.setUTCHours(23); end.setUTCMinutes(59); end.setUTCSeconds(59); var t = new Date(Math.max(new Date(record.data.start), new Date(state.first))); do { var expanded_date = ''+t.getUTCFullYear() + sprintf('%02d',t.getUTCMonth()+1) + sprintf('%02d',t.getUTCDate()); 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 = app.classes.calendar._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); }, /** * Some handy date calculations * All take either a Date object or full date with timestamp (Z) */ 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 (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 ? 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 = app.calendar.date.start_of_week(date); d.setUTCDate(d.getUTCDate() + 6); return d; } }, /** * The sidebox filters use some non-standard and not-exposed options. They * are set up here. * */ _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 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 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')}); today.css({ 'left': (buttons.first().offset().left + buttons.last().offset().left)/2 - Math.ceil(today.outerWidth(true)/2), 'top': go_button.css('top') }); buttons.position({my: 'center', at: 'center', of: go_button}) .css('left', ''); } } 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 var go_button = date_widget.getRoot().getWidgetById('header_go'); if(go_button) { var temp_date = new Date(year, month-1, 1,0,0,0); //temp_date.setUTCMinutes(temp_date.getUTCMinutes() + temp_date.getTimezoneOffset()); go_button.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.btn.attr('data-date', temp_date.toJSON()); } window.setTimeout(calendar_resize,0); }, // Mark holidays beforeShowDay: function (date) { var holidays = 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(app.classes.calendar.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 = date_widget.getRoot().getWidgetById('header_go'); if(go_button && go_button.btn) { go_button = go_button.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); } } }); }, /** * 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 */ _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; // Flag to make sure we don't hide non-view templates var view_et2 = false; for(var view in app.classes.calendar.views) { var index = app.classes.calendar.views[view].etemplates.indexOf(_name); if(index > -1) { view_et2 = true; app.classes.calendar.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: app.classes.calendar.views[view], index: ""+index, name: _name}))); if(this.state.view === view) { hidden = false; } } app.classes.calendar.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. */ _set_autorefresh: function() { // Listview not loaded if(typeof app.classes.calendar.views.listview.etemplates[0] == 'string') return; var nm = app.classes.calendar.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)); }, /** * Super class for the different views. * * Each separate view overrides what it needs */ View: { // List of etemplates to show for this view etemplates: ['calendar.view'], /** * Translated label for header * @param {Object} state * @returns {string} */ header: function(state) { var formatDate = new Date(state.date); formatDate = new Date(formatDate.valueOf() + formatDate.getTimezoneOffset() * 60 * 1000); return app.calendar.View._owner(state) + date(egw.preference('dateformat'),formatDate); }, /** * If one owner, get the owner text * * @param {object} state */ _owner: function(state) { var owner = ''; if(state.owner.length && state.owner.length == 1 && app.calendar.sidebox_et2) { var own = app.calendar.sidebox_et2.getWidgetById('owner').getDOMNode(); if(own.selectedIndex >= 0) { owner = own.options[own.selectedIndex].innerHTML + ": "; } } return owner; }, /** * Get the start date for this view * @param {Object} state * @returns {Date} */ start_date: function(state) { var d = state.date ? new Date(state.date) : new Date(); d.setUTCHours(0); d.setUTCMinutes(0); d.setUTCSeconds(0); d.setUTCMilliseconds(0); return d; }, /** * Get the end date for this view * @param {Object} state * @returns {Date} */ end_date: function(state) { var d = state.date ? new Date(state.date) : new Date(); d.setUTCHours(23); d.setUTCMinutes(59); d.setUTCSeconds(59); d.setUTCMilliseconds(0); return d; }, /** * Get the owner for this view * * This is always the owner from the given state, we use a function * to trigger setting the widget value. * * @param {number[]|String} state state.owner List of owner IDs, or a comma seperated list * @returns {number[]|String} */ owner: function(state) { return state.owner || 0; }, /** * Should the view show the weekends * * @param {object} state * @returns {boolean} Current preference to show 5 or 7 days in weekview */ show_weekend: function(state) { return state.weekend; }, /** * How big or small are the displayed time chunks? * * @param {object} state */ granularity: function(state) { var list = egw.preference('use_time_grid','calendar'); if(list === 0 || typeof list === 'undefined') { return parseInt(egw.preference('interval','calendar')) || 30; } if(typeof list == 'string') list = list.split(','); if(!list.indexOf && jQuery.isPlainObject(list)) { list = jQuery.map(list, function(el) { return el; }); } return list.indexOf(state.view) >= 0 ? 0 : parseInt(egw.preference('interval','calendar')) || 30; }, extend: function(sub) { return jQuery.extend({},this,{_super:this},sub); }, /** * Determines the new date after scrolling. The default is 1 week. * * @param {number} delta Integer for how many 'ticks' to move, positive for * forward, negative for backward * @returns {Date} */ scroll: function(delta) { var d = new Date(app.calendar.state.date); d.setUTCDate(d.getUTCDate() + (7 * delta)); return d; } }, /** * Initialization function in order to set/unset * categories status. * */ category_report_init: function () { var content = this.et2.getArrayMgr('content').data; for (var i=1;i= 5 ? state.days : egw.preference('days_in_weekview','calendar') || 7); var d = app.calendar.date.start_of_week(app.calendar.View.start_date.call(this,state)); // Always 7 days, we just turn weekends on or off d.setUTCHours(24*7*(parseInt(this.egw.preference('multiple_weeks','calendar')) || 3)-1); return d; } }), month: app.classes.calendar.prototype.View.extend({ header: function(state) { var formatDate = new Date(state.date); formatDate = new Date(formatDate.valueOf() + formatDate.getTimezoneOffset() * 60 * 1000); return app.calendar.View._owner(state) + app.calendar.egw.lang(date('F',formatDate)) + ' ' + date('Y',formatDate); }, start_date: function(state) { var d = app.calendar.View.start_date.call(this,state); d.setUTCDate(1); return app.calendar.date.start_of_week(d); }, end_date: function(state) { var d = app.calendar.View.end_date.call(this,state); d = new Date(d.getFullYear(),d.getUTCMonth() + 1, 1,0,-d.getTimezoneOffset(),0); d.setUTCSeconds(d.getUTCSeconds()-1); return app.calendar.date.end_of_week(d); }, granularity: function(state) { // Always a list, not a grid return 0; }, scroll: function(delta) { var d = new Date(app.calendar.state.date); d.setUTCMonth(d.getUTCMonth() + delta); return d; } }), planner: app.classes.calendar.prototype.View.extend({ header: function(state) { var startDate = new Date(state.first); startDate = new Date(startDate.valueOf() + startDate.getTimezoneOffset() * 60 * 1000); var endDate = new Date(state.last); endDate = new Date(endDate.valueOf() + endDate.getTimezoneOffset() * 60 * 1000); return app.calendar.View._owner(state) + date(egw.preference('dateformat'),startDate) + (startDate == endDate ? '' : ' - ' + date(egw.preference('dateformat'),endDate)); }, etemplates: ['calendar.planner'], group_by: function(state) { return state.sortby ? state.sortby : 0; }, // Note: Planner uses the additional value of planner_view to determine // the start & end dates using other view's functions start_date: function(state) { // Start here, in case we can't find anything better var d = app.calendar.View.start_date.call(this, state); if(state.sortby && state.sortby === 'month') { d.setUTCDate(1); } else if (state.planner_view && app.classes.calendar.views[state.planner_view]) { d = app.classes.calendar.views[state.planner_view].start_date.call(this,state); } else { d = app.calendar.date.start_of_week(d); d.setUTCHours(0); d.setUTCMinutes(0); d.setUTCSeconds(0); d.setUTCMilliseconds(0); return d; } return d; }, end_date: function(state) { var d = app.calendar.View.end_date.call(this, state); if(state.sortby && state.sortby === 'month') { d.setUTCDate(0); d.setUTCFullYear(d.getUTCFullYear() + 1); } else if (state.planner_view && app.classes.calendar.views[state.planner_view]) { d = app.classes.calendar.views[state.planner_view].end_date.call(this,state); } else if (state.days) { // This one comes from a grid view, but we'll use it d.setUTCDate(d.getUTCDate() + parseInt(state.days)-1); delete state.days; } else { d = app.calendar.date.end_of_week(d); } return d; }, hide_empty: function(state) { var check = state.sortby == 'user' ? ['user','both'] : ['cat','both']; return (check.indexOf(egw.preference('planner_show_empty_rows','calendar')) === -1); }, scroll: function(delta) { if(app.calendar.state.planner_view) { return app.classes.calendar.views[app.calendar.state.planner_view].scroll.call(this,delta); } var d = new Date(app.calendar.state.date); var days = 1; // Yearly view, grouped by month - scroll 1 month if(app.calendar.state.sortby === 'month') { d.setUTCMonth(d.getUTCMonth() + delta); d.setUTCDate(1); d.setUTCHours(0); d.setUTCMinutes(0); return d; } // Need to set the day count, or auto date ranging takes over and // makes things buggy if(app.calendar.state.first && app.calendar.state.last) { var diff = new Date(app.calendar.state.last) - new Date(app.calendar.state.first); days = Math.round(diff / (1000*3600*24)); } d.setUTCDate(d.getUTCDate() + (days*delta)); if(days > 8) { d = app.calendar.date.start_of_week(d); } return d; } }), listview: app.classes.calendar.prototype.View.extend({ header: function(state) { var startDate = new Date(state.first || state.date); startDate = new Date(startDate.valueOf() + startDate.getTimezoneOffset() * 60 * 1000); var start_check = ''+startDate.getFullYear() + startDate.getMonth() + startDate.getDate(); var endDate = new Date(state.last || state.date); endDate = new Date(endDate.valueOf() + endDate.getTimezoneOffset() * 60 * 1000); var end_check = ''+endDate.getFullYear() + endDate.getMonth() + endDate.getDate(); return app.calendar.View._owner(state) + date(egw.preference('dateformat'),startDate) + (start_check == end_check ? '' : ' - ' + date(egw.preference('dateformat'),endDate)); }, etemplates: ['calendar.list'] }) }} );