mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-17 05:23:26 +01:00
1260 lines
34 KiB
JavaScript
1260 lines
34 KiB
JavaScript
/**
|
|
* EGroupware - Calendar - Javascript UI
|
|
*
|
|
* @link http://www.egroupware.org
|
|
* @package calendar
|
|
* @author Hadi Nategh <hn-AT-stylite.de>
|
|
* @copyright (c) 2008-13 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
|
|
*/
|
|
|
|
/**
|
|
* UI for calendar
|
|
*
|
|
* @augments AppJS
|
|
*/
|
|
app.classes.calendar = AppJS.extend(
|
|
{
|
|
/**
|
|
* application name
|
|
*/
|
|
appname: 'calendar',
|
|
|
|
/**
|
|
* Constructor
|
|
*
|
|
* @memberOf app.calendar
|
|
*/
|
|
init: function()
|
|
{
|
|
// call parent
|
|
this._super.apply(this, arguments);
|
|
|
|
// make calendar object available, even if not running in top window, as sidebox does
|
|
if (window.top !== window)
|
|
{
|
|
window.top.app.calendar = this;
|
|
}
|
|
//Drag_n_Drop
|
|
this.drag_n_drop();
|
|
},
|
|
|
|
/**
|
|
* 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;
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 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);
|
|
|
|
// 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= $j('#favorite_sidebox_'+this.appname,egw_fw.sidemenuDiv);
|
|
}
|
|
this._init_sidebox(sidebox);
|
|
|
|
var content = this.et2.getArrayMgr('content');
|
|
|
|
switch (_name)
|
|
{
|
|
case 'calendar.list':
|
|
this.filter_change();
|
|
break;
|
|
|
|
case 'calendar.edit':
|
|
if (typeof content.data['conflicts'] == 'undefined')
|
|
{
|
|
$j(document.getElementById('calendar-edit_calendar-delete_series')).hide();
|
|
//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(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
|
|
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();
|
|
break;
|
|
|
|
case 'calendar.freetimesearch':
|
|
this.set_enddate_visibility();
|
|
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.match('menuaction=calendar.calendar_uiviews.index'))
|
|
{
|
|
var state = this.getState();
|
|
if (state.view == 'listview')
|
|
{
|
|
return _url.replace(/menuaction=[^&]+/, 'menuaction=calendar.calendar_uilist.listview&ajax=true');
|
|
}
|
|
}
|
|
// can not load our own index page, has to be done by framework
|
|
return false;
|
|
},
|
|
|
|
/**
|
|
* Drag and Drop
|
|
*
|
|
*
|
|
*/
|
|
drag_n_drop: function()
|
|
{
|
|
var that = this;
|
|
|
|
//Draggable & Resizable selector
|
|
jQuery("div[id^='drag_']")
|
|
//draggable event handler
|
|
.draggable
|
|
({
|
|
stack: jQuery("div[id^='drag_']"),
|
|
revert: "invalid",
|
|
delay: 50,
|
|
|
|
cursorAt:{top:0,left:0},
|
|
containment: ".egw_fw_content_browser_iframe",
|
|
scroll: true,
|
|
opacity: .6,
|
|
cursor: "move",
|
|
|
|
/**
|
|
* Triggered when the dragging of calEvent stoped.
|
|
*
|
|
* @param {event} event
|
|
* @param {Object} ui
|
|
*/
|
|
stop: function(event, ui)
|
|
{
|
|
ui.helper.width(oldWidth);
|
|
ui.helper[0].innerHTML = oldInnerHTML;
|
|
},
|
|
|
|
/**
|
|
* Triggered while dragging a calEvent.
|
|
*
|
|
* @param {event} event
|
|
* @param {Object} ui
|
|
*
|
|
*/
|
|
drag:function(event, ui)
|
|
{
|
|
//that.dragEvent();
|
|
},
|
|
|
|
/**
|
|
* Triggered when the dragging of calEvent started.
|
|
*
|
|
* @param {event} event
|
|
* @param {Object} ui
|
|
*
|
|
*/
|
|
start: function(event, ui)
|
|
{
|
|
oldInnerHTML = ui.helper[0].innerHTML;
|
|
oldWidth = ui.helper.width();
|
|
ui.helper.width(jQuery("#calColumn").width());
|
|
}
|
|
})
|
|
|
|
//Resizable event handler
|
|
.resizable
|
|
({
|
|
distance: 10,
|
|
|
|
|
|
/**
|
|
* Triggered when the resizable is created.
|
|
*
|
|
* @param {event} event
|
|
* @param {Object} ui
|
|
*/
|
|
create:function(event, ui)
|
|
{
|
|
var resizeHelper = event.target.getAttribute('data-resize').split("|")[3];
|
|
if (resizeHelper == 'WD' )
|
|
{
|
|
$j(this).resizable('destroy');
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Triggered at start of resizing a calEvent
|
|
*
|
|
* @param {event} event
|
|
* @param {Object} ui
|
|
*/
|
|
start:function(event, ui)
|
|
{
|
|
var resizeHelper = event.target.getAttribute('data-resize');
|
|
var dataResize = resizeHelper.split("|");
|
|
var time = dataResize[1].split(":");
|
|
|
|
this.dropStart = that.resizeHelper(ui.element[0].getBoundingClientRect().left,ui.element[0].getBoundingClientRect().top);
|
|
this.dropDate = dataResize[0]+"T"+time[0]+time[1];
|
|
//$j(this).resizable("option","containment",".calendar_calDayCol");
|
|
},
|
|
|
|
/**
|
|
* Triggered at the end of resizing the calEvent.
|
|
*
|
|
* @param {event} event
|
|
* @param {Object} ui
|
|
*/
|
|
stop:function(event, ui)
|
|
{
|
|
var eventFlag = event.target.getAttribute('data-resize').split("|")[3];
|
|
var dropdate = that.cal_dnd_tZone_converter(this.dropDate);
|
|
var sT = parseInt((dropdate.split("T")[1].substr(0,2)* 60)) + parseInt(dropdate.split("T")[1].substr(2,2));
|
|
if (this.dropEnd != 'undefined' && this.dropEnd)
|
|
{
|
|
var eT = parseInt(this.dropEnd.getAttribute('data-date').split("|")[1] * 60) + parseInt(this.dropEnd.getAttribute('data-date').split("|")[2]);
|
|
var newDuration = ((eT - sT)/60) * 3600;
|
|
that.dropEvent(this.getAttribute('id'),dropdate,newDuration,eventFlag);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Triggered during the resize, on the drag of the resize handler
|
|
*
|
|
* @param {event} event
|
|
* @param {Object} ui
|
|
*/
|
|
resize:function(event, ui)
|
|
{
|
|
this.dropEnd = that.resizeHelper(ui.element[0].getBoundingClientRect().left,
|
|
ui.element[0].getBoundingClientRect().top+ui.size.height);
|
|
|
|
if (typeof this.dropEnd != 'undefined' && this.dropEnd)
|
|
{
|
|
if (this.dropEnd.getAttribute('id').match(/drop_/g))
|
|
{
|
|
var dH = this.dropEnd.getAttribute('data-date').split("|")[1];
|
|
var dM = this.dropEnd.getAttribute('data-date').split("|")[2];
|
|
}
|
|
var dataResize = event.target.getAttribute('data-resize').split("|");
|
|
this.innerHTML = '<div style="font-size: 1.1em; text-align:center; font-weight: bold; height:100%;"><span class="calendar_timeDemo" >'+dH+':'+dM+'</span></div>';
|
|
}
|
|
else
|
|
{
|
|
this.innerHTML = '<div class="calendar_d-n-d_forbiden"></div>';
|
|
}
|
|
}
|
|
});
|
|
|
|
//Droppable selector
|
|
jQuery("div[id^='drop_']")
|
|
//Droppable event handler
|
|
.droppable
|
|
({
|
|
/**
|
|
* Make all draggable calEvents acceptable
|
|
*
|
|
*/
|
|
accept:function()
|
|
{
|
|
return true;
|
|
},
|
|
tolerance:'pointer',
|
|
|
|
/**
|
|
* Triggered when the calEvent dropped.
|
|
*
|
|
* @param {event} event
|
|
* @param {Object} ui
|
|
*/
|
|
drop:function(event, ui)
|
|
{
|
|
var dgId = ui.draggable[0].getAttribute('id');
|
|
var dgOwner = dgId.substring(dgId.lastIndexOf("_C")+2,dgId.lastIndexOf(""));
|
|
var dpOwner = event.target.getAttribute('data-owner');
|
|
var eventFlag = ui.draggable[0].getAttribute('data-resize').split("|")[3];
|
|
if (dpOwner == null) dpOwner = dgOwner;
|
|
if (dpOwner == dgOwner )
|
|
{
|
|
that.dropEvent(ui.draggable[0].id, event.target.getAttribute('id').substring(event.target.getAttribute('id').lastIndexOf("drop_")+5, event.target.getAttribute('id').lastIndexOf("_O")),null,eventFlag);
|
|
}
|
|
else
|
|
{
|
|
jQuery(ui.draggable).draggable("option","revert",true);
|
|
}
|
|
|
|
},
|
|
|
|
/**
|
|
* Triggered when draggable calEvent is over a droppable calCell.
|
|
*
|
|
* @param {event} event
|
|
* @param {Object} ui
|
|
*/
|
|
over:function(event, ui)
|
|
{
|
|
var timeDemo = event.target.id.substring(event.target.id.lastIndexOf("T")+1,event.target.id.lastIndexOf("_O"));
|
|
var dgId = ui.draggable[0].getAttribute('id');
|
|
var dgOwner = dgId.substring(dgId.lastIndexOf("_C")+2,dgId.lastIndexOf(""));
|
|
var dpOwner = event.target.getAttribute('data-owner');
|
|
if (dpOwner == null) dpOwner = dgOwner;
|
|
if (dpOwner === dgOwner )
|
|
{
|
|
ui.helper[0].innerHTML = '<div class="calendar_d-n-d_timeCounter"><span>'+timeDemo+'</span></div>';
|
|
}
|
|
else
|
|
{
|
|
ui.helper[0].innerHTML = '<div class="calendar_d-n-d_forbiden"></div>';
|
|
}
|
|
}
|
|
});
|
|
|
|
//jQuery Calendar Event selector
|
|
jQuery("body")
|
|
//mouseover event handler for calendar tooltip
|
|
.on("mouseover", "div[data-tooltip]",function(){
|
|
var ttp = jQuery(this).tooltip({
|
|
items: "[data-tooltip]",
|
|
content: function()
|
|
{
|
|
var elem = jQuery(this);
|
|
if (elem.is("[data-tooltip]"))
|
|
return this.getAttribute('data-tooltip') ;
|
|
},
|
|
track:true,
|
|
|
|
open: function(event,ui){
|
|
ui.tooltip.removeClass("ui-tooltip");
|
|
ui.tooltip.addClass("calendar_uitooltip");
|
|
}
|
|
});
|
|
ttp.tooltip("enable");
|
|
})
|
|
|
|
// mousedown event handler for calendar tooltip to remove disable tooltip
|
|
.on("mousedown", "div[data-tooltip]", function(){
|
|
jQuery(this).tooltip("disable");
|
|
})
|
|
|
|
//onClick event handler for calendar Events
|
|
.on("click", "div.calendar_calEvent", function(ev){
|
|
var Id = ev.currentTarget.id.replace(/drag_/g,'').split("_")[0];
|
|
var eventId = Id.match(/-?\d+\.?\d*/g)[0];
|
|
var appName = Id.replace(/-?\d+\.?\d*/g,'');
|
|
var startDate = ev.currentTarget.getAttribute('data-resize').split("|")[0];
|
|
var eventFlag = ev.currentTarget.getAttribute('data-resize').split("|")[3];
|
|
if (eventFlag != 'S')
|
|
{
|
|
that.egw.open(eventId,appName !=""?appName:'calendar','edit');
|
|
}
|
|
else
|
|
{
|
|
that.edit_series(eventId,startDate);
|
|
}
|
|
})
|
|
|
|
//Click event handler for integrated apps
|
|
.on("click","div.calendar_plannerEvent",function(ev){
|
|
var eventId = ev.currentTarget.getAttribute('data-date').split("|")[1];
|
|
var startDate = ev.currentTarget.getAttribute('data-date').split("|")[0];
|
|
var recurrFlag = ev.currentTarget.getAttribute('data-date').split("|")[2];
|
|
if (recurrFlag == "n")
|
|
{
|
|
egw.open(eventId,'calendar','edit');
|
|
}
|
|
else
|
|
{
|
|
that.edit_series(eventId,startDate);
|
|
}
|
|
})
|
|
|
|
//Click event handler for calendar cells
|
|
.on("click","div.calendar_calAddEvent, div.calendar_calTimeRowTime",function(ev){
|
|
var timestamp = ev.target.getAttribute('data-date').split("|");
|
|
if (typeof ev.target.getAttribute('id') != 'undefined' && ev.target.getAttribute('id'))
|
|
{
|
|
var owner = ev.target.getAttribute('id').split("_");
|
|
|
|
var ownerId = owner[2].match( /Ogroup/g)?owner[2].replace( /Ogroup/g, '-'):owner[2].replace( /^\D+/g, '');
|
|
if (owner[2].match( /Or/g))
|
|
{
|
|
ownerId = 'r' + ownerId;
|
|
}
|
|
}
|
|
|
|
var eventInfo =
|
|
{
|
|
date: timestamp[0],
|
|
hour: timestamp[1],
|
|
minute: timestamp[2]
|
|
};
|
|
|
|
if (typeof ownerId !='undefined' && ownerId != 0)
|
|
{
|
|
$j(eventInfo).extend(eventInfo,{owner: ownerId});
|
|
}
|
|
|
|
that.egw.open(null, 'calendar', 'add', eventInfo , '_blank');
|
|
})
|
|
|
|
//Click event handler for calendar todos
|
|
.on("click", "a[data-todo]",function(ev){
|
|
var windowSize = ev.currentTarget.getAttribute('data-todo').split("|")[1];
|
|
var link = ev.currentTarget.getAttribute('href');
|
|
that.egw.open_link(link,'_blank',windowSize);
|
|
return false;
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Function to help calendar resizable event, to fetch the right droppable cell
|
|
*
|
|
* @param {int} _X position left of draggable element
|
|
* @param {int} _Y position top of draggable element
|
|
*
|
|
* @return {jquery object|boolean} return selected jquery if not return false
|
|
*/
|
|
resizeHelper: function(_X,_Y)
|
|
{
|
|
var drops = jQuery("div[id^='drop_']");
|
|
var top = Math.round(_Y);
|
|
var left = Math.round(_X);
|
|
for (var i=0;i < drops.length;i++)
|
|
{
|
|
if (top >= Math.round(drops[i].getBoundingClientRect().top)
|
|
&& top <= Math.round(drops[i].getBoundingClientRect().bottom)
|
|
&& left >= Math.round(drops[i].getBoundingClientRect().left)
|
|
&& left <= Math.round(drops[i].getBoundingClientRect().right))
|
|
return drops[i];
|
|
}
|
|
return false;
|
|
},
|
|
|
|
/**
|
|
* Convert AM/PM dateTime format to 24h
|
|
*
|
|
* @param {string} _date dnd date format: dateTtime{am|pm}, eg. 121214T1205 am
|
|
*
|
|
* @return {string} 24h format date
|
|
*/
|
|
cal_dnd_tZone_converter : function (_date)
|
|
{
|
|
var date = _date;
|
|
if (_date !='undefined')
|
|
{
|
|
var tZone = _date.split('T')[1];
|
|
if (tZone.search('am') > 0)
|
|
{
|
|
tZone = tZone.replace(' am','');
|
|
var tAm = tZone.substr(0,2);
|
|
if (tAm == '12')
|
|
{
|
|
tZone = tZone.replace('12','00');
|
|
}
|
|
date = _date.split('T')[0] + 'T' + tZone;
|
|
}
|
|
if (tZone.search('pm') > 0)
|
|
{
|
|
var pmTime = tZone.replace(' pm','');
|
|
var H = parseInt(pmTime.substring(0,2)) + 12;
|
|
pmTime = H.toString() + pmTime.substr(2,2);
|
|
date = _date.split('T')[0] + 'T' + pmTime;
|
|
}
|
|
|
|
}
|
|
return date;
|
|
},
|
|
|
|
/**
|
|
* DropEvent
|
|
*
|
|
* @param {string} _id dragged event id
|
|
* @param {array} _date array of date,hour, and minute of dropped cell
|
|
* @param {string} _duration description
|
|
* @param {string} _eventFlag Flag to distinguesh wheter the event is Whole Day, Series, or Single
|
|
*/
|
|
dropEvent : function(_id, _date, _duration, _eventFlag)
|
|
{
|
|
var eventId = _id.substring(_id.lastIndexOf("drag_")+5,_id.lastIndexOf("_O"));
|
|
var calOwner = _id.substring(_id.lastIndexOf("_O")+2,_id.lastIndexOf("_C"));
|
|
var eventOwner = _id.substring(_id.lastIndexOf("_C")+2,_id.lastIndexOf(""));
|
|
var date = this.cal_dnd_tZone_converter(_date);
|
|
var moveOrder = false;
|
|
|
|
if (_eventFlag == 'S')
|
|
{
|
|
et2_dialog.show_dialog(function(_button_id)
|
|
{
|
|
if (_button_id == et2_dialog.OK_BUTTON)
|
|
{
|
|
egw().json(
|
|
'calendar.calendar_uiforms.ajax_moveEvent',
|
|
[eventId,
|
|
calOwner,
|
|
date,
|
|
eventOwner,
|
|
_duration]
|
|
).sendRequest();
|
|
}
|
|
},this.egw.lang("Do you really want to change the start of this series? If you do, the original series will be terminated as of today and a new series for the future reflecting your changes will be created."),
|
|
this.egw.lang("This event is part of a series"), {}, et2_dialog.BUTTONS_OK_CANCEL , et2_dialog.WARNING_MESSAGE);
|
|
}
|
|
else
|
|
{
|
|
moveOrder = true;
|
|
}
|
|
if (moveOrder)
|
|
{
|
|
egw().json(
|
|
'calendar.calendar_uiforms.ajax_moveEvent',
|
|
[eventId,
|
|
calOwner,
|
|
date,
|
|
eventOwner,
|
|
_duration]
|
|
).sendRequest();
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 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);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 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 end = this.et2.getWidgetById('end');
|
|
if (typeof duration != 'undefined' && typeof end != 'undefined')
|
|
{
|
|
end.set_disabled(duration.get_value()!=='');
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 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');
|
|
this.et2._inst.submit();
|
|
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='+($j.isPlainObject(event)?event['id']:event),'_self','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)
|
|
{
|
|
$j(document.getElementById('calendar-edit_calendar-delete_series')).show();
|
|
}
|
|
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');
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 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');
|
|
|
|
var eTime = this.et2.getWidgetById(selectedId+'[end]');
|
|
//Catches the start time from freetime content
|
|
var str = sTime.get_value();
|
|
|
|
var end = parseInt(str) + parseInt(content['duration']);
|
|
|
|
//check the parent window is still open before to try to access it
|
|
if (window.opener)
|
|
{
|
|
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(str);
|
|
endTime.set_value(end);
|
|
}
|
|
}
|
|
}
|
|
else
|
|
{
|
|
alert(this.egw.lang('The original calendar edit popup is closed!'));
|
|
}
|
|
}
|
|
window.close();
|
|
},
|
|
|
|
/**
|
|
* show/hide the filter of nm list in calendar listview
|
|
*
|
|
*/
|
|
filter_change: function()
|
|
{
|
|
var filter = this.et2 ? this.et2.getWidgetById('filter') : null;
|
|
var dates = this.et2 ? this.et2.getWidgetById('calendar.list.dates') : null;
|
|
|
|
if (filter && dates)
|
|
{
|
|
dates.set_disabled(filter.value !== "custom");
|
|
}
|
|
},
|
|
|
|
/**
|
|
* this function try to fix ids which are from integrated apps
|
|
*
|
|
* @param {egw_action} _action
|
|
* @param {Array} _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);
|
|
|
|
_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)
|
|
{
|
|
var js_integration_data = this.et2.getArrayMgr('content').data.nm.js_integration_data;
|
|
var id = _senders[0].id;
|
|
var matches = id.match(/^(?:calendar::)?([0-9]+):([0-9]+)$/);
|
|
var backup = _action.data;
|
|
if (matches)
|
|
{
|
|
this.edit_series(matches[1],matches[2]);
|
|
return;
|
|
}
|
|
matches = id.match(/^([a-z_-]+)([0-9]+)/i);
|
|
if (matches)
|
|
{
|
|
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)
|
|
{
|
|
matches = js_integration_data[app].edit_popup.match(/^(.*)x(.*)$/);
|
|
if (matches)
|
|
{
|
|
_action.data.width = matches[1];
|
|
_action.data.height = matches[2];
|
|
}
|
|
else
|
|
{
|
|
_action.data.nm_action = 'location';
|
|
}
|
|
}
|
|
}
|
|
egw.open(id.replace(/^calendar::/g,''),'calendar','edit');
|
|
_action.data = backup; // restore url, width, height, nm_action
|
|
},
|
|
|
|
/**
|
|
* Delete calendar entry, asking if you want to delete series or exception
|
|
*
|
|
*
|
|
* @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 id = matches[1];
|
|
var date = matches[2];
|
|
var popup = jQuery(document.getElementById(_action.getManager().etemplate_var_prefix + '[' + _action.id + '_popup]'));
|
|
var row = null;
|
|
|
|
// Cancel normal confirm
|
|
delete _action.data.confirm;
|
|
delete _action.data.confirm_multiple;
|
|
|
|
// nm action - show popup
|
|
nm_open_popup(_action,_senders);
|
|
|
|
if(!popup)
|
|
{
|
|
return;
|
|
}
|
|
row = jQuery("#"+id+"\\:"+date);
|
|
if (row)
|
|
{
|
|
// Open at row
|
|
popup.css({
|
|
position: "absolute",
|
|
top: row.position().top + row.height() -popup.height()/2,
|
|
left: $j(window).width()/2-popup.width()/2
|
|
});
|
|
} else {
|
|
// Open popup in the middle
|
|
popup.css({
|
|
position: "absolute",
|
|
top: $j(window).height()/2-popup.height()/2,
|
|
left: $j(window).width()/2-popup.width()/2
|
|
});
|
|
}
|
|
return;
|
|
}
|
|
|
|
console.log(_action);
|
|
nm_action(_action, _senders);
|
|
|
|
_action.data = backup; // restore url, width, height, nm_action
|
|
},
|
|
|
|
/**
|
|
* 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 whole_day = this.et2.getWidgetById('whole_day').get_value();
|
|
var button = _button;
|
|
var that = this;
|
|
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.toString() != whole_day)
|
|
{
|
|
et2_dialog.show_dialog(function(_button_id)
|
|
{
|
|
if (_button_id == et2_dialog.OK_BUTTON)
|
|
{
|
|
that.et2._inst.submit(button);
|
|
|
|
}
|
|
else
|
|
{
|
|
return false;
|
|
}
|
|
},
|
|
this.egw.lang("Do you really want to change the start of this series? If you do, the original series will be terminated as of today and a new series for the future reflecting your changes will be created."),
|
|
this.egw.lang("This event is part of a series"), {}, et2_dialog.BUTTONS_OK_CANCEL , et2_dialog.WARNING_MESSAGE);
|
|
}
|
|
else
|
|
{
|
|
return true;
|
|
}
|
|
}
|
|
else
|
|
{
|
|
return true;
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Create edit exception dialog for recurrence entries
|
|
*
|
|
* @param {object} event
|
|
* @param {string} id cal_id
|
|
* @param {integer} date timestamp
|
|
*/
|
|
edit_series: function(event,id,date)
|
|
{
|
|
// Coming from list, there is no event
|
|
if(arguments.length == 2)
|
|
{
|
|
date = id;
|
|
id = event;
|
|
event = null;
|
|
}
|
|
var edit_id = id;
|
|
var edit_date = date;
|
|
var that = this;
|
|
var buttons = [
|
|
{text: this.egw.lang("Edit exception"), id: "exception", class: "ui-priority-primary", "default": true},
|
|
{text: this.egw.lang("Edit series"), id:"series"},
|
|
{text: this.egw.lang("Cancel"), id:"cancel"}
|
|
];
|
|
et2_dialog.show_dialog(function(_button_id)
|
|
{
|
|
switch(_button_id)
|
|
{
|
|
case 'exception':
|
|
that.egw.open(edit_id, 'calendar', 'edit', '&date='+edit_date+'&exception=1');
|
|
break;
|
|
case 'series':
|
|
that.egw.open(edit_id, 'calendar', 'edit', '&date='+edit_date);
|
|
break;
|
|
case 'cancel':
|
|
|
|
default:
|
|
break;
|
|
}
|
|
},this.egw.lang("Do you want to edit this event as an exception or the whole series?"),
|
|
this.egw.lang("This event is part of a series"), {}, buttons, et2_dialog.WARNING_MESSAGE);
|
|
},
|
|
|
|
/**
|
|
* Current state, get updated via set_state method
|
|
*
|
|
* @type object
|
|
*/
|
|
state: undefined,
|
|
|
|
/**
|
|
* 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')
|
|
{
|
|
this.state = _state;
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Return state object defining current view
|
|
*
|
|
* Called by favorites to query current state.
|
|
*
|
|
* @return {object} description
|
|
*/
|
|
getState: function()
|
|
{
|
|
var state = 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) : {};
|
|
}
|
|
// we are currently in list-view
|
|
if (this.et2 && this.et2.getWidgetById('nm'))
|
|
{
|
|
jQuery.extend(state, this._super.apply(this, arguments)); // call default implementation
|
|
}
|
|
|
|
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(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);
|
|
}
|
|
}
|
|
|
|
// 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 = state;
|
|
|
|
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,'+ query.owner;
|
|
}
|
|
|
|
this.egw.open_link(this.egw.link('/index.php',query), 'calendar');
|
|
|
|
// Stop the normal bubbling if this is called on click
|
|
return false;
|
|
},
|
|
|
|
/**
|
|
* 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');
|
|
var date = 0;
|
|
|
|
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 = start.get_value();
|
|
if (startDate)
|
|
{
|
|
date = startDate - 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_options = this.et2.getWidgetById('new_alarm[options]');
|
|
var sel_options = alarm_options.options.select_options;
|
|
var def_wd = this.egw.preference('default-alarm-wholeday', 'calendar');
|
|
var def_alarm = this.egw.preference('default-alarm', 'calendar');
|
|
var self = this;
|
|
// Search a needle inside an object. Return true if there's one, otherwise false
|
|
var _is_in_options = function (_needle, _object)
|
|
{
|
|
for(var key in _object)
|
|
{
|
|
if (_needle == _object[key].value) return true;
|
|
}
|
|
return false;
|
|
}
|
|
// Convert a seconds of time to a translated label
|
|
var _secs_to_label = function (_secs)
|
|
{
|
|
var label='';
|
|
if (_secs <= 3600)
|
|
{
|
|
label = self.egw.lang('%1 minutes', _secs/60);
|
|
}
|
|
else if(_secs <= 86400)
|
|
{
|
|
label = self.egw.lang('%1 hours', _secs/3600);
|
|
}
|
|
else
|
|
{
|
|
label = self.egw.lang('%1 days', _secs/86400);
|
|
}
|
|
return label;
|
|
}
|
|
|
|
if (_widget.get_value() == "true")
|
|
{
|
|
if (!_is_in_options(def_wd, sel_options))
|
|
{
|
|
sel_options [sel_options.length] = {value:def_wd,label:_secs_to_label(def_wd)};
|
|
alarm_options.set_select_options(sel_options);
|
|
}
|
|
alarm_options.set_value(def_wd);
|
|
}
|
|
else
|
|
{
|
|
sel_options = this.et2.getArrayMgr('sel_options').data.new_alarm.options;
|
|
alarm_options.set_select_options(sel_options);
|
|
alarm_options.set_value(def_alarm);
|
|
}
|
|
}
|
|
});
|