egroupware/calendar/js/app.js

3940 lines
118 KiB
JavaScript

/**
* EGroupware - Calendar - Javascript UI
*
* @link http://www.egroupware.org
* @package calendar
* @author Hadi Nategh <hn-AT-stylite.de>
* @author Nathan Gray
* @copyright (c) 2008-16 by Ralf Becker <RalfBecker-AT-outdoor-training.de>
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @version $Id$
*/
/*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')
},
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 (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.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;
}
// 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;
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, reload
this._clear_cache();
this.setState({state: this.state});
}
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.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");
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);
// 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);
}
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;
}
}
});
}
// 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);
}
},
/**
* 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<value.length;i++)
{
if (!value[i].match(/\D/ig) || nRes)
{
quantity.set_readonly(true);
quantity.set_value(1);
}
nRes++;
}
},
/**
* print_participants_status(egw,widget)
* Handle to apply changes from status in print popup
*
* @param {mixed} _event
* @param {et2_base_widget} widget widget "status" in print popup window
*
*/
print_participants_status: function(_event, widget)
{
if (widget && window.opener)
{
//Parent popup window
var editPopWindow = window.opener;
if (editPopWindow)
{
//Update paretn popup window
editPopWindow.etemplate2.getByApplication('calendar')[0].widgetContainer.getWidgetById(widget.id).set_value(widget.get_value());
}
this.et2._inst.submit();
editPopWindow.opener.egw_refresh('status changed','calendar');
}
else if (widget)
{
window.egw_refresh(this.egw.lang('The original popup edit window is closed! You need to close the print window and reopen the entry again.'),'calendar');
}
},
/**
* Handles to select freetime, and replace the selected one on Start,
* and End date&time in edit calendar entry popup.
*
* @param {mixed} _event
* @param {et2_base_widget} _widget widget "select button" in freetime search popup window
*
*/
freetime_select: function(_event, _widget)
{
if (_widget)
{
var content = this.et2._inst.widgetContainer.getArrayMgr('content').data;
// Make the Id from selected button by checking the index
var selectedId = _widget.id.match(/^select\[([0-9])\]$/i)[1];
var sTime = this.et2.getWidgetById(selectedId+'start');
//check the parent window is still open before to try to access it
if (window.opener && sTime)
{
var editWindowObj = window.opener.etemplate2.getByApplication('calendar')[0];
if (typeof editWindowObj != "undefined")
{
var startTime = editWindowObj.widgetContainer.getWidgetById('start');
var endTime = editWindowObj.widgetContainer.getWidgetById('end');
if (startTime && endTime)
{
startTime.set_value(sTime.get_value());
endTime.set_value(sTime.get_value());
endTime.set_value('+'+content['duration']);
}
}
}
else
{
alert(this.egw.lang('The original calendar edit popup is closed!'));
}
}
egw(window).close();
},
/**
* show/hide the filter of nm list in calendar listview
*
*/
filter_change: function()
{
var view = app.classes.calendar.views['listview'].etemplates[0].widgetContainer || false;
var filter = view ? view.getWidgetById('nm').getWidgetById('filter') : null;
var dates = view ? view.getWidgetById('calendar.list.dates') : null;
// Update state when user changes it
if(filter)
{
app.calendar.state.filter = filter.getValue();
// Change sort order for before - this is just the UI, server does the query
if(app.calendar.state.filter == 'before')
{
view.getWidgetById('nm').sortBy('cal_start',false, false);
}
else
{
view.getWidgetById('nm').sortBy('cal_start',true, false);
}
}
else
{
delete app.calendar.state.filter;
}
if (filter && dates)
{
dates.set_disabled(filter.value !== "custom");
if (filter.value == "custom" && !this.state_update_in_progress)
{
// Copy state dates over, without causing [another] state update
var actual = this.state_update_in_progress;
this.state_update_in_progress = true;
view.getWidgetById('startdate').set_value(app.calendar.state.first);
view.getWidgetById('enddate').set_value(app.calendar.state.last);
this.state_update_in_progress = actual;
jQuery(view.getWidgetById('startdate').getDOMNode()).find('input').focus();
}
}
},
/**
* Application links from non-list events
*
* @param {egwAction} _action
* @param {egwActionObject[]} _events
*/
action_open: function(_action, _events)
{
var id = _events[0].id.split('::');
if(_action.data.open)
{
var open = JSON.parse(_action.data.open) || {};
var extra = open.extra || '';
extra = extra.replace(/(\$|%24)app/,id[0]).replace(/(\$|%24)id/,id[1]);
// Get a little smarter with the context
if(!extra)
{
var context = {};
if(egw.dataGetUIDdata(_events[0].id) && egw.dataGetUIDdata(_events[0].id).data)
{
// Found data in global cache
context = egw.dataGetUIDdata(_events[0].id).data;
extra = {};
}
else if (_events[0].iface.getWidget() && _events[0].iface.getWidget().instanceOf(et2_valueWidget))
{
// Able to extract something from the widget
context = _events[0].iface.getWidget().getValue ?
_events[0].iface.getWidget().getValue() :
_events[0].iface.getWidget().options.value || {};
extra = {};
}
// Try to pull whatever we can from the event
else if (jQuery.isEmptyObject(context) && _action.menu_context && (_action.menu_context.event.target))
{
var target = _action.menu_context.event.target;
while(target != null && target.parentNode && jQuery.isEmptyObject(target.dataset))
{
target = target.parentNode;
}
context = extra = target.dataset;
}
if(context.date) extra.date = context.date;
if(context.app) extra.app = context.app;
if(context.app_id) extra.app_id = context.app_id;
}
this.egw.open(open.id_data||'',open.app,open.type,extra ? extra : context);
}
else if (_action.data.url)
{
var url = _action.data.url;
url = url.replace(/(\$|%24)app/,id[0]).replace(/(\$|%24)id/,id[1]);
this.egw.open_link(url);
}
},
/**
* Context menu action (on a single event) in non-listview to generate ical
*
* Since nextmatch is all ready to handle that, we pass it through
*
* @param {egwAction} _action
* @param {egwActionObject[]} _events
*/
ical: function(_action, _events)
{
// Send it through nextmatch
_action.data.nextmatch = etemplate2.getById('calendar-list').widgetContainer.getWidgetById('nm');
var ids = {ids:[]};
for(var i = 0; i < _events.length; i++)
{
ids.ids.push(_events[i].id);
}
nm_action(_action, _events, null, ids);
},
/**
* Change status (via AJAX)
*
* @param {egwAction} _action
* @param {egwActionObject} _events
*/
status: function(_action, _events)
{
// Should be a single event, but we'll do it for all
for(var i = 0; i < _events.length; i++)
{
var event_widget = _events[i].iface.getWidget() || false;
if(!event_widget) continue;
event_widget.recur_prompt(jQuery.proxy(function(button_id,event_data) {
switch(button_id)
{
case 'exception':
egw().json(
'calendar.calendar_uiforms.ajax_status',
[event_data.app_id, egw.user('account_id'), _action.data.id]
).sendRequest(true);
break;
case 'series':
case 'single':
egw().json(
'calendar.calendar_uiforms.ajax_status',
[event_data.id, egw.user('account_id'), _action.data.id]
).sendRequest(true);
break;
case 'cancel':
default:
break;
}
},this));
}
},
/**
* this function try to fix ids which are from integrated apps
*
* @param {egwAction} _action
* @param {egwActionObject[]} _senders
*/
cal_fix_app_id: function(_action, _senders)
{
var app = 'calendar';
var id = _senders[0].id;
var matches = id.match(/^(?:calendar::)?([0-9]+)(:([0-9]+))?$/);
if (matches)
{
id = matches[1];
}
else
{
matches = id.match(/^([a-z_-]+)([0-9]+)/i);
if (matches)
{
app = matches[1];
id = matches[2];
}
}
var backup_url = _action.data.url;
_action.data.url = _action.data.url.replace(/(\$|%24)id/,id);
_action.data.url = _action.data.url.replace(/(\$|%24)app/,app);
nm_action(_action, _senders,false,{ids:[id]});
_action.data.url = backup_url; // restore url
},
/**
* Open calendar entry, taking into accout the calendar integration of other apps
*
* calendar_uilist::get_rows sets var js_calendar_integration object
*
* @param _action
* @param _senders
*
*/
cal_open: function(_action, _senders)
{
// Try for easy way - find a widget
if(_senders[0].iface.getWidget)
{
var widget = _senders[0].iface.getWidget();
return widget.recur_prompt();
}
// Nextmatch in list view does not have a widget, but we can pull
// the data by ID
// Check for series
var id = _senders[0].id;
var data = egw.dataGetUIDdata(id);
if (data && data.data)
{
et2_calendar_event.recur_prompt(data.data);
return;
}
var matches = id.match(/^(?:calendar::)?([0-9]+):([0-9]+)$/);
// Check for other app integration data sent from server
var backup = _action.data;
if(_action.parent.data && _action.parent.data.nextmatch)
{
var js_integration_data = _action.parent.data.nextmatch.options.settings.js_integration_data || this.et2.getArrayMgr('content').data.nm.js_integration_data;
if(typeof js_integration_data == 'string')
{
js_integration_data = JSON.parse(js_integration_data);
}
}
matches = id.match(/^calendar::([a-z_-]+)([0-9]+)/i);
if (matches && js_integration_data && js_integration_data[matches[1]])
{
var app = matches[1];
_action.data.url = window.egw_webserverUrl+'/index.php?';
var get_params = js_integration_data[app].edit;
get_params[js_integration_data[app].edit_id] = matches[2];
for(var name in get_params)
_action.data.url += name+"="+encodeURIComponent(get_params[name])+"&";
if (js_integration_data[app].edit_popup)
{
egw.open_link(_action.data.url,'_blank',js_integration_data[app].edit_popup,app);
_action.data = backup; // restore url, width, height, nm_action
return;
}
}
else
{
// Other app integration using link registry
var data = egw.dataGetUIDdata(_senders[0].id);
if(data && data.data)
{
return egw.open(data.data.app_id, data.data.app, 'edit');
}
}
// Regular, single event
egw.open(id.replace(/^calendar::/g,''),'calendar','edit');
},
/**
* Delete (a single) calendar entry over ajax.
*
* Used for the non-list views
*
* @param {egwAction} _action
* @param {egwActionObject} _events
*/
delete: function(_action, _events)
{
// Should be a single event, but we'll do it for all
for(var i = 0; i < _events.length; i++)
{
var event_widget = _events[i].iface.getWidget() || false;
if(!event_widget) continue;
event_widget.recur_prompt(jQuery.proxy(function(button_id,event_data) {
switch(button_id)
{
case 'exception':
egw().json(
'calendar.calendar_uiforms.ajax_delete',
[event_data.app_id]
).sendRequest(true);
break;
case 'series':
case 'single':
egw().json(
'calendar.calendar_uiforms.ajax_delete',
[event_data.id]
).sendRequest(true);
break;
case 'cancel':
default:
break;
}
},this));
}
},
/**
* Delete calendar entry, asking if you want to delete series or exception
*
* Used for nextmatch
*
* @param _action
* @param _senders
*/
cal_delete: function(_action, _senders)
{
var backup = _action.data;
var matches = false;
// Loop so we ask if any of the selected entries is part of a series
for(var i = 0; i < _senders.length; i++)
{
var id = _senders[i].id;
if(!matches)
{
matches = id.match(/^(?:calendar::)?([0-9]+):([0-9]+)$/);
}
}
if (matches)
{
var popup = jQuery('#calendar-list_delete_popup').get(0);
if (typeof popup != 'undefined')
{
// nm action - show popup
nm_open_popup(_action,_senders);
}
return;
}
nm_action(_action, _senders);
},
/**
* Confirmation dialog for moving a series entry
*
* @param {object} _DOM
* @param {et2_widget} _button button Save | Apply
*/
move_edit_series: function(_DOM,_button)
{
var content = this.et2.getArrayMgr('content').data;
var start_date = this.et2.getWidgetById('start').get_value();
var end_date = this.et2.getWidgetById('end').get_value();
var whole_day = this.et2.getWidgetById('whole_day');
var duration = ''+this.et2.getWidgetById('duration').get_value();
var is_whole_day = whole_day && whole_day.get_value() == whole_day.options.selected_value;
var button = _button;
var that = this;
var instance_date = window.location.search.match(/date=(\d{4}-\d{2}-\d{2}(?:.+Z)?)/);
if(instance_date && instance_date.length && instance_date[1])
{
instance_date = new Date(unescape(instance_date[1]));
instance_date.setUTCMinutes(instance_date.getUTCMinutes() +instance_date.getTimezoneOffset());
}
if (typeof content != 'undefined' && content.id != null &&
typeof content.recur_type != 'undefined' && content.recur_type != null && content.recur_type != 0
)
{
if (content.start != start_date ||
content.whole_day != is_whole_day ||
(duration && ''+content.duration != duration ||
// End date might ignore seconds, and be 59 seconds off for all day events
!duration && Math.abs(new Date(end_date) - new Date(content.end)) > 60000)
)
{
et2_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)
{
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]
});
}
this._need_data(day_value,state.state);
}
else
{
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();
// 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}];
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())
{
view.etemplates[0].widgetContainer.iterateOver(function(w) {
w.set_width(jQuery(view.etemplates[0].DOMContainer).width() * 0.69);
},this,et2_calendar_timegrid);
jQuery(view.etemplates[1].DOMContainer).css({"left":"69%", "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).show();
jQuery(app.classes.calendar.views.day.etemplates[1].DOMContainer).css("left","100%");
window.setTimeout(jQuery.proxy(function() {
jQuery(this).hide();
},app.classes.calendar.views.day.etemplates[1].DOMContainer),1000);
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);
}
// 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();
}
// 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);
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
*/
_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()
);
}
}
// Some data was missing, go get it
if(need_data && !seperate_owners)
{
this._fetch_data(
state,
this.sidebox_et2 ? null : this.et2.getInstanceManager()
);
}
},
/**
* 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;
}
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();
}
// 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();
}
}, 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')) ||
state.view == 'week' && 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);
}
if(typeof last == 'string' && last)
{
last = new Date(last);
}
if(!last || typeof last !== 'object')
{
last = false;
}
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)+(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.getFullYear() != last.getFullYear()))
{
if (!month_before_day)
{
range += jQuery.datepicker.formatDate('MM',first);
}
if (first.getFullYear() != last.getFullYear() && datefmt[0] != 'Y')
{
range += (datefmt[0] != 'd' ? ', ' : ' ') + first.getFullYear();
}
if (display_time)
{
range += ' '+jQuery.datepicker.formatDate(dateTimeFormat(timefmt),first);
}
if (!last)
{
return range;
}
range += ' - ';
if (first.getFullYear() != last.getFullYear() && datefmt[0] == 'Y')
{
range += last.getFullYear() + ', ';
}
if (month_before_day)
{
range += jQuery.datepicker.formatDate('MM',last);
}
}
else
{
if (display_time)
{
range += ' '+jQuery.datepicker.formatDate(dateTimeFormat(timefmt),last);
}
if(last)
{
range += ' - ';
}
}
if(last)
{
range += ' ' + last.getUTCDate() + (datefmt[1] == '.' ? '.' : '');
}
break;
case 'm':
case 'M':
range += ' '+jQuery.datepicker.formatDate('MM',month_before_day ? first : last) + ' ';
break;
case 'Y':
if (datefmt[0] != 'm')
{
range += ' ' + (datefmt[0] == 'Y' ? first.getFullYear()+(datefmt[2] == 'd' ? ', ' : ' ') : last.getFullYear()+' ');
}
break;
}
}
if (display_time && last)
{
range += ' '+jQuery.datepicker.formatDate(dateTimeFormat(timefmt),last);
}
if (datefmt[4] == 'Y' && datefmt[0] == 'm')
{
range += ', ' + last.getFullYear();
}
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;
}
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;
}
}
});}).call(this);
jQuery.extend(app.classes.calendar,{
/**
* This is the data cache prefix for the daywise event index cache
* Daywise cache IDs look like: calendar_daywise::20150101 and
* contain a list of event IDs for that day (or empty array)
*/
DAYWISE_CACHE_ID: 'calendar_daywise',
/**
* Create a cache ID for the daywise cache
*
* @param {String|Date} date If a string, date should be in Ymd format
* @param {String|integer|String[]} owner
* @returns {String} Cache ID
*/
_daywise_cache_id: function(date, owner)
{
if(typeof date === 'object')
{
date = date.getUTCFullYear() + sprintf('%02d',date.getUTCMonth()+1) + sprintf('%02d',date.getUTCDate());
}
// If the owner is not set, 0, or the current user, don't bother adding it
var state_owner = app.calendar ? app.calendar.state.owner.toString() || '' : '';
var _owner = (owner && owner.toString() != '0' && owner !== state_owner) ? owner.toString() : '';
if(_owner == egw.user('account_id'))
{
_owner = '';
}
return app.classes.calendar.DAYWISE_CACHE_ID+'::'+date+(_owner ? '-' + _owner : '');
},
/**
* Etemplates and settings for the different views. Some (day view)
* use more than one template, some use the same template as others,
* most need different handling for their various attributes.
*
* Not using the standard Class.extend here because it hides the members,
* and we want to be able to look inside them. This is done seperately instead
* of inside the normal object to allow access to the View object.
*/
views: {
day: app.classes.calendar.prototype.View.extend({
header: function(state) {
return app.calendar.View.header.call(this, state);
},
etemplates: ['calendar.view','calendar.todo'],
start_date: function(state) {
var d = app.calendar.View.start_date.call(this, state);
state.date = app.calendar.date.toString(d);
return d;
},
show_weekend: function(state) {
state.days = '1';
state.weekend = 'true';
return app.calendar.View.show_weekend.call(this,state);
},
scroll: function(delta)
{
var d = new Date(app.calendar.state.date);
d.setUTCDate(d.getUTCDate() + (delta));
return d;
}
}),
day4: app.classes.calendar.prototype.View.extend({
header: function(state) {
return app.calendar.View.header.call(this, state);
},
end_date: function(state) {
var d = app.calendar.View.end_date.call(this,state);
state.days = '4';
d.setUTCHours(24*4-1);
d.setUTCMinutes(59);
d.setUTCSeconds(59);
d.setUTCMilliseconds(0);
return d;
},
show_weekend: function(state) {
state.weekend = 'true';
return true;
},
scroll: function(delta)
{
var d = new Date(app.calendar.state.date);
d.setUTCDate(d.getUTCDate() + (4 * delta));
return d;
}
}),
week: app.classes.calendar.prototype.View.extend({
header: function(state) {
var end_date = state.last;
if(!app.classes.calendar.views.week.show_weekend(state))
{
end_date = new Date(state.last);
end_date.setUTCDate(end_date.getUTCDate() - 2);
}
return app.calendar.View._owner(state) + app.calendar.egw.lang('Week') + ' ' +
app.calendar.date.week_number(state.first) + ': ' +
app.calendar.date.long_date(state.first, end_date);
},
start_date: function(state) {
return app.calendar.date.start_of_week(app.calendar.View.start_date.call(this,state));
},
end_date: function(state) {
var d = app.calendar.date.start_of_week(state.date || new Date());
// Always 7 days, we just turn weekends on or off
d.setUTCHours(24*7-1);
d.setUTCMinutes(59);
d.setUTCSeconds(59);
d.setUTCMilliseconds(0);
return d;
}
}),
weekN: app.classes.calendar.prototype.View.extend({
header: function(state) {
return app.calendar.View._owner(state) + app.calendar.egw.lang('Week') + ' ' +
app.calendar.date.week_number(state.first) + ' - ' +
app.calendar.date.week_number(state.last) + ': ' +
app.calendar.date.long_date(state.first, state.last);
},
start_date: function(state) {
return app.calendar.date.start_of_week(app.calendar.View.start_date.call(this,state));
},
end_date: function(state) {
state.days = '' + (state.days >= 5 ? state.days : egw.preference('days_in_weekview','calendar') || 7);
var d = app.calendar.date.start_of_week(app.calendar.View.start_date.call(this,state));
// Always 7 days, we just turn weekends on or off
d.setUTCHours(24*7*(parseInt(this.egw.preference('multiple_weeks','calendar')) || 3)-1);
return d;
}
}),
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;
},
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);
// 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);
var 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);
startDate = new Date(startDate.valueOf() + startDate.getTimezoneOffset() * 60 * 1000);
var start_check = ''+startDate.getFullYear() + startDate.getMonth() + startDate.getDate();
var endDate = new Date(state.last);
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']
})
}}
);