/* eslint-disable vars-on-top */
/**
* Client UI Javascript for the Calendar plugin
*
* @author Lazlo Westerhof <hello@lazlo.me>
* @author Thomas Bruederli <bruederli@kolabsys.com>
*
* @licstart The following is the entire license notice for the
* JavaScript code in this file.
*
* Copyright (C) 2010, Lazlo Westerhof <hello@lazlo.me>
* Copyright (C) 2014-2015, Kolab Systems AG <contact@kolabsys.com>
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
* @licend The above is the entire license notice
* for the JavaScript code in this file.
*/
// Roundcube calendar UI client class
function rcube_calendar_ui(settings) {
// extend base class
rcube_calendar.call(this, settings);
/*** member vars ***/
this.is_loading = false;
this.selected_event = null;
this.selected_calendar = null;
this.search_request = null;
this.saving_lock = null;
this.calendars = {};
this.quickview_sources = [];
//Pamela
/** Contst private vars */
const width_modal_event = 700;
/*** private vars ***/
var DAY_MS = 86400000;
var HOUR_MS = 3600000;
var me = this;
var day_clicked = (day_clicked_ts = 0);
var ignore_click = false;
var event_defaults = { free_busy: 'busy', alarms: '' };
var event_attendees = [];
var calendars_list;
var calenders_search_list;
var calenders_search_container;
var search_calendars = {};
var attendees_list;
var resources_list;
var resources_treelist;
var resources_data = {};
var resources_index = [];
var resource_owners = {};
var resources_events_source = { url: null, editable: false };
var freebusy_ui = { workinhoursonly: false, needsupdate: false };
var freebusy_data = {};
var current_view = null;
var count_sources = [];
var event_sources = [];
var exec_deferred = 1;
var sensitivitylabels = {
public: rcmail.gettext('public', 'calendar'),
private: rcmail.gettext('private', 'calendar'),
confidential: rcmail.gettext('confidential', 'calendar'),
};
var ui_loading = rcmail.set_busy(true, 'loading');
// global fullcalendar settings
var fullcalendar_defaults = {
theme: false,
aspectRatio: 1,
timezone: false, // will treat the given date strings as in local (browser's) timezone
monthNames: settings.months,
monthNamesShort: settings.months_short,
dayNames: settings.days,
dayNamesShort: settings.days_short,
weekNumbers: settings.show_weekno > 0,
// PAMELA - Mode assistantes
slotEventOverlap: false,
// MANTIS 0006486: Bug du numéro de semaine dans le fullcalendar de l'agenda
weekNumberCalculation: 'ISO',
weekNumberTitle: rcmail.gettext('weekshort', 'calendar') + ' ',
firstDay: settings.first_day,
firstHour: settings.first_hour,
slotDuration: { minutes: 60 / settings.timeslots },
businessHours: {
start: settings.work_start + ':00',
end: settings.work_end + ':00',
},
scrollTime: settings.first_hour + ':00',
views: {
list: {
titleFormat: settings.dates_long,
listDayFormat: settings.date_long,
visibleRange: function (currentDate) {
return {
start: currentDate.clone(),
end: currentDate.clone().add(settings.agenda_range, 'days'),
};
},
},
month: {
columnFormat: 'ddd', // Mon
titleFormat: 'MMMM YYYY',
eventLimit: 4,
},
monthWork: {
columnFormat: 'ddd', // Mon
titleFormat: 'MMMM YYYY',
eventLimit: 4,
hiddenDays: [0, 6],
},
// PAMELA - View week days of work
agendaWork: {
columnFormat: 'ddd ' + settings.date_short, // Mon 9/7
titleFormat: settings.dates_long,
hiddenDays: [0, 6],
// Problème avec les journées entières
eventLimit: 4,
},
// PAMELA - Fullcalendar premium
agendaResource: {
columnFormat: 'ddd ' + settings.date_short, // Mon 9/7
titleFormat: settings.dates_long,
hiddenDays: [0, 6],
groupByResource: true,
},
timelineWeek: {
type: 'timeline',
duration: { weeks: 1 },
hiddenDays: [0, 6],
slotDuration: { days: 1 },
slotLabelFormat: 'ddd ' + settings.date_short,
},
agendaTwoDay: {
type: 'agenda',
duration: { days: 2 },
columnFormat: 'ddd ' + settings.date_short, // Mon 9/7
groupByResource: true,
groupByDateAndResource: true,
// PAMELA - Problème avec les journées entières
eventLimit: 4,
},
agendaThreeDay: {
type: 'agenda',
duration: { days: 3 },
columnFormat: 'ddd ' + settings.date_short, // Mon 9/7
groupByResource: true,
groupByDateAndResource: true,
// PAMELA - Problème avec les journées entières
eventLimit: 4,
},
week: {
columnFormat: 'ddd ' + settings.date_short, // Mon 9/7
titleFormat: settings.dates_long,
// PAMELA - Problème avec les journées entières
eventLimit: 4,
},
day: {
columnFormat: 'dddd ' + settings.date_short, // Monday 9/7
titleFormat: 'dddd ' + settings.date_long,
// PAMELA - Problème avec les journées entières
eventLimit: 4,
},
},
timeFormat: settings.time_format,
slotLabelFormat: settings.time_format,
defaultView: rcmail.env.view || settings.default_view,
allDayText: rcmail.gettext('all-day', 'calendar'),
buttonText: {
today: settings['today'],
timelineDay: rcmail.gettext('timelineday', 'calendar'),
day: rcmail.gettext('day', 'calendar'),
agendaTwoDay: rcmail.gettext('twoday', 'calendar'),
agendaThreeDay: rcmail.gettext('threeday', 'calendar'),
week: rcmail.gettext('week', 'calendar'),
agendaWork: rcmail.gettext('work', 'calendar'),
timelineWeek: rcmail.gettext('timelineweek', 'calendar'),
agendaResource: rcmail.gettext('workresource', 'calendar'),
month: rcmail.gettext('month', 'calendar'),
monthWork: rcmail.gettext('monthWork', 'calendar'),
list: rcmail.gettext('agenda', 'calendar'),
},
// PAMELA - Fullcalendar premium
resources: [],
resourceOrder: 'order',
resourceAreaWidth: '200px',
schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
resourceLabelText: rcmail.gettext('resources', 'calendar'),
buttonIcons: {
prev: 'left-single-arrow',
next: 'right-single-arrow',
},
nowIndicator: settings.time_indicator,
eventLimitText: function (num) {
return rcmail.gettext('andnmore', 'calendar').replace('$nr', num);
},
// event rendering
eventRender: function (event, element, view) {
//PAMELLA
let eventDatas = event;
if (
rcmail.triggerEvent('calendar.renderEvent', {
eventDatas,
element,
view,
}) === false
) {
element.css('display', 'none');
return;
}
if (view.name != 'list') {
var prefix =
event.sensitivity && event.sensitivity != 'public'
? String(sensitivitylabels[event.sensitivity]).toUpperCase() + ': '
: '';
element.attr('title', prefix + event.title);
}
// if (view.name != 'month') {
if (view.name == 'list') {
var loc = $('<td>').attr('class', 'fc-event-location');
if (event.location) loc.text(event.location);
element.find('.fc-list-item-title').after(loc);
} else if (event.location) {
element
.find('div.fc-title')
.after(
$('<div class="fc-event-location">').html(
'@ ' + Q(event.location),
),
);
}
// PAMELA
var time_element;
if (event.allDay) time_element = element.find('.fc-content');
else time_element = element.find('.fc-time');
if (event.sensitivity && event.sensitivity != 'public')
time_element.prepend('<i class="fc-icon-sensitive"></i>');
if (event.recurrence)
time_element.prepend('<i class="fc-icon-recurring"></i>');
if (event.alarms || (event.valarms && event.valarms.length))
time_element.prepend('<i class="fc-icon-alarms"></i>');
// PAMELA - Agenda: trombone manquant sur les events pour signaler la présence d'une PJ
if (!!event.attachments && event.attachments.length > 0)
time_element.prepend('<i class="fc-icon-pj"></i>');
// PAMELA - Mode assistantes
if (
event.attendee_partstart &&
['accepted', 'tentative'].indexOf(
String(event.attendee_partstart).toLowerCase(),
) === -1
)
time_element.prepend(
'<i class="fc-icon-' +
String(event.attendee_partstart).toLowerCase() +
'"></i>',
);
else if (String(event.status).toLowerCase() == 'telework') {
time_element.prepend(
'<i class="fc-icon-' + String(event.status).toLowerCase() + '"></i>',
);
}
// MANTIS 0008012: Ajouter un statut "Congés"
else if (String(event.status).toLowerCase() == 'vacation') {
time_element.prepend(
'<i class="fc-icon-' + String(event.status).toLowerCase() + '"></i>',
);
}
// }
if (event.status) {
element.addClass(
'cal-event-status-' + String(event.status).toLowerCase(),
);
}
// PAMELA - Mode assistantes
if (event.attendee_partstart) {
element.addClass(
'cal-event-partstat-' +
String(event.attendee_partstart).toLowerCase(),
);
}
rcmail.triggerEvent('calendar.renderEvent.after', {
eventDatas,
element,
view,
});
set_event_colors(element, event, view.name);
element.attr(
'aria-label',
event.title + ', ' + me.event_date_text(event, true),
);
},
// callback when a specific event is clicked
eventClick: function (event, ev, view) {
if (
!event.temp &&
(!event.className || event.className.indexOf('fc-type-freebusy') < 0)
)
event_show_dialog(event, ev);
},
};
/*** imports ***/
var Q = this.quote_html;
var text2html = this.text2html;
var event_date_text = this.event_date_text;
var date2unixtime = this.date2unixtime;
var fromunixtime = this.fromunixtime;
var parseISO8601 = this.parseISO8601;
var date2servertime = this.date2ISO8601;
var render_message_links = this.render_message_links;
/*** private methods ***/
// same as str.split(delimiter) but it ignores delimiters within quoted strings
var explode_quoted_string = function (str, delimiter) {
var result = [],
strlen = str.length,
q,
p,
i,
chr,
last;
for (q = p = i = 0; i < strlen; i++) {
chr = str.charAt(i);
if (chr == '"' && last != '\\') {
q = !q;
} else if (!q && chr == delimiter) {
result.push(str.substring(p, i));
p = i + 1;
}
last = chr;
}
result.push(str.substr(p));
return result;
};
// Change the first charcter to uppercase
var ucfirst = function (str) {
return str.charAt(0).toUpperCase() + str.substr(1);
};
// clone the given date object and optionally adjust time
var clone_date = function (date, adjust) {
var d = 'toDate' in date ? date.toDate() : new Date(date.getTime());
// set time to 00:00
if (adjust == 1) {
d.setHours(0);
d.setMinutes(0);
}
// set time to 23:59
else if (adjust == 2) {
d.setHours(23);
d.setMinutes(59);
}
return d;
};
// fix date if jumped over a DST change
var fix_date = function (date) {
if (date.getHours() == 23) date.setTime(date.getTime() + HOUR_MS);
else if (date.getHours() > 0) date.setHours(0);
};
var date2timestring = function (date, dateonly) {
return date2servertime(date)
.replace(/[^0-9]/g, '')
.substr(0, dateonly ? 8 : 14);
};
var format_date = function (date, format) {
return $.fullCalendar.formatDate(
'toDate' in date ? date : moment(date),
format,
);
};
var format_datetime = function (date, mode, voice) {
return me.format_datetime(date, mode, voice);
};
var render_link = function (url) {
var islink = false,
href = url;
if (url.match(/^[fhtpsmailo]+?:\/\//i)) {
islink = true;
} else if (url.match(/^[a-z0-9.-:]+(\/|$)/i)) {
islink = true;
href = 'http://' + url;
}
return islink
? '<a href="' + Q(href) + '" target="_blank">' + Q(url) + '</a>'
: Q(url);
};
// determine whether the given date is on a weekend
var is_weekend = function (date) {
return date.getDay() == 0 || date.getDay() == 6;
};
var is_workinghour = function (date) {
if (settings['work_start'] > settings['work_end'])
return (
date.getHours() >= settings['work_start'] ||
date.getHours() < settings['work_end']
);
else
return (
date.getHours() >= settings['work_start'] &&
date.getHours() < settings['work_end']
);
};
// PAMELA - Mode assistantes
var hexToRgb = function (hex) {
const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
return result
? {
r: parseInt(result[1], 16),
g: parseInt(result[2], 16),
b: parseInt(result[3], 16),
}
: null;
};
var set_event_colors = function (element, event, mode) {
var bg_color = '',
border_color = '',
cat = String(event.categories),
color =
event.calendar && me.calendars[event.calendar]
? me.calendars[event.calendar].color
: '',
cat_color = rcmail.env.calendar_categories[cat]
? rcmail.env.calendar_categories[cat]
: color;
switch (settings.event_coloring) {
case 1:
bg_color = border_color = cat_color;
break;
case 2:
border_color = color;
bg_color = cat_color;
break;
case 3:
border_color = cat_color;
bg_color = color;
break;
default:
bg_color = border_color = color;
break;
}
var css = {
'border-color': border_color,
'background-color': bg_color,
color: me.text_color(bg_color),
};
// PAMELA - Mode assistantes
if (
['free', 'cancelled', 'telework'].indexOf(
String(event.status).toLowerCase(),
) !== -1
) {
const rgb = hexToRgb(css['background-color']);
css['background-color'] = `rgb(${rgb.r}, ${rgb.g}, ${rgb.b}, .3)`;
delete css['color'];
} else if (
['tentative'].indexOf(String(event.status).toLowerCase()) !== -1
) {
const rgb = hexToRgb(css['background-color']);
css['background-color'] = `rgb(${rgb.r}, ${rgb.g}, ${rgb.b}, .7)`;
}
if (String(css['border-color']).match(/^#?f+$/i))
delete css['border-color'];
$.each(css, function (i, v) {
if (!v) delete css[i];
else if (v.charAt(0) != '#') css[i] = '#' + v;
});
if (mode == 'list') {
bg_color = css['background-color'];
if (bg_color && !bg_color.match(/^#?f+$/i))
$(element).find('.fc-event-dot').css('background-color', bg_color);
} else $(element).css(css);
};
var load_attachment = function (data) {
var event = data.record,
query = {
_id: data.attachment.id,
_event: event.recurrence_id || event.id,
_cal: event.calendar,
};
if (event.rev) query._rev = event.rev;
if (event.calendar == '--invitation--itip')
$.extend(query, {
_uid: event._uid,
_part: event._part,
_mbox: event._mbox,
});
libkolab.load_attachment(query, data.attachment);
};
// build event attachments list
var event_show_attachments = function (list, container, event, edit) {
libkolab.list_attachments(
list,
container,
edit,
event,
function (id) {
remove_attachment(id);
},
function (data) {
load_attachment(data);
},
);
};
var remove_attachment = function (id) {
rcmail.env.deleted_attachments.push(id);
};
// event details dialog (show only)
var event_show_dialog = function (event, ev, temp) {
// PAMELA
if (!temp) me.selected_event = event;
var $dialog = $('#eventshow');
var calendar =
event.calendar && me.calendars[event.calendar]
? me.calendars[event.calendar]
: { editable: false, rights: 'lrs' };
if ($dialog.is(':ui-dialog')) $dialog.dialog('close');
// remove status-* and sensitivity-* classes
$dialog.removeClass(function (i, oldclass) {
var oldies = String(oldclass).split(' ');
return $.grep(oldies, function (cls) {
return (
cls.indexOf('status-') === 0 || cls.indexOf('sensitivity-') === 0
);
}).join(' ');
});
// convert start/end dates if not done yet by fullcalendar
if (typeof event.start === 'string')
event.start = parseISO8601(event.start);
if (typeof event.end === 'string') event.end = parseISO8601(event.end);
// PAMELA - 0007033: Modification d'un évenement récurrent
if (typeof event.master_start === 'string')
event.master_start = parseISO8601(event.master_start);
if (typeof event.master_end === 'string')
event.master_end = parseISO8601(event.master_end);
// allow other plugins to do actions when event form is opened
rcmail.triggerEvent('calendar-event-init', { o: event });
$dialog.find('div.event-section, div.event-line, .form-group').hide();
$('#event-title').html(Q(event.title)).show();
if (event.location)
$('#event-location')
.html('@ ' + text2html(event.location))
.show();
if (event.description)
$('#event-description')
.show()
.find('.event-text')
.html(text2html(event.description, 300, 6));
if (event.vurl)
$('#event-url').show().find('.event-text').html(render_link(event.vurl));
if (event.recurrence && event.recurrence_text)
$('#event-repeat')
.show()
.find('.event-text')
.html(Q(event.recurrence_text));
if (event.valarms && event.alarms_text)
$('#event-alarm')
.show()
.find('.event-text')
.html(Q(event.alarms_text).replace(',', ',<br>'));
if (calendar.name)
$('#event-calendar')
.show()
.find('.event-text')
.html(Q(calendar.name))
.addClass('cal-' + calendar.id);
if (event.categories)
$('#event-category')
.show()
.find('.event-text')
.text(event.categories)
.addClass(
'cat-' +
String(event.categories)
.toLowerCase()
.replace(rcmail.identifier_expr, ''),
);
if (event.free_busy)
$('#event-free-busy')
.show()
.find('.event-text')
.text(rcmail.gettext(event.free_busy, 'calendar'));
if (event.priority > 0) {
var priolabels = [
'',
rcmail.gettext('highest'),
rcmail.gettext('high'),
'',
'',
rcmail.gettext('normal'),
'',
'',
rcmail.gettext('low'),
rcmail.gettext('lowest'),
];
$('#event-priority')
.show()
.find('.event-text')
.text(event.priority + ' ' + priolabels[event.priority]);
}
if (event.status) {
var status_lc = String(event.status).toLowerCase();
//Pamela - Modification du texte
const status =
status_lc === 'confirmed'
? 'busy'
: status_lc === 'free'
? 'free'
: `status-${status_lc}`;
$('#event-status')
.show()
.find('.event-text')
.text(rcmail.gettext(status, 'calendar'));
$('#event-status-badge > span').text(rcmail.gettext(status, 'calendar'));
$dialog.addClass(status); //fin pamela
}
if (event.sensitivity && event.sensitivity != 'public') {
$('#event-sensitivity')
.show()
.find('.event-text')
.text(sensitivitylabels[event.sensitivity]);
$('#event-status-badge > span').text(
sensitivitylabels[event.sensitivity],
);
$dialog.addClass('sensitivity-' + event.sensitivity);
}
if (event.created || event.changed) {
var created = parseISO8601(event.created),
changed = parseISO8601(event.changed);
$('.event-created', $dialog).text(
created
? format_datetime(created)
: rcmail.gettext('unknown', 'calendar'),
);
$('.event-changed', $dialog).text(
changed
? format_datetime(changed)
: rcmail.gettext('unknown', 'calendar'),
);
$('#event-created,#event-changed,#event-created-changed').show();
}
// create attachments list
if ($.isArray(event.attachments)) {
event_show_attachments(
event.attachments,
$('#event-attachments').find('.event-text'),
event,
);
if (event.attachments.length > 0) {
$('#event-attachments').show();
}
} else if (calendar.attachments) {
// fetch attachments, some drivers doesn't set 'attachments' prop of the event?
}
// build attachments list
$('#event-links').hide();
if ($.isArray(event.links) && event.links.length) {
render_message_links(
event.links || [],
$('#event-links').find('.event-text'),
false,
'calendar',
);
$('#event-links').show();
}
// list event attendees
if (calendar.attendees && event.attendees) {
// sort resources to the end
event.attendees.sort(function (a, b) {
var j = a.cutype == 'RESOURCE' ? 1 : 0,
k = b.cutype == 'RESOURCE' ? 1 : 0;
return j - k;
});
var data,
mystatus = null,
rsvp,
line,
morelink,
html = '',
overflow = '',
organizer = me.is_organizer(event),
num_attendees = event.attendees.length;
for (var j = 0; j < num_attendees; j++) {
data = event.attendees[j];
if (data.email) {
// PAMELA - Mode assistantes
// if (data.role != 'ORGANIZER' && settings.identity.emails.indexOf(';' + data.email) >= 0) {
if (
data.role != 'ORGANIZER' &&
calendar.owner_email.toLowerCase() ==
String(data.email).toLowerCase()
) {
mystatus = (data.status || 'UNKNOWN').toLowerCase();
if (
data.status == 'NEEDS-ACTION' ||
data.status == 'TENTATIVE' ||
data.rsvp
)
rsvp = mystatus;
}
}
line = rcube_libcalendaring.attendee_html(data);
if (morelink) overflow += ' ' + line;
else html += ' ' + line;
// stop listing attendees
if (j == 7 && num_attendees > 8) {
morelink = $('<a href="#more" class="morelink"></a>').html(
rcmail
.gettext('andnmore', 'calendar')
.replace('$nr', num_attendees - j - 1),
);
}
}
if (html && (num_attendees > 1 || !organizer)) {
$('#event-attendees')
.show()
.find('.event-text')
.html(html)
.find('a.mailtolink')
.click(event_attendee_click);
// display all attendees in a popup when clicking the "more" link
if (morelink) {
$('#event-attendees .event-text').append(morelink);
morelink.click(function (e) {
rcmail.simple_dialog(
'<div id="all-event-attendees" class="event-attendees">' +
html +
overflow +
'</div>',
rcmail.gettext('tabattendees', 'calendar'),
null,
{ width: 450, cancel_button: 'close' },
);
$('#all-event-attendees a.mailtolink').click(event_attendee_click);
return false;
});
}
}
if (mystatus && !rsvp) {
$('#event-partstat')
.show()
.find('.changersvp, .event-text')
.removeClass(
'accepted tentative declined delegated needs-action unknown',
)
.addClass(mystatus);
$('#event-partstat')
.find('.event-text')
.text(rcmail.gettext('status' + mystatus, 'libcalendaring'));
}
var show_rsvp =
rsvp &&
!organizer &&
event.status != 'CANCELLED' &&
me.has_permission(calendar, 'v');
$('#event-rsvp')[show_rsvp ? 'show' : 'hide']();
$('#event-rsvp .rsvp-buttons input')
.prop('disabled', false)
.filter('input[rel="' + (mystatus || '') + '"]')
.prop('disabled', true);
if (show_rsvp && event.comment)
$('#event-rsvp-comment')
.show()
.find('.event-text')
.html(Q(event.comment));
$('#event-rsvp a.reply-comment-toggle').show();
$('#event-rsvp .itip-reply-comment textarea').hide().val('');
if (event.recurrence && event.id) {
var sel =
event._savemode ||
(event.thisandfuture
? 'future'
: event.isexception
? 'current'
: 'all');
$('#event-rsvp .rsvp-buttons').addClass('recurring');
} else {
$('#event-rsvp .rsvp-buttons').removeClass('recurring');
}
}
// PAMELA
if (rcmail.env.calendar_custom_dialog === true) {
return rcmail.triggerEvent('calendar.event_show_dialog.custom', {
showed: Object.assign({}, event),
ev: ev,
temp: temp,
object: me,
calendar: calendar,
show_rsvp: show_rsvp === undefined ? false : show_rsvp,
functions: {
event_edit_dialog: event_edit_dialog,
},
});
}
var buttons = [],
is_removable_event = function (event, calendar) {
// for invitation calendars check permissions of the original folder
if (event._folder_id) calendar = me.calendars[event._folder_id];
return calendar && me.has_permission(calendar, 'td');
};
if (!temp && calendar.editable && event.editable !== false) {
buttons.push({
text: rcmail.gettext('edit', 'calendar'),
class: 'edit mainaction',
click: function () {
event_edit_dialog('edit', event);
// PAMELA - Actions à faire lorsque l'on appelle la fenêtre d'édition d'évènement
rcmail.triggerEvent('edit-event', event);
},
});
}
if (
!temp &&
is_removable_event(event, calendar) &&
event.editable !== false
) {
buttons.push({
text: rcmail.gettext('delete', 'calendar'),
class: 'delete',
click: function () {
me.delete_event(event);
$dialog.dialog('close');
},
});
}
buttons.push({
text: rcmail.gettext('close', 'calendar'),
class: 'cancel',
click: function () {
$dialog.dialog('close');
},
});
var close_func = function (e) {
rcmail.command('menu-close', 'eventoptionsmenu', null, e);
$('.libcal-rsvp-replymode').hide();
};
// open jquery UI dialog
$dialog
.dialog({
modal: true,
resizable: true,
closeOnEscape: true,
title: me.event_date_text(event),
open: function () {
$dialog.attr('aria-hidden', 'false');
setTimeout(function () {
$dialog
.parent()
.find('button:not(.ui-dialog-titlebar-close,.delete)')
.first()
.focus();
}, 5);
},
close: function (e) {
close_func(e);
$dialog.dialog('close');
},
dragStart: close_func,
resizeStart: close_func,
buttons: buttons,
minWidth: 320,
width: 420,
})
.show();
// remember opener element (to be focused on close)
$dialog.data(
'opener',
ev && rcube_event.is_keyboard(ev) ? ev.target : null,
);
// set voice title on dialog widget
$dialog
.dialog('widget')
.removeAttr('aria-labelledby')
.attr('aria-label', me.event_date_text(event, true) + ', ', event.title);
// set dialog size according to content
me.dialog_resize($dialog.get(0), $dialog.height(), 420);
// add link for "more options" drop-down
if (!temp && !event.temporary && event.calendar != '_resource') {
$('<a>')
.attr({
href: '#',
class: 'dropdown-link btn btn-link options',
'data-popup-pos': 'top',
})
.text(rcmail.gettext('eventoptions', 'calendar'))
.click(function (e) {
return rcmail.command('menu-open', 'eventoptionsmenu', this, e);
})
.appendTo($dialog.parent().find('.ui-dialog-buttonset'));
}
rcmail.enable_command('event-history', calendar.history);
//PAMELLA, add event
rcmail.triggerEvent('calendar-event-dialog', { dialog: $dialog });
};
// event handler for clicks on an attendee link
var event_attendee_click = function (e) {
var cutype = $(this).attr('data-cutype'),
mailto = this.href.substr(7);
if (rcmail.env.calendar_resources && cutype == 'RESOURCE') {
event_resources_dialog(mailto);
} else {
rcmail.command('compose', mailto, e ? e.target : null, e);
}
return false;
};
// bring up the event dialog (jquery-ui popup)
var event_edit_dialog = function (action, event) {
// copy opener element from show dialog
var op_elem = $('#eventshow:ui-dialog').data('opener');
// close show dialog first
$('#eventshow:ui-dialog').data('opener', null).dialog('close');
var $dialog = $('<div>');
var calendar =
event.calendar && me.calendars[event.calendar]
? me.calendars[event.calendar]
: { editable: true, rights: action == 'new' ? 'lrwitd' : 'lrs' };
me.selected_event = $.extend($.extend({}, event_defaults), event); // clone event object (with defaults)
event = me.selected_event; // change reference to clone
freebusy_ui.needsupdate = false;
if (rcmail.env.action == 'dialog-ui') calendar.attendees = false; // TODO: allow Attendees tab in Save-as-event dialog
// reset dialog first
$('#eventedit form').trigger('reset');
$(
'#event-panel-recurrence input, #event-panel-recurrence select, #event-panel-attachments input',
).prop('disabled', false);
$('#event-panel-recurrence, #event-panel-attachments').removeClass(
'disabled',
);
// allow other plugins to do actions when event form is opened
rcmail.triggerEvent('calendar-event-init', { o: event });
// event details
var title = $('#edit-title').val(event.title || '');
var location = $('#edit-location').val(event.location || '');
var description = $('#edit-description').text(event.description || '');
var vurl = $('#edit-url').val(event.vurl || '');
var categories = $('#edit-categories').val(event.categories);
var calendars = $('#edit-calendar').val(event.calendar);
var eventstatus = $('#edit-event-status').val(event.status);
var freebusy = $('#edit-free-busy').val(event.free_busy);
var priority = $('#edit-priority').val(event.priority);
var sensitivity = $('#edit-sensitivity').val(event.sensitivity);
var syncstart = $('#edit-recurrence-syncstart input');
var end = 'toDate' in event.end ? event.end : moment(event.end);
var start = 'toDate' in event.start ? event.start : moment(event.start);
var duration = Math.round((end.format('x') - start.format('x')) / 1000);
// Correct the fullCalendar end date for all-day events
if (!end.hasTime()) {
end.subtract(1, 'days');
}
var startdate = $('#edit-startdate')
.val(format_date(start, settings.date_format))
.data('duration', duration);
var starttime = $('#edit-starttime')
.val(format_date(start, settings.time_format))
.show();
var enddate = $('#edit-enddate').val(
format_date(end, settings.date_format),
);
var endtime = $('#edit-endtime')
.val(format_date(end, settings.time_format))
.show();
var allday = $('#edit-allday').get(0);
var notify = $('#edit-attendees-donotify').get(0);
var invite = $('#edit-attendees-invite').get(0);
var comment = $('#edit-attendees-comment');
// make sure any calendar is selected
if (!calendars.val())
calendars.val($('option:first', calendars).attr('value'));
invite.checked = settings.itip_notify & (1 > 0);
notify.checked = me.has_attendees(event) && invite.checked;
if (event.allDay) {
//PAMELA
// starttime.val("12:00").hide();
// endtime.val("13:00").hide();
allday.checked = true;
} else {
allday.checked = false;
}
// set calendar selection according to permissions
calendars.find('option').each(function (i, opt) {
var cal = me.calendars[opt.value] || {};
$(opt).prop(
'disabled',
!(cal.editable || (action == 'new' && me.has_permission(cal, 'i'))),
);
});
// set alarm(s)
me.set_alarms_edit(
'#edit-alarms',
action != 'new' && event.valarms && calendar.alarms ? event.valarms : [],
);
// enable/disable alarm property according to backend support
$('#edit-alarms')[calendar.alarms ? 'show' : 'hide']();
// check categories drop-down: add value if not exists
if (
event.categories &&
!categories.find(`option[value="${event.categories}"]`).length
) {
$('<option>')
.attr('value', event.categories)
.text(event.categories)
.appendTo(categories)
.prop('selected', true);
}
if ($.isArray(event.links) && event.links.length) {
render_message_links(
event.links,
$('#edit-event-links .event-text'),
true,
'calendar',
);
$('#edit-event-links').show();
} else {
$('#edit-event-links').hide();
}
// show warning if editing a recurring event
if (event.id && event.recurrence) {
var sel =
event._savemode ||
(event.thisandfuture
? 'future'
: event.isexception
? 'current'
: 'all');
$('#edit-recurring-warning').show();
$('input.edit-recurring-savemode[value="' + sel + '"]')
.prop('checked', true)
.change();
} else $('#edit-recurring-warning').hide();
// init attendees tab
var organizer = !event.attendees || me.is_organizer(event),
allow_invitations =
organizer ||
(calendar.owner && calendar.owner == 'anonymous') ||
settings.invite_shared;
event_attendees = [];
attendees_list = $('#edit-attendees-table > tbody').html('');
resources_list = $('#edit-resources-table > tbody').html('');
$('#edit-attendees-notify')[
action != 'new' &&
allow_invitations &&
me.has_attendees(event) &&
settings.itip_notify & 2
? 'show'
: 'hide'
]();
// MANTIS 0006722: Si l'organisateur est interne, empecher le participant de modifier la date de l'événement
if (me.is_internal_organizer(event)) {
$('#edit-internallocalchanges-warning')[
action != 'new' &&
me.has_attendees(event) &&
!(
allow_invitations ||
(calendar.owner && me.is_organizer(event, calendar.owner))
)
? 'show'
: 'hide'
]();
} else {
$('#edit-localchanges-warning')[
action != 'new' &&
me.has_attendees(event) &&
!(
allow_invitations ||
(calendar.owner && me.is_organizer(event, calendar.owner))
)
? 'show'
: 'hide'
]();
}
var load_attendees_tab = function () {
var j,
data,
organizer_attendee,
reply_selected = 0;
if (event.attendees) {
for (j = 0; j < event.attendees.length; j++) {
data = event.attendees[j];
// reset attendee status
if (event._savemode == 'new' && data.role != 'ORGANIZER') {
data.status = 'NEEDS-ACTION';
delete data.noreply;
}
add_attendee(data, !allow_invitations);
if (allow_invitations && data.role != 'ORGANIZER' && !data.noreply)
reply_selected++;
if (data.role == 'ORGANIZER') organizer_attendee = data;
}
}
// make sure comment box is visible if at least one attendee has reply enabled
// or global "send invitations" checkbox is checked
$('#eventedit .attendees-commentbox')[
reply_selected || invite.checked ? 'show' : 'hide'
]();
// select the correct organizer identity
var identity_id = 0;
$.each(settings.identities, function (i, v) {
if (
organizer &&
typeof organizer === 'object' &&
v == organizer.email
) {
identity_id = i;
return false;
}
});
// In case the user is not the (shared) event organizer we'll add the organizer to the selection list
if (!identity_id && !organizer && organizer_attendee) {
var organizer_name = organizer_attendee.email;
if (organizer_attendee.name)
organizer_name =
'"' + organizer_attendee.name + '" <' + organizer_name + '>';
$('#edit-identities-list').append(
$('<option value="0">').text(organizer_name),
);
}
$('#edit-identities-list').val(identity_id);
$('#edit-attendees-form')[allow_invitations ? 'show' : 'hide']();
$('#edit-attendee-schedule')[calendar.freebusy ? 'show' : 'hide']();
};
// attachments
var load_attachments_tab = function () {
rcmail.enable_command(
'remove-attachment',
'upload-file',
calendar.editable && !event.recurrence_id,
);
rcmail.env.deleted_attachments = [];
// we're sharing some code for uploads handling with app.js
rcmail.env.attachments = [];
rcmail.env.compose_id = event.id; // for rcmail.async_upload_form()
if ($.isArray(event.attachments)) {
event_show_attachments(
event.attachments,
$('#edit-attachments'),
event,
true,
);
} else {
//PAMELLA 0006976: Persistance Message jaune
$('#edit-internallocalchanges-warning').hide();
$('#edit-localchanges-warning')[
action != 'new' &&
me.has_attendees(event) &&
!(
allow_invitations ||
(calendar.owner && me.is_organizer(event, calendar.owner))
)
? 'show'
: 'hide'
]();
}
};
// init dialog buttons
var buttons = [],
//PAMELLA => ADDING ASYNC
save_func = async function () {
var start = allday.checked ? '12:00' : $.trim(starttime.val()),
end = allday.checked ? '13:00' : $.trim(endtime.val()),
re = /^((0?[0-9])|(1[0-9])|(2[0-3])):([0-5][0-9])(\s*[ap]\.?m\.?)?$/i;
if (!re.test(start) || !re.test(end)) {
rcmail.alert_dialog(rcmail.gettext('invalideventdates', 'calendar'));
//PAMELLA => adding trigger on not save
rcmail.triggerEvent('calendar.not_saved');
return false;
}
start = me.parse_datetime(start, startdate.val());
end = me.parse_datetime(end, enddate.val());
if (!title.val()) {
rcmail.alert_dialog(rcmail.gettext('emptyeventtitle', 'calendar'));
//PAMELLA => adding trigger on not save
rcmail.triggerEvent('calendar.not_saved');
return false;
}
if (start.getTime() > end.getTime()) {
rcmail.alert_dialog(rcmail.gettext('invalideventdates', 'calendar'));
//PAMELLA => adding trigger on not save
rcmail.triggerEvent('calendar.not_saved');
return false;
}
//PAMELA Ajout de ce qu'il y a entre accolades
{
let trigger_result = rcmail.triggerEvent('calendar.save_event');
if (trigger_result?.then) trigger_result = await trigger_result;
if ((trigger_result ?? true) === false) {
rcmail.triggerEvent('calendar.not_saved');
return false;
}
rcmail.triggerEvent('calendar.save_event.before');
}
// post data to server
var data = {
calendar: event.calendar,
start: date2servertime(start),
end: date2servertime(end),
allDay: allday.checked ? 1 : 0,
title: title.val(),
description: description.val(),
location: location.val(),
categories: categories.val(),
vurl: vurl.val(),
free_busy: freebusy.val(),
priority: priority.val(),
sensitivity: sensitivity.val(),
status: eventstatus.val(),
recurrence: me.serialize_recurrence(endtime.val()),
valarms: me.serialize_alarms('#edit-alarms'),
attendees: event_attendees,
links: me.selected_event.links,
deleted_attachments: rcmail.env.deleted_attachments,
attachments: [],
};
// uploaded attachments list
for (var i in rcmail.env.attachments)
if (i.match(/^rcmfile(.+)/)) data.attachments.push(RegExp.$1);
// read attendee roles
$('select.edit-attendee-role').each(function (i, elem) {
if (data.attendees[i]) data.attendees[i].role = $(elem).val();
});
if (organizer)
data._identity = $('#edit-identities-list option:selected').val();
// per-attendee notification suppression
var need_invitation = false;
if (allow_invitations) {
$.each(data.attendees, function (i, v) {
if (v.role != 'ORGANIZER') {
if (
$('input.edit-attendee-reply[value="' + v.email + '"]').prop(
'checked',
) ||
v.cutype == 'RESOURCE'
) {
need_invitation = true;
delete data.attendees[i]['noreply'];
} else if (settings.itip_notify > 0) {
data.attendees[i].noreply = 1;
}
}
});
}
// tell server to send notifications
try {
if (
(data.attendees.length || (event.id && event.attendees.length)) &&
allow_invitations &&
(notify.checked || invite.checked || need_invitation)
) {
data._notify = settings.itip_notify;
data._comment = comment.val();
}
} catch (error) {}
data.calendar = calendars.val();
if (event.id) {
data.id = event.id;
if (event.recurrence)
data._savemode = $('input.edit-recurring-savemode:checked').val();
if (data.calendar && data.calendar != event.calendar)
data._fromcalendar = event.calendar;
}
if (data.recurrence && syncstart.is(':checked')) data.syncstart = 1;
update_event(action, data);
if (rcmail.env.action != 'dialog-ui') $dialog.dialog('close');
};
rcmail.env.event_save_func = save_func;
// save action
buttons.push({
text: rcmail.gettext('save', 'calendar'),
class: 'save mainaction',
click: save_func,
});
buttons.push({
text: rcmail.gettext('cancel', 'calendar'),
class: 'cancel',
click: function () {
$dialog.dialog('close');
},
});
// show/hide tabs according to calendar's feature support and activate first tab (Larry)
$('#edit-tab-attendees')[calendar.attendees ? 'show' : 'hide']();
$('#edit-tab-resources')[rcmail.env.calendar_resources ? 'show' : 'hide']();
$('#edit-tab-attachments')[calendar.attachments ? 'show' : 'hide']();
$('#eventedit:not([data-notabs])').tabs('option', 'active', 0); // Larry
// show/hide tabs according to calendar's feature support and activate first tab (Ellastic)
$('li > a[href="#event-panel-attendees"]')
.parent()
[calendar.attendees ? 'show' : 'hide']();
$('li > a[href="#event-panel-resources"]')
.parent()
[rcmail.env.calendar_resources ? 'show' : 'hide']();
$('li > a[href="#event-panel-attachments"]')
.parent()
[calendar.attachments ? 'show' : 'hide']();
if ($('#eventedit').data('notabs'))
$('#eventedit li.nav-item:first-child a').tab('show');
// hack: set task to 'calendar' to make all dialog actions work correctly
var comm_path_before = rcmail.env.comm_path;
rcmail.env.comm_path = comm_path_before.replace(
/_task=[a-z]+/,
'_task=calendar',
);
var editform = $('#eventedit');
if (rcmail.env.action != 'dialog-ui') {
// open jquery UI dialog
$dialog
.dialog({
modal: true,
resizable: true,
closeOnEscape: true /**PAMELA **/,
title: rcmail.gettext(
action == 'edit' ? 'edit_event' : 'new_event',
'calendar',
),
open: function () {
editform.attr('aria-hidden', 'false');
},
close: function () {
editform.hide().attr('aria-hidden', 'true').appendTo(document.body);
$dialog.dialog('destroy').remove();
rcmail.ksearch_blur();
freebusy_data = {};
rcmail.env.comm_path = comm_path_before; // restore comm_path
if (op_elem) $(op_elem).focus();
},
buttons: buttons,
minWidth: 500,
width: width_modal_event,
})
.append(editform.show()); // adding form content AFTERWARDS massively speeds up opening on IE6
// set dialog size according to form content
me.dialog_resize(
$dialog.get(0),
editform.height() + (bw.ie ? 20 : 0),
width_modal_event,
);
rcmail.triggerEvent('calendar-event-dialog', { dialog: $dialog });
}
// init other tabs asynchronously
window.setTimeout(function () {
me.set_recurrence_edit(event);
}, exec_deferred);
if (calendar.attendees)
window.setTimeout(load_attendees_tab, exec_deferred);
if (calendar.attachments)
window.setTimeout(load_attachments_tab, exec_deferred);
title.select();
// PAMELA - Actions à faire lorsque l'on appelle la fenêtre d'édition d'évènement
if (action === 'new') rcmail.triggerEvent('edit-event', event);
};
// show event changelog in a dialog
var event_history_dialog = function (event) {
if (!event.id || !window.libkolab_audittrail) return false;
// render dialog
var $dialog = libkolab_audittrail.object_history_dialog({
module: 'calendar',
container: '#eventhistory',
title:
rcmail.gettext('objectchangelog', 'calendar') +
' - ' +
event.title +
', ' +
me.event_date_text(event),
// callback function for list actions
listfunc: function (action, rev) {
me.loading_lock = rcmail.set_busy(true, 'loading', me.loading_lock);
rcmail.http_post(
'event',
{
action: action,
e: { id: event.id, calendar: event.calendar, rev: rev },
},
me.loading_lock,
);
},
// callback function for comparing two object revisions
comparefunc: function (rev1, rev2) {
me.loading_lock = rcmail.set_busy(true, 'loading', me.loading_lock);
rcmail.http_post(
'event',
{
action: 'diff',
e: {
id: event.id,
calendar: event.calendar,
rev1: rev1,
rev2: rev2,
},
},
me.loading_lock,
);
},
});
$dialog.data('event', event);
// fetch changelog data
me.loading_lock = rcmail.set_busy(true, 'loading', me.loading_lock);
rcmail.http_post(
'event',
{ action: 'changelog', e: { id: event.id, calendar: event.calendar } },
me.loading_lock,
);
};
// callback from server with changelog data
var render_event_changelog = function (data) {
var $dialog = $('#eventhistory'),
event = $dialog.data('event');
if (data === false || !data.length || !event) {
// display 'unavailable' message
$(
'<div class="notfound-message dialog-message warning">' +
rcmail.gettext('objectchangelognotavailable', 'calendar') +
'</div>',
).insertBefore($dialog.find('.changelog-table').hide());
return;
}
data.module = 'calendar';
libkolab_audittrail.render_changelog(
data,
event,
me.calendars[event.calendar],
);
// set dialog size according to content
me.dialog_resize($dialog.get(0), $dialog.height(), 600);
};
// callback from server with event diff data
var event_show_diff = function (data) {
var event = me.selected_event,
$dialog = $('#eventdiff');
$dialog
.find('div.event-section, div.event-line, h1.event-title-new')
.hide()
.data('set', false)
.find('.index')
.html('');
$dialog.find('div.event-section.clone, div.event-line.clone').remove();
// always show event title and date
$('.event-title', $dialog)
.text(event.title)
.removeClass('event-text-old')
.show();
$('.event-date', $dialog).text(me.event_date_text(event)).show();
// show each property change
$.each(data.changes, function (i, change) {
var prop = change.property,
r2,
html = false,
row = $('div.event-' + prop, $dialog).first();
// special case: title
if (prop == 'title') {
$('.event-title', $dialog)
.addClass('event-text-old')
.text(change['old'] || '--');
$('.event-title-new', $dialog)
.text(change['new'] || '--')
.show();
}
// no display container for this property
if (!row.length) {
return true;
}
// clone row if already exists
if (row.data('set')) {
r2 = row.clone().addClass('clone').insertAfter(row);
row = r2;
}
// format dates
if (['start', 'end', 'changed'].indexOf(prop) >= 0) {
if (change['old'])
change.old_ = me.format_datetime(parseISO8601(change['old']));
if (change['new'])
change.new_ = me.format_datetime(parseISO8601(change['new']));
}
// render description text
else if (prop == 'description') {
// TODO: show real text diff
if (!change.diff_ && change['old'])
change.old_ = text2html(change['old']);
if (!change.diff_ && change['new'])
change.new_ = text2html(change['new']);
html = true;
}
// format attendees struct
else if (prop == 'attendees') {
if (change['old'])
change.old_ = rcube_libcalendaring.attendee_html(change['old']);
if (change['new'])
change.new_ = rcube_libcalendaring.attendee_html(
$.extend({}, change['old'] || {}, change['new']),
);
html = true;
}
// localize priority values
else if (prop == 'priority') {
var priolabels = [
'',
rcmail.gettext('highest'),
rcmail.gettext('high'),
'',
'',
rcmail.gettext('normal'),
'',
'',
rcmail.gettext('low'),
rcmail.gettext('lowest'),
];
if (change['old'])
change.old_ = change['old'] + ' ' + (priolabels[change['old']] || '');
if (change['new'])
change.new_ = change['new'] + ' ' + (priolabels[change['new']] || '');
}
// localize status
else if (prop == 'status') {
var status_lc = String(event.status).toLowerCase();
if (change['old'])
change.old_ = rcmail.gettext(
String(change['old']).toLowerCase(),
'calendar',
);
if (change['new'])
change.new_ = rcmail.gettext(
String(change['new']).toLowerCase(),
'calendar',
);
}
// format attachments struct
if (prop == 'attachments') {
if (change['old'])
event_show_attachments(
[change['old']],
row.children('.event-text-old'),
event,
false,
);
else row.children('.event-text-old').text('--');
if (change['new'])
event_show_attachments(
[$.extend({}, change['old'] || {}, change['new'])],
row.children('.event-text-new'),
event,
false,
);
else row.children('.event-text-new').text('--');
// remove click handler as we're currentyl not able to display the according attachment contents
$('.attachmentslist li a', row).unbind('click').removeAttr('href');
} else if (change.diff_) {
row.children('.event-text-diff').html(change.diff_);
row.children('.event-text-old, .event-text-new').hide();
} else {
if (!html) {
// escape HTML characters
change.old_ = Q(change.old_ || change['old'] || '--');
change.new_ = Q(change.new_ || change['new'] || '--');
}
row
.children('.event-text-old')
.html(change.old_ || change['old'] || '--');
row
.children('.event-text-new')
.html(change.new_ || change['new'] || '--');
}
// display index number
if (typeof change.index !== 'undefined') {
row.find('.index').html('(' + change.index + ')');
}
row.show().data('set', true);
// hide event-date line
if (prop == 'start' || prop == 'end') $('.event-date', $dialog).hide();
});
var buttons = [
{
text: rcmail.gettext('close', 'calendar'),
class: 'cancel',
click: function () {
$dialog.dialog('close');
},
},
];
// open jquery UI dialog
$dialog
.dialog({
modal: false,
resizable: true,
closeOnEscape: true,
title:
rcmail
.gettext('objectdiff', 'calendar')
.replace('$rev1', data.rev1)
.replace('$rev2', data.rev2) +
' - ' +
event.title,
open: function () {
$dialog.attr('aria-hidden', 'false');
setTimeout(function () {
$dialog
.parent()
.find('button:not(.ui-dialog-titlebar-close)')
.first()
.focus();
}, 5);
},
close: function () {
$dialog.dialog('destroy').attr('aria-hidden', 'true').hide();
},
buttons: buttons,
minWidth: 320,
width: 450,
})
.show();
// set dialog size according to content
me.dialog_resize($dialog.get(0), $dialog.height(), 400);
};
// close the event history dialog
var close_history_dialog = function () {
$('#eventhistory, #eventdiff').each(function (i, elem) {
var $dialog = $(elem);
if ($dialog.is(':ui-dialog')) $dialog.dialog('close');
});
};
// exports
this.event_show_diff = event_show_diff;
this.event_show_dialog = event_show_dialog;
this.event_history_dialog = event_history_dialog;
this.render_event_changelog = render_event_changelog;
this.close_history_dialog = close_history_dialog;
// open a dialog to display detailed free-busy information and to find free slots
var event_freebusy_dialog = function () {
var $dialog = $('#eventfreebusy'),
event = me.selected_event;
if ($dialog.is(':ui-dialog')) $dialog.dialog('close');
if (!event_attendees.length) return false;
//PAMELLA
event.start = moment(
$('#edit-startdate').val() + ' ' + $('#edit-starttime').val(),
'DD/MM/YYYY HH:mm',
);
event.end = moment(
$('#edit-enddate').val() + ' ' + $('#edit-endtime').val(),
'DD/MM/YYYY HH:mm',
);
// set form elements
var allday = $('#edit-allday').get(0);
var end = 'toDate' in event.end ? event.end : moment(event.end);
var start = 'toDate' in event.start ? event.start : moment(event.start);
var duration = Math.round((end.format('x') - start.format('x')) / 1000);
freebusy_ui.startdate = $('#schedule-startdate')
.val(format_date(start, settings.date_format))
.data('duration', duration);
freebusy_ui.starttime = $('#schedule-starttime')
.val(format_date(start, settings.time_format))
.show();
freebusy_ui.enddate = $('#schedule-enddate').val(
format_date(end, settings.date_format),
);
freebusy_ui.endtime = $('#schedule-endtime')
.val(format_date(end, settings.time_format))
.show();
if (allday.checked) {
freebusy_ui.starttime.val('12:00').hide();
freebusy_ui.endtime.val('13:00').hide();
event.allDay = true;
}
// read attendee roles from drop-downs
$('select.edit-attendee-role').each(function (i, elem) {
if (event_attendees[i]) event_attendees[i].role = $(elem).val();
});
// render time slots
var now = new Date(),
fb_start = new Date(),
fb_end = new Date();
fb_start.setTime(event.start);
fb_start.setHours(0);
fb_start.setMinutes(0);
fb_start.setSeconds(0);
fb_start.setMilliseconds(0);
fb_end.setTime(fb_start.getTime() + DAY_MS);
freebusy_data = { required: {}, all: {} };
freebusy_ui.loading = 1; // prevent render_freebusy_grid() to load data yet
freebusy_ui.numdays = Math.max(
allday.checked ? 14 : 1,
Math.ceil((duration * 2) / 86400),
);
freebusy_ui.interval = allday.checked
? 1440
: 60 / (settings.timeslots || 1);
freebusy_ui.start = fb_start;
freebusy_ui.end = new Date(
freebusy_ui.start.getTime() + DAY_MS * freebusy_ui.numdays,
);
render_freebusy_grid(0);
// render list of attendees
freebusy_ui.attendees = {};
var domid,
dispname,
data,
role_html,
list_html = '';
for (var i = 0; i < event_attendees.length; i++) {
data = event_attendees[i];
dispname = Q(data.name || data.email);
domid = String(data.email).replace(rcmail.identifier_expr, '');
role_html =
'<a class="attendee-role-toggle" id="rcmlia' +
domid +
'" title="' +
Q(rcmail.gettext('togglerole', 'calendar')) +
'"> </a>';
list_html +=
'<div class="attendee ' +
String(data.role).toLowerCase() +
'" id="rcmli' +
domid +
'">' +
role_html +
dispname +
'</div>';
// clone attendees data for local modifications
freebusy_ui.attendees[i] = freebusy_ui.attendees[domid] = $.extend(
{},
data,
);
}
// add total row
list_html += '<div class="attendee spacer"> </div>';
list_html +=
'<div class="attendee total">' +
rcmail.gettext('reqallattendees', 'calendar') +
'</div>';
$('#schedule-attendees-list')
.html(list_html)
.unbind('click.roleicons')
.bind('click.roleicons', function (e) {
// toggle attendee status upon click on icon
if (e.target.id && e.target.id.match(/rcmlia(.+)/)) {
var attendee,
domid = RegExp.$1,
roles = [
'REQ-PARTICIPANT',
'OPT-PARTICIPANT',
'NON-PARTICIPANT',
'CHAIR',
];
if (
(attendee = freebusy_ui.attendees[domid]) &&
attendee.role != 'ORGANIZER'
) {
var req =
attendee.role != 'OPT-PARTICIPANT' &&
attendee.role != 'NON-PARTICIPANT';
var j = $.inArray(attendee.role, roles);
j = (j + 1) % roles.length;
attendee.role = roles[j];
$(e.target)
.parent()
.attr('class', 'attendee ' + String(attendee.role).toLowerCase());
// update total display if required-status changed
if (
req !=
(roles[j] != 'OPT-PARTICIPANT' && roles[j] != 'NON-PARTICIPANT')
) {
compute_freebusy_totals();
update_freebusy_display(attendee.email);
}
}
}
return false;
});
// enable/disable buttons
$('#schedule-find-prev').prop(
'disabled',
fb_start.getTime() < now.getTime(),
);
// dialog buttons
var buttons = [
{
text: rcmail.gettext('select', 'calendar'),
class: 'save mainaction',
click: function () {
$('#edit-startdate').val(freebusy_ui.startdate.val());
$('#edit-starttime').val(freebusy_ui.starttime.val());
$('#edit-enddate').val(freebusy_ui.enddate.val());
$('#edit-endtime').val(freebusy_ui.endtime.val());
// write role changes back to main dialog
$('select.edit-attendee-role').each(function (i, elem) {
if (event_attendees[i] && freebusy_ui.attendees[i]) {
event_attendees[i].role = freebusy_ui.attendees[i].role;
$(elem).val(event_attendees[i].role);
}
});
if (freebusy_ui.needsupdate)
update_freebusy_status(me.selected_event);
freebusy_ui.needsupdate = false;
$dialog.dialog('close');
// PAMELA - met à jour la date après la sauvegarde des disponibilités
rcmail.triggerEvent('dialog-attendees-save', {
start: {
date: freebusy_ui.startdate.val(),
time: freebusy_ui.starttime.val(),
},
end: {
date: freebusy_ui.enddate.val(),
time: freebusy_ui.endtime.val(),
},
});
},
},
{
text: rcmail.gettext('cancel', 'calendar'),
class: 'cancel',
click: function () {
$dialog.dialog('close');
},
},
];
$dialog
.dialog({
modal: true,
resizable: true,
closeOnEscape: true,
title: rcmail.gettext('scheduletime', 'calendar'),
open: function () {
rcmail.ksearch_blur();
$dialog
.attr('aria-hidden', 'false')
.find('#schedule-find-next, #schedule-find-prev')
.not(':disabled')
.first()
.focus();
},
close: function () {
$dialog.dialog('destroy').attr('aria-hidden', 'true').hide();
// TODO: focus opener button
},
resizeStop: function () {
render_freebusy_overlay();
},
buttons: buttons,
minWidth: 640,
width: 850,
})
.show();
// PAMELA - correction (ne pas mettre si corriger lors d'une nouvelle version)
setTimeout(() => {
$dialog
.dialog({
modal: true,
resizable: true,
closeOnEscape: true,
title: rcmail.gettext('scheduletime', 'calendar'),
open: function () {
rcmail.ksearch_blur();
$dialog
.attr('aria-hidden', 'false')
.find('#schedule-find-next, #schedule-find-prev')
.not(':disabled')
.first()
.focus();
},
close: function () {
$dialog.dialog('destroy').attr('aria-hidden', 'true').hide();
// TODO: focus opener button
},
resizeStop: function () {
render_freebusy_overlay();
},
buttons: buttons,
minWidth: 640,
width: 850,
})
.show();
}, 50);
// adjust dialog size to fit grid without scrolling
var gridw = $('#schedule-freebusy-times').width();
var overflow = gridw - $('#attendees-freebusy-table td.times').width();
me.dialog_resize(
$dialog.get(0),
$dialog.height() + (bw.ie ? 20 : 0),
800 + Math.max(0, overflow),
);
// fetch data from server
freebusy_ui.loading = 0;
load_freebusy_data(freebusy_ui.start, freebusy_ui.interval);
};
// render an HTML table showing free-busy status for all the event attendees
var render_freebusy_grid = function (delta) {
if (delta) {
freebusy_ui.start.setTime(freebusy_ui.start.getTime() + DAY_MS * delta);
fix_date(freebusy_ui.start);
// skip weekends if in workinhoursonly-mode
if (Math.abs(delta) == 1 && freebusy_ui.workinhoursonly) {
while (is_weekend(freebusy_ui.start))
freebusy_ui.start.setTime(
freebusy_ui.start.getTime() + DAY_MS * delta,
);
fix_date(freebusy_ui.start);
}
freebusy_ui.end = new Date(
freebusy_ui.start.getTime() + DAY_MS * freebusy_ui.numdays,
);
}
var dayslots = Math.floor(1440 / freebusy_ui.interval);
var date_format =
'ddd ' + (dayslots <= 2 ? settings.date_short : settings.date_format);
var lastdate,
datestr,
css,
curdate = new Date(),
allday = freebusy_ui.interval == 1440,
interval = allday
? 1440
: freebusy_ui.interval * (settings.timeslots || 1);
(times_css = allday ? 'allday ' : ''),
(dates_row = '<tr class="dates">'),
(times_row = '<tr class="times">'),
(slots_row = '');
for (
var s = 0, t = freebusy_ui.start.getTime();
t < freebusy_ui.end.getTime();
s++
) {
curdate.setTime(t);
datestr = format_date(curdate, date_format);
if (datestr != lastdate) {
if (lastdate && !allday) break;
dates_row +=
'<th colspan="' +
dayslots +
'" class="boxtitle date' +
format_date(curdate, 'DDMMYYYY') +
'">' +
Q(datestr) +
'</th>';
lastdate = datestr;
}
// set css class according to working hours
css =
is_weekend(curdate) ||
(freebusy_ui.interval <= 60 && !is_workinghour(curdate))
? 'offhours'
: 'workinghours';
times_row +=
'<th scope="col" class="' +
times_css +
css +
'" id="t-' +
Math.floor(t / 1000) +
'">' +
Q(
allday
? rcmail.gettext('all-day', 'calendar')
: format_date(curdate, settings.time_format),
) +
'</th>';
slots_row += '<td class="' + css + '"> </td>';
t += interval * 60000;
}
dates_row += '</tr>';
times_row += '</tr>';
// render list of attendees
var domid,
data,
list_html = '',
times_html = '';
for (var i = 0; i < event_attendees.length; i++) {
data = event_attendees[i];
domid = String(data.email).replace(rcmail.identifier_expr, '');
times_html +=
'<tr id="fbrow' + domid + '" class="fbcontent">' + slots_row + '</tr>';
}
// add line for all/required attendees
times_html +=
'<tr class="spacer"><td colspan="' +
dayslots * freebusy_ui.numdays +
'"></td>';
times_html += '<tr id="fbrowall" class="fbcontent">' + slots_row + '</tr>';
var table = $('#schedule-freebusy-times');
table.children('thead').html(dates_row + times_row);
table.children('tbody').html(times_html);
// initialize event handlers on grid
if (!freebusy_ui.grid_events) {
freebusy_ui.grid_events = true;
table.children('thead').click(function (e) {
// move event to the clicked date/time
if (e.target.id && e.target.id.match(/t-(\d+)/)) {
var newstart = new Date(RegExp.$1 * 1000);
// set time to 00:00
if (me.selected_event.allDay) {
newstart.setMinutes(0);
newstart.setHours(0);
}
update_freebusy_dates(
newstart,
new Date(
newstart.getTime() +
freebusy_ui.startdate.data('duration') * 1000,
),
);
render_freebusy_overlay();
}
});
}
// if we have loaded free-busy data, show it
if (!freebusy_ui.loading) {
if (
freebusy_ui.start < freebusy_data.start ||
freebusy_ui.end > freebusy_data.end ||
freebusy_ui.interval != freebusy_data.interval
) {
load_freebusy_data(freebusy_ui.start, freebusy_ui.interval);
} else {
for (var email, i = 0; i < event_attendees.length; i++) {
if ((email = event_attendees[i].email))
update_freebusy_display(email);
}
}
}
// render current event date/time selection over grid table
// use timeout to let the dom attributes (width/height/offset) be set first
window.setTimeout(function () {
render_freebusy_overlay();
}, 10);
};
// render overlay element over the grid to visiualize the current event date/time
var render_freebusy_overlay = function () {
var overlay = $('#schedule-event-time'),
event_start =
'toDate' in me.selected_event.start
? me.selected_event.start.toDate()
: me.selected_event.start;
event_end =
'toDate' in me.selected_event.end
? me.selected_event.end.toDate()
: me.selected_event.end;
if (
event_end.getTime() <= freebusy_ui.start.getTime() ||
event_start.getTime() >= freebusy_ui.end.getTime()
) {
overlay.hide();
if (overlay.data('isdraggable')) overlay.draggable('disable');
} else {
var i,
n,
table = $('#schedule-freebusy-times'),
width = 0,
pos = { top: table.children('thead').height(), left: 0 },
eventstart = date2unixtime(
clone_date(me.selected_event.start, me.selected_event.allDay ? 1 : 0),
),
eventend =
date2unixtime(
clone_date(me.selected_event.end, me.selected_event.allDay ? 2 : 0),
) - 60,
slotstart = date2unixtime(freebusy_ui.start),
slotsize = freebusy_ui.interval * 60,
slotnum = freebusy_ui.interval > 60 ? 1 : 60 / freebusy_ui.interval,
// PAMELA - Fix accessibility
cells = table.children('thead').find('tr.times th'),
cell_width = cells.first().get(0).offsetWidth,
h_margin = table.parents('table').data('h-margin'),
v_margin = table.parents('table').data('v-margin'),
slotend;
if (h_margin === undefined) h_margin = 4;
if (v_margin === undefined) v_margin = 4;
// iterate through slots to determine position and size of the overlay
for (i = 0; i < cells.length; i++) {
for (n = 0; n < slotnum; n++) {
slotend = slotstart + slotsize - 1;
// event starts in this slot: compute left
if (eventstart >= slotstart && eventstart <= slotend) {
pos.left = Math.round(i * cell_width + (cell_width / slotnum) * n);
}
// event ends in this slot: compute width
if (eventend >= slotstart && eventend <= slotend) {
width =
Math.round(i * cell_width + (cell_width / slotnum) * (n + 1)) -
pos.left;
}
slotstart += slotsize;
}
}
if (!width) width = table.width() - pos.left;
// overlay is visible
if (width > 0) {
overlay
.css({
width: width - h_margin + 'px',
height: table.children('tbody').height() - v_margin + 'px',
left: pos.left + 'px',
top: pos.top + 'px',
})
.show();
// configure draggable
if (!overlay.data('isdraggable')) {
overlay
.draggable({
axis: 'x',
scroll: true,
stop: function (e, ui) {
// convert pixels to time
var px = ui.position.left;
var range_p = $('#schedule-freebusy-times').width();
var range_t =
freebusy_ui.end.getTime() - freebusy_ui.start.getTime();
var newstart = new Date(
freebusy_ui.start.getTime() + px * (range_t / range_p),
);
newstart.setSeconds(0);
newstart.setMilliseconds(0);
// snap to day boundaries
if (me.selected_event.allDay) {
if (newstart.getHours() >= 12)
// snap to next day
newstart.setTime(newstart.getTime() + DAY_MS);
newstart.setMinutes(0);
newstart.setHours(0);
} else {
// round to 5 minutes
// @TODO: round to timeslots?
var round = newstart.getMinutes() % 5;
if (round > 2.5)
newstart.setTime(newstart.getTime() + (5 - round) * 60000);
else if (round > 0)
newstart.setTime(newstart.getTime() - round * 60000);
}
// update event times and display
update_freebusy_dates(
newstart,
new Date(
newstart.getTime() +
freebusy_ui.startdate.data('duration') * 1000,
),
);
if (me.selected_event.allDay) render_freebusy_overlay();
},
})
.data('isdraggable', true);
} else overlay.draggable('enable');
} else overlay.draggable('disable').hide();
}
};
// fetch free-busy information for each attendee from server
var load_freebusy_data = function (from, interval) {
var start = new Date(from.getTime() - DAY_MS * 2); // start 2 days before event
fix_date(start);
var end = new Date(
start.getTime() + DAY_MS * Math.max(14, freebusy_ui.numdays + 7),
); // load min. 14 days
freebusy_ui.numrequired = 0;
freebusy_data.all = [];
freebusy_data.required = [];
// load free-busy information for every attendee
var domid, email;
for (var i = 0; i < event_attendees.length; i++) {
if ((email = event_attendees[i].email)) {
domid = String(email).replace(rcmail.identifier_expr, '');
$('#rcmli' + domid).addClass('loading');
freebusy_ui.loading++;
$.ajax({
type: 'GET',
dataType: 'json',
url: rcmail.get_task_url('calendar&_action=freebusy-times'), // rcmail.url('freebusy-times'),
data: {
email: email,
start: date2servertime(clone_date(start, 1)),
end: date2servertime(clone_date(end, 2)),
interval: interval,
_remote: 1,
},
success: function (data) {
freebusy_ui.loading--;
// find attendee
var i,
attendee = null;
for (i = 0; i < event_attendees.length; i++) {
if (freebusy_ui.attendees[i].email == data.email) {
attendee = freebusy_ui.attendees[i];
break;
}
}
// copy data to member var
var ts,
status,
req = attendee.role != 'OPT-PARTICIPANT',
start = parseISO8601(data.start);
freebusy_data.start = new Date(start);
freebusy_data.end = parseISO8601(data.end);
freebusy_data.interval = data.interval;
freebusy_data[data.email] = {};
for (i = 0; i < data.slots.length; i++) {
ts = date2timestring(start, data.interval > 60);
status = data.slots.charAt(i);
freebusy_data[data.email][ts] = status;
start = new Date(start.getTime() + data.interval * 60000);
// set totals
if (!freebusy_data.required[ts])
freebusy_data.required[ts] = [0, 0, 0, 0];
if (req) freebusy_data.required[ts][status]++;
if (!freebusy_data.all[ts]) freebusy_data.all[ts] = [0, 0, 0, 0];
freebusy_data.all[ts][status]++;
}
// hide loading indicator
var domid = String(data.email).replace(rcmail.identifier_expr, '');
$('#rcmli' + domid).removeClass('loading');
// update display
update_freebusy_display(data.email);
},
});
// count required attendees
if (freebusy_ui.attendees[i].role != 'OPT-PARTICIPANT')
freebusy_ui.numrequired++;
}
}
};
// re-calculate total status after role change
var compute_freebusy_totals = function () {
freebusy_ui.numrequired = 0;
freebusy_data.all = [];
freebusy_data.required = [];
var email, req, status;
for (var i = 0; i < event_attendees.length; i++) {
if (!(email = event_attendees[i].email)) continue;
req = freebusy_ui.attendees[i].role != 'OPT-PARTICIPANT';
if (req) freebusy_ui.numrequired++;
for (var ts in freebusy_data[email]) {
if (!freebusy_data.required[ts])
freebusy_data.required[ts] = [0, 0, 0, 0];
if (!freebusy_data.all[ts]) freebusy_data.all[ts] = [0, 0, 0, 0];
status = freebusy_data[email][ts];
freebusy_data.all[ts][status]++;
if (req) freebusy_data.required[ts][status]++;
}
}
};
// update free-busy grid with status loaded from server
var update_freebusy_display = function (email) {
// MANTIS 0006913: Ajouter un statut « travail ailleurs » sur les événements
// MANTIS 0008012: Ajouter un statut "Congés"
var status_classes = [
'unknown',
'free',
'busy',
'tentative',
'out-of-office',
'telework',
'vacation',
];
var domid = String(email).replace(rcmail.identifier_expr, '');
var row = $('#fbrow' + domid);
var rowall = $('#fbrowall').children();
var dateonly = freebusy_ui.interval > 60,
t,
ts = date2timestring(freebusy_ui.start, dateonly),
curdate = new Date(),
fbdata = freebusy_data[email];
if (fbdata && fbdata[ts] !== undefined && row.length) {
t = freebusy_ui.start.getTime();
row.children().each(function (i, cell) {
var j,
n,
attr,
last,
all_slots = [],
slots = [],
all_cell = rowall.get(i),
cnt = dateonly ? 1 : 60 / freebusy_ui.interval,
percent = 100 / cnt;
for (n = 0; n < cnt; n++) {
curdate.setTime(t);
ts = date2timestring(curdate, dateonly);
attr = {
style: 'float:left; width:' + percent.toFixed(2) + '%',
class: fbdata[ts] ? status_classes[fbdata[ts]] : 'unknown',
};
slots.push($('<div>').attr(attr));
// also update total row if all data was loaded
if (!freebusy_ui.loading && freebusy_data.all[ts] && all_cell) {
var w,
all_status = freebusy_data.all[ts][2] ? 'busy' : 'unknown',
req_status = freebusy_data.required[ts][2] ? 'busy' : 'free';
for (j = 1; j < status_classes.length; j++) {
if (
freebusy_ui.numrequired &&
freebusy_data.required[ts][j] >= freebusy_ui.numrequired
)
req_status = status_classes[j];
if (freebusy_data.all[ts][j] == event_attendees.length)
all_status = status_classes[j];
}
attr['class'] = req_status + ' all-' + all_status;
// these elements use some specific styling, so we want to minimize their number
if (last && last.attr('class').startsWith(attr['class'])) {
w = percent + parseFloat(last.css('width').replace('%', ''));
last
.css('width', w.toFixed(2) + '%')
.attr('class', attr['class'] + ' w' + w.toFixed(0));
} else {
last = $('<div>')
.attr(attr)
.addClass('w' + percent.toFixed(0))
.append('<span>');
all_slots.push(last);
}
}
t += freebusy_ui.interval * 60000;
}
$(cell).html('').append(slots);
if (all_slots.length) $(all_cell).html('').append(all_slots);
});
}
};
// write changed event date/times back to form fields
var update_freebusy_dates = function (start, end) {
// fix all-day evebt times
if (me.selected_event.allDay) {
var numdays = Math.floor(
(me.selected_event.end.getTime() - me.selected_event.start.getTime()) /
DAY_MS,
);
start.setHours(12);
start.setMinutes(0);
end.setTime(start.getTime() + numdays * DAY_MS);
end.setHours(13);
end.setMinutes(0);
}
me.selected_event.start = start;
me.selected_event.end = end;
freebusy_ui.startdate.val(format_date(start, settings.date_format));
freebusy_ui.starttime.val(format_date(start, settings.time_format));
freebusy_ui.enddate.val(format_date(end, settings.date_format));
freebusy_ui.endtime.val(format_date(end, settings.time_format));
freebusy_ui.needsupdate = true;
};
// attempt to find a time slot where all attendees are available
var freebusy_find_slot = function (dir) {
// exit if free-busy data isn't available yet
if (!freebusy_data || !freebusy_data.start) return false;
var event = me.selected_event,
eventstart = clone_date(event.start, event.allDay ? 1 : 0).getTime(), // calculate with integers
eventend = clone_date(event.end, event.allDay ? 2 : 0).getTime(),
duration =
eventend -
eventstart -
(event.allDay
? HOUR_MS
: 0) /* make sure we don't cross day borders on DST change */,
sinterval = freebusy_data.interval * 60000,
intvlslots = 1,
numslots = Math.ceil(duration / sinterval),
fb_start = freebusy_data.start.getTime(),
fb_end = freebusy_data.end.getTime(),
checkdate,
slotend,
email,
ts,
slot,
slotdate = new Date(),
candidatecount = 0,
candidatestart = false,
success = false;
const valid_ts = ['0', '1', '5'];
// shift event times to next possible slot
eventstart += sinterval * intvlslots * dir;
eventend += sinterval * intvlslots * dir;
// iterate through free-busy slots and find candidates
for (
slot = dir > 0 ? fb_start : fb_end - sinterval;
(dir > 0 && slot < fb_end) || (dir < 0 && slot >= fb_start);
slot += sinterval * dir
) {
slotdate.setTime(slot);
// fix slot if just crossed a DST change
if (event.allDay) {
fix_date(slotdate);
slot = slotdate.getTime();
}
slotend = slot + sinterval;
if ((dir > 0 && slotend <= eventstart) || (dir < 0 && slot >= eventend))
// skip
continue;
// respect workinghours setting
if (freebusy_ui.workinhoursonly) {
if (
is_weekend(slotdate) ||
(freebusy_data.interval <= 60 && !is_workinghour(slotdate))
) {
// skip off-hours
candidatestart = false;
candidatecount = 0;
continue;
}
}
if (!candidatestart) candidatestart = slot;
ts = date2timestring(slotdate, freebusy_data.interval > 60);
// check freebusy data for all attendees
for (var i = 0; i < event_attendees.length; i++) {
if (
freebusy_ui.attendees[i].role != 'OPT-PARTICIPANT' &&
(email = freebusy_ui.attendees[i].email) &&
freebusy_data[email] &&
!valid_ts.includes(freebusy_data[email][ts])
) {
candidatestart = false;
break;
}
}
// occupied slot
if (!candidatestart) {
slot += Math.max(0, intvlslots - candidatecount - 1) * sinterval * dir;
candidatecount = 0;
continue;
} else if (dir < 0) candidatestart = slot;
candidatecount++;
// if candidate is big enough, this is it!
if (candidatecount == numslots) {
'toDate' in event.start
? (event.start = new Date(candidatestart))
: event.start.setTime(candidatestart);
'toDate' in event.end
? (event.end = new Date(candidatestart + duration))
: event.end.setTime(candidatestart + duration);
success = true;
break;
}
}
// update event date/time display
if (success) {
update_freebusy_dates(event.start, event.end);
// move freebusy grid if necessary
var event_start =
'toDate' in event.start ? event.start.toDate() : event.start,
event_end = 'toDate' in event.end ? event.end.toDate() : event.end,
offset = Math.ceil(
(event_start.getTime() - freebusy_ui.end.getTime()) / DAY_MS,
),
now = new Date();
if (event_start.getTime() >= freebusy_ui.end.getTime())
render_freebusy_grid(Math.max(1, offset));
else if (event_end.getTime() <= freebusy_ui.start.getTime())
render_freebusy_grid(Math.min(-1, offset));
else render_freebusy_overlay();
$('#schedule-find-prev').prop(
'disabled',
event_start.getTime() < now.getTime(),
);
// speak new selection
rcmail.display_message(
rcmail.gettext('suggestedslot', 'calendar') +
': ' +
me.event_date_text(event, true),
'voice',
);
} else {
rcmail.alert_dialog(rcmail.gettext('noslotfound', 'calendar'));
}
};
// update event properties and attendees availability if event times have changed
var event_times_changed = function () {
if (me.selected_event) {
var allday = $('#edit-allday').get(0);
me.selected_event.allDay = allday.checked;
me.selected_event.start = me.parse_datetime(
allday.checked ? '12:00' : $('#edit-starttime').val(),
$('#edit-startdate').val(),
);
me.selected_event.end = me.parse_datetime(
allday.checked ? '13:00' : $('#edit-endtime').val(),
$('#edit-enddate').val(),
);
if (event_attendees) freebusy_ui.needsupdate = true;
$('#edit-startdate').data(
'duration',
Math.round(
(me.selected_event.end.getTime() -
me.selected_event.start.getTime()) /
1000,
),
);
//PAMELLA
rcmail.triggerEvent('calendar.event_times_changed', {
selected: me.selected_event,
});
}
};
//PAMELA
this.event_times_changed = event_times_changed;
// add the given list of participants
var add_attendees = function (names, params) {
names = explode_quoted_string(names.replace(/,\s*$/, ''), ',');
// parse name/email pairs
var item,
email,
name,
success = false;
for (var i = 0; i < names.length; i++) {
email = name = '';
item = $.trim(names[i]);
if (!item.length) {
continue;
} // address in brackets without name (do nothing)
else if (item.match(/^<[^@]+@[^>]+>$/)) {
email = item.replace(/[<>]/g, '');
} // address without brackets and without name (add brackets)
else if (rcube_check_email(item)) {
email = item;
} // address with name
else if (item.match(/([^\s<@]+@[^>]+)>*$/)) {
email = RegExp.$1;
name = item
.replace(email, '')
.replace(/^["\s<>]+/, '')
.replace(/["\s<>]+$/, '');
}
if (email) {
// PAMELA
add_attendee(
$.extend({ email: email.toLowerCase(), name: name }, params),
);
success = true;
} else {
rcmail.alert_dialog(rcmail.gettext('noemailwarning'));
}
}
return success;
};
// add the given attendee to the list
var add_attendee = function (data, readonly, before) {
if (!me.selected_event) return false;
// check for dupes...
var exists = false;
$.each(event_attendees, function (i, v) {
exists |= v.email == data.email;
});
if (exists) return false;
var calendar =
me.selected_event && me.calendars[me.selected_event.calendar]
? me.calendars[me.selected_event.calendar]
: me.calendars[me.selected_calendar];
var dispname = Q(data.name || data.email);
dispname =
'<span' +
(data.email && data.email != dispname
? ' title="' + Q(data.email) + '"'
: '') +
'>' +
dispname +
'</span>';
// role selection
var organizer = data.role == 'ORGANIZER';
var opts = {};
if (organizer) opts.ORGANIZER = rcmail.gettext('calendar.roleorganizer');
opts['REQ-PARTICIPANT'] = rcmail.gettext('calendar.rolerequired');
opts['OPT-PARTICIPANT'] = rcmail.gettext('calendar.roleoptional');
opts['NON-PARTICIPANT'] = rcmail.gettext('calendar.rolenonparticipant');
if (data.cutype != 'RESOURCE')
opts['CHAIR'] = rcmail.gettext('calendar.rolechair');
if (organizer && !readonly) dispname = rcmail.env['identities-selector'];
var select =
'<select class="edit-attendee-role form-control custom-select"' +
(organizer || readonly ? ' disabled="true"' : '') +
' aria-label="' +
rcmail.gettext('role', 'calendar') +
'">';
for (var r in opts)
select +=
'<option value="' +
r +
'" class="' +
r.toLowerCase() +
'"' +
(data.role == r ? ' selected="selected"' : '') +
'>' +
Q(opts[r]) +
'</option>';
select += '</select>';
// delete icon
var icon = rcmail.env.deleteicon
? '<img src="' + rcmail.env.deleteicon + '" alt="" />'
: '<span class="inner">' + Q(rcmail.gettext('delete')) + '</span>';
var dellink =
'<a href="#delete" class="iconlink icon button delete deletelink" title="' +
Q(rcmail.gettext('delete')) +
'">' +
icon +
'</a>';
var tooltip = '',
status = (data.status || '').toLowerCase(),
status_label = rcmail.gettext('status' + status, 'libcalendaring');
// send invitation checkbox
var invbox =
'<input type="checkbox" class="edit-attendee-reply" value="' +
Q(data.email) +
'" title="' +
Q(rcmail.gettext('calendar.sendinvitations')) +
'" ' +
(!data.noreply && settings.itip_notify & 1 ? 'checked="checked" ' : '') +
'/>';
if (data['delegated-to'])
tooltip =
rcmail.gettext('libcalendaring.delegatedto') +
' ' +
data['delegated-to'];
else if (data['delegated-from'])
tooltip =
rcmail.gettext('libcalendaring.delegatedfrom') +
' ' +
data['delegated-from'];
else if (!status && organizer)
tooltip = rcmail.gettext('statusorganizer', 'libcalendaring');
else if (status) tooltip = status_label;
// add expand button for groups
if (data.cutype == 'GROUP') {
dispname +=
' <a href="#expand" data-email="' +
Q(data.email) +
'" class="iconbutton add expandlink" title="' +
rcmail.gettext('expandattendeegroup', 'libcalendaring') +
'">' +
rcmail.gettext('expandattendeegroup', 'libcalendaring') +
'</a>';
}
var avail = data.email ? 'loading' : 'unknown';
var table =
rcmail.env.calendar_resources && data.cutype == 'RESOURCE'
? resources_list
: attendees_list;
var img_src = rcmail.assets_path('program/resources/blank.gif');
var elastic = $(table).parents('.no-img').length > 0;
var avail_tag = elastic
? '<span class="' + avail + '"'
: '<img alt="" src="' +
img_src +
'" class="availabilityicon ' +
avail +
'"';
var html =
'<td class="role">' +
select +
'</td>' +
'<td class="name"><span class="attendee-name">' +
dispname +
'</span></td>' +
'<td class="availability">' +
avail_tag +
' data-email="' +
data.email +
'" /></td>' +
'<td class="confirmstate"><span class="attendee ' +
(status || 'organizer') +
'" title="' +
Q(tooltip) +
'">' +
Q(status && !elastic ? status_label : '') +
'</span></td>' +
(data.cutype != 'RESOURCE'
? '<td class="invite">' +
(organizer || readonly || !invbox ? '' : invbox) +
'</td>'
: '') +
'<td class="options">' +
(organizer || readonly ? '' : dellink) +
'</td>';
var tr = $('<tr>').addClass(String(data.role).toLowerCase()).html(html);
if (before) tr.insertBefore(before);
else tr.appendTo(table);
tr.find('a.deletelink').click(
{ id: data.email || data.name },
function (e) {
remove_attendee(this, e.data.id);
return false;
},
);
tr.find('a.expandlink').click(data, function (e) {
me.expand_attendee_group(e, add_attendee, remove_attendee);
return false;
});
tr.find('input.edit-attendee-reply').click(function () {
var enabled =
$('#edit-attendees-invite:checked').length ||
$('input.edit-attendee-reply:checked').length;
$('#eventedit .attendees-commentbox')[enabled ? 'show' : 'hide']();
});
// select organizer identity
if (data.identity_id) $('#edit-identities-list').val(data.identity_id);
// check free-busy status
if (avail == 'loading') {
check_freebusy_status(
tr.find('.availability > *:first'),
data.email,
me.selected_event,
);
}
// Make Elastic checkboxes pretty
if (window.UI && UI.pretty_checkbox) {
$(tr)
.find('input[type=checkbox]')
.each(function () {
UI.pretty_checkbox(this);
});
$(tr)
.find('select')
.each(function () {
UI.pretty_select(this);
});
}
event_attendees.push(data);
return true;
};
// iterate over all attendees and update their free-busy status display
var update_freebusy_status = function (event) {
attendees_list.find('.availability > *').each(function (i, v) {
var email,
icon = $(this);
if ((email = icon.attr('data-email')))
check_freebusy_status(icon, email, event);
});
freebusy_ui.needsupdate = false;
};
// load free-busy status from server and update icon accordingly
var check_freebusy_status = function (icon, email, event) {
var calendar =
event.calendar && me.calendars[event.calendar]
? me.calendars[event.calendar]
: { freebusy: false };
if (!calendar.freebusy) {
$(icon).attr('class', 'availabilityicon unknown');
return;
}
icon = $(icon).attr('class', 'availabilityicon loading');
$.ajax({
type: 'GET',
dataType: 'html',
//Pamela - correction de l'url
url: rcmail.get_task_url(
'calendar&_action=freebusy-status',
window.location.origin + window.location.pathname,
), //rcmail.url('freebusy-status'),
data: {
email: email,
start: date2servertime(clone_date(event.start, event.allDay ? 1 : 0)),
end: date2servertime(clone_date(event.end, event.allDay ? 2 : 0)),
_remote: 1,
},
success: function (status) {
var avail = String(status).toLowerCase();
icon
.removeClass('loading')
.addClass(avail)
.attr('title', rcmail.gettext('avail' + avail, 'calendar'));
},
error: function () {
icon
.removeClass('loading')
.addClass('unknown')
.attr('title', rcmail.gettext('availunknown', 'calendar'));
},
});
};
// remove an attendee from the list
var remove_attendee = function (elem, id) {
$(elem).closest('tr').remove();
// PAMELA - Mode assistantes
event_attendees = $.grep(event_attendees, function (data) {
return (data.name != id && data.email != id) || data.role == 'ORGANIZER';
});
};
// open a dialog to display detailed free-busy information and to find free slots
var event_resources_dialog = function (search) {
var $dialog = $('#eventresourcesdialog');
if ($dialog.is(':ui-dialog')) $dialog.dialog('close');
// dialog buttons
var buttons = [
{
text: rcmail.gettext('addresource', 'calendar'),
class: 'mainaction save',
click: function () {
rcmail.command('add-resource');
$dialog.dialog('close');
},
},
{
text: rcmail.gettext('close'),
class: 'cancel',
click: function () {
$dialog.dialog('close');
},
},
];
var resize = function () {
var container = $(rcmail.gui_objects.resourceinfocalendar);
container.fullCalendar('option', 'height', container.height() + 1);
};
// open jquery UI dialog
$dialog
.dialog({
modal: true,
resizable: false, // prevents from Availability tab reflow bugs on resize
closeOnEscape: true,
title: rcmail.gettext('findresources', 'calendar'),
classes: { 'ui-dialog': 'selection-dialog resources-dialog' },
open: function () {
rcmail.ksearch_blur();
$dialog.attr('aria-hidden', 'false');
// for Elastic
if ($('html.layout-small,html.layout-phone').length) {
$('#eventresourcesdialog .resource-selection').css(
'display',
'flex',
);
$('#eventresourcesdialog .resource-content').css('display', 'none');
}
setTimeout(resize, 50);
},
close: function () {
$dialog.dialog('destroy').attr('aria-hidden', 'true').hide();
},
resize: resize,
buttons: buttons,
width: 900,
height: 500,
})
.show();
$('.ui-dialog-buttonset button', $dialog.parent())
.first()
.attr('id', 'rcmbtncalresadd');
me.dialog_resize(
$dialog.get(0),
540,
Math.min(1000, $(window).width() - 50),
);
// set search query
$('#resourcesearchbox').val(search || '');
// initialize the treelist widget
if (!resources_treelist) {
resources_treelist = new rcube_treelist_widget(
rcmail.gui_objects.resourceslist,
{
id_prefix: 'rcres',
id_encode: rcmail.html_identifier_encode,
id_decode: rcmail.html_identifier_decode,
selectable: true,
save_state: true,
},
);
resources_treelist.addEventListener('select', function (node) {
if (resources_data[node.id]) {
resource_showinfo(resources_data[node.id]);
rcmail.enable_command(
'add-resource',
me.selected_event && $('#eventedit').is(':visible'),
);
// on elastic mobile display resource info box
if ($('html.layout-small,html.layout-phone').length) {
$('#eventresourcesdialog .resource-selection').css(
'display',
'none',
);
$('#eventresourcesdialog .resource-content').css('display', 'flex');
$(window).resize();
resize();
}
} else {
rcmail.enable_command('add-resource', false);
$(rcmail.gui_objects.resourceinfo).hide();
$(rcmail.gui_objects.resourceownerinfo).hide();
$(rcmail.gui_objects.resourceinfocalendar).fullCalendar(
'removeEventSources',
);
}
});
// fetch (all) resource data from server
me.loading_lock = rcmail.set_busy(true, 'loading', me.loading_lock);
rcmail.http_request('resources-list', {}, me.loading_lock);
// register button
rcmail.register_button('add-resource', 'rcmbtncalresadd', 'button');
// initialize resource calendar display
var resource_cal = $(rcmail.gui_objects.resourceinfocalendar);
resource_cal.fullCalendar(
$.extend({}, fullcalendar_defaults, {
header: { left: '', center: '', right: '' },
height: resource_cal.height() + 4,
defaultView: 'agendaWeek',
eventSources: [],
slotMinutes: 60,
allDaySlot: false,
eventRender: function (event, element, view) {
var title = rcmail.get_label(event.status, 'calendar');
element.addClass('status-' + event.status);
element.find('.fc-title').text(title);
element.attr(
'aria-label',
me.event_date_text(event, true) + ': ' + title,
);
},
}),
);
$('#resource-calendar-prev').click(function () {
resource_cal.fullCalendar('prev');
return false;
});
$('#resource-calendar-next').click(function () {
resource_cal.fullCalendar('next');
return false;
});
} else if (search) {
resource_search();
} else {
resource_render_list(resources_index);
}
if (me.selected_event && me.selected_event.start) {
$(rcmail.gui_objects.resourceinfocalendar).fullCalendar(
'gotoDate',
me.selected_event.start,
);
}
};
// render the resource details UI box
var resource_showinfo = function (resource) {
// inline function to render a resource attribute
function render_attrib(value) {
if (typeof value === 'boolean') {
return value ? rcmail.get_label('yes') : rcmail.get_label('no');
}
return value;
}
if (rcmail.gui_objects.resourceinfo) {
var tr,
table = $(rcmail.gui_objects.resourceinfo)
.show()
.find('tbody')
.html(''),
attribs = $.extend({ name: resource.name }, resource.attributes || {});
attribs.description = resource.description;
for (var k in attribs) {
if (typeof attribs[k] === 'undefined') continue;
table.append(
$('<tr>')
.addClass(k + ' form-group row')
.append(
'<td class="title col-sm-4"><label class="col-form-label">' +
Q(ucfirst(rcmail.get_label(k, 'calendar'))) +
'</label></td>',
)
.append(
'<td class="value col-sm-8 form-control-plaintext">' +
text2html(render_attrib(attribs[k])) +
'</td>',
),
);
}
$(rcmail.gui_objects.resourceownerinfo).hide();
$(rcmail.gui_objects.resourceinfocalendar).fullCalendar(
'removeEventSources',
);
if (resource.owner) {
// display cached data
if (resource_owners[resource.owner]) {
resource_owner_load(resource_owners[resource.owner]);
} else {
// fetch owner data from server
me.loading_lock = rcmail.set_busy(true, 'loading', me.loading_lock);
rcmail.http_request(
'resources-owner',
{ _id: resource.owner },
me.loading_lock,
);
}
}
// load resource calendar
resources_events_source.url =
'./?_task=calendar&_action=resources-calendar&_id=' +
urlencode(resource.ID);
$(rcmail.gui_objects.resourceinfocalendar).fullCalendar(
'addEventSource',
resources_events_source,
);
}
};
// callback from server for resource listing
var resource_data_load = function (data) {
var resources_tree = {};
// store data by ID
$.each(data, function (i, rec) {
resources_data[rec.ID] = rec;
// assign parent-relations
if (rec.members) {
$.each(rec.members, function (j, m) {
resources_tree[m] = rec.ID;
});
}
});
// walk the parent-child tree to determine the depth of each node
$.each(data, function (i, rec) {
rec._depth = 0;
if (resources_tree[rec.ID]) rec.parent_id = resources_tree[rec.ID];
var parent_id = resources_tree[rec.ID];
while (parent_id) {
rec._depth++;
parent_id = resources_tree[parent_id];
}
});
// sort by depth, collection and name
data.sort(function (a, b) {
var j = a._type == 'collection' ? 1 : 0,
k = b._type == 'collection' ? 1 : 0,
d = a._depth - b._depth;
if (!d) d = k - j;
if (!d) d = b.name < a.name ? 1 : -1;
return d;
});
$.each(data, function (i, rec) {
resources_index.push(rec.ID);
});
// apply search filter...
if ($('#resourcesearchbox').val() != '') resource_search();
// ...or render full list
else resource_render_list(resources_index);
rcmail.set_busy(false, null, me.loading_lock);
};
// renders the given list of resource records into the treelist
var resource_render_list = function (index) {
var rec, link;
resources_treelist.reset();
$.each(index, function (i, dn) {
if ((rec = resources_data[dn])) {
link = $('<a>').attr('href', '#').attr('rel', rec.ID).html(Q(rec.name));
resources_treelist.insert(
{ id: rec.ID, html: link, classes: [rec._type], collapsed: true },
rec.parent_id,
false,
);
}
});
};
// callback from server for owner information display
var resource_owner_load = function (data) {
if (data) {
// cache this!
resource_owners[data.ID] = data;
var table = $(rcmail.gui_objects.resourceownerinfo)
.find('tbody')
.html('');
for (var k in data) {
if (k == 'event' || k == 'ID') continue;
table.append(
$('<tr>')
.addClass(k)
.append(
'<td class="title">' +
Q(ucfirst(rcmail.get_label(k, 'calendar'))) +
'</td>',
)
.append('<td class="value">' + text2html(data[k]) + '</td>'),
);
}
table.parent().show();
}
};
// quick-filter the loaded resource data
var resource_search = function () {
var dn,
rec,
dataset = [],
q = $('#resourcesearchbox').val().toLowerCase();
if (q.length && resources_data) {
// search by iterating over all resource records
for (dn in resources_data) {
rec = resources_data[dn];
if (
(rec.name && String(rec.name).toLowerCase().indexOf(q) >= 0) ||
(rec.email && String(rec.email).toLowerCase().indexOf(q) >= 0) ||
(rec.description &&
String(rec.description).toLowerCase().indexOf(q) >= 0)
) {
dataset.push(rec.ID);
}
}
resource_render_list(dataset);
// select single match
if (dataset.length == 1) {
resources_treelist.select(dataset[0]);
}
} else {
$('#resourcesearchbox').val('');
}
};
//
var reset_resource_search = function () {
$('#resourcesearchbox').val('').focus();
resource_render_list(resources_index);
};
//
var add_resource2event = function () {
var resource = resources_data[resources_treelist.get_selection()];
if (resource)
add_attendee(
$.extend(
{
role: 'REQ-PARTICIPANT',
status: 'NEEDS-ACTION',
cutype: 'RESOURCE',
},
resource,
),
);
};
// when the user accepts or declines an event invitation
var event_rsvp = function (response, delegate, replymode, event) {
var btn;
if (typeof response === 'object') {
btn = $(response);
response = btn.attr('rel');
} else {
btn = $('#event-rsvp input.button[rel=' + response + ']');
}
// show menu to select rsvp reply mode (current or all)
if (me.selected_event && me.selected_event.recurrence && !replymode) {
rcube_libcalendaring.itip_rsvp_recurring(
btn,
function (resp, mode) {
event_rsvp(resp, null, mode, event);
},
event,
);
return;
}
if (me.selected_event && me.selected_event.attendees && response) {
// bring up delegation dialog
if (response == 'delegated' && !delegate) {
rcube_libcalendaring.itip_delegate_dialog(function (data) {
data.rsvp = data.rsvp ? 1 : '';
event_rsvp('delegated', data, replymode, event);
});
return;
}
// PAMELA - Mode assistantes
let calendar =
me.selected_event.calendar && me.calendars[me.selected_event.calendar]
? me.calendars[me.selected_event.calendar]
: { editable: false, rights: 'lrs' };
// update attendee status
attendees = [];
for (var data, i = 0; i < me.selected_event.attendees.length; i++) {
data = me.selected_event.attendees[i];
// PAMELA - Mode assistantes
// if (settings.identity.emails.indexOf(';' + String(data.email).toLowerCase()) >= 0) {
if (
calendar.owner_email.toLowerCase() == String(data.email).toLowerCase()
) {
data.status = response.toUpperCase();
data.rsvp = 0; // unset RSVP flag
if (data.status == 'DELEGATED') {
data['delegated-to'] = delegate.to;
data.rsvp = delegate.rsvp;
} else {
if (data['delegated-to']) {
delete data['delegated-to'];
if (data.role == 'NON-PARTICIPANT' && data.status != 'DECLINED')
data.role = 'REQ-PARTICIPANT';
}
}
attendees.push(i);
} else if (
response != 'DELEGATED' &&
data['delegated-from'] &&
// PAMELA - Mode assisantes
// settings.identity.emails.indexOf(';' + String(data['delegated-from']).toLowerCase()) >= 0) {
calendar.owner_email.toLowerCase() ==
String(data['delegated-from']).toLowerCase()
) {
delete data['delegated-from'];
}
// set free_busy status to transparent if declined (#4425)
if (data.status == 'DECLINED' || data.role == 'NON-PARTICIPANT') {
me.selected_event.free_busy = 'free';
} else {
me.selected_event.free_busy = 'busy';
}
}
// submit status change to server
var submit_data = $.extend(
{},
{
source: null,
comment: $('#reply-comment-event-rsvp').val(),
_savemode: replymode || 'all',
},
delegate || {},
),
submit_items =
'id,uid,_instance,calendar,_mbox,_uid,_part,attendees,free_busy,allDay',
noreply = $('#noreply-event-rsvp:checked').length ? 1 : 0;
// Submit only that data we really need
$.each(submit_items.split(','), function () {
if (this in me.selected_event)
submit_data[this] = me.selected_event[this];
});
// import event from mail (temporary iTip event)
if (submit_data._mbox && submit_data._uid) {
me.saving_lock = rcmail.set_busy(true, 'calendar.savingdata');
rcmail.http_post('mailimportitip', {
_mbox: submit_data._mbox,
_uid: submit_data._uid,
_part: submit_data._part,
_status: response,
_to: delegate ? delegate.to : null,
_rsvp: delegate && delegate.rsvp ? 1 : 0,
_noreply: noreply,
_comment: submit_data.comment,
_instance: submit_data._instance,
_savemode: submit_data._savemode,
});
} else if (settings.invitation_calendars) {
update_event('rsvp', submit_data, {
status: response,
noreply: noreply,
attendees: attendees,
});
} else {
me.saving_lock = rcmail.set_busy(true, 'calendar.savingdata');
rcmail.http_post('calendar/event', {
action: 'rsvp',
e: submit_data,
status: response,
attendees: attendees,
noreply: noreply,
});
}
event_show_dialog(me.selected_event);
}
};
//PAMELA - use custom event_rsvp
this.event_rsvp = event_rsvp;
// add the given date to the RDATE list
var add_rdate = function (date) {
var li = $('<li>')
.attr('data-value', date2servertime(date))
.append($('<span>').text(format_date(date, settings.date_format)))
.appendTo('#edit-recurrence-rdates');
$('<a>')
.attr('href', '#del')
.addClass('iconbutton delete')
.html(rcmail.get_label('delete', 'calendar'))
.attr('title', rcmail.get_label('delete', 'calendar'))
.appendTo(li);
};
// re-sort the list items by their 'data-value' attribute
var sort_rdates = function () {
var mylist = $('#edit-recurrence-rdates'),
listitems = mylist.children('li').get();
listitems.sort(function (a, b) {
var compA = $(a).attr('data-value');
var compB = $(b).attr('data-value');
return compA < compB ? -1 : compA > compB ? 1 : 0;
});
$.each(listitems, function (idx, item) {
mylist.append(item);
});
};
// remove the link reference matching the given uri
function remove_link(elem) {
var $elem = $(elem),
uri = $elem.attr('data-uri');
me.selected_event.links = $.grep(me.selected_event.links, function (link) {
return link.uri != uri;
});
// remove UI list item
$elem.hide().closest('li').addClass('deleted');
}
// post the given event data to server
var update_event = function (action, data, add) {
me.saving_lock = rcmail.set_busy(true, 'calendar.savingdata');
// PAMELA - Evenement perdu dans le cas de déconnexion du serveur
rcmail.http_post(
'calendar/event',
$.extend({ action: action, e: data }, add || {}),
me.saving_lock,
);
// // render event temporarily into the calendar
// if ((data.start && data.end) || data.id) {
// var tmp, event = data.id ? $.extend(fc.fullCalendar('clientEvents', data.id)[0], data) : data;
// if (data.start)
// event.start = data.start;
// if (data.end)
// event.end = data.end;
// if (data.allDay !== undefined)
// event.allDay = !!data.allDay; // must be boolean for fullcalendar
// // For fullCalendar all-day event's end date must be exclusive
// if (event.allDay && data.end && (tmp = moment(data.end)) && tmp.format('Hms') !== '000') {
// event.end = moment().year(tmp.year()).month(tmp.month()).date(tmp.date()).hour(0).minute(0).second(0).add(1, 'days');
// }
// event.editable = false;
// event.temp = true;
// event.className = ['fc-event-temp'];
// fc.fullCalendar(data.id ? 'updateEvent' : 'renderEvent', event);
// // mark all recurring instances as temp
// if (event.recurrence || event.recurrence_id) {
// var base_id = event.recurrence_id ? event.recurrence_id : String(event.id).replace(/-\d+(T\d{6})?$/, '');
// $.each(fc.fullCalendar('clientEvents', function (e) { return e.id == base_id || e.recurrence_id == base_id; }), function (i, ev) {
// ev.temp = true;
// ev.editable = false;
// event.className.push('fc-event-temp');
// fc.fullCalendar('updateEvent', ev);
// });
// }
// }
};
// mouse-click handler to check if the show dialog is still open and prevent default action
var dialog_check = function (e) {
var showd = $('#eventshow');
if (
showd.is(':visible') &&
!$(e.target).closest('.ui-dialog').length &&
!$(e.target).closest('.popupmenu').length
) {
showd.dialog('close');
e.stopImmediatePropagation();
ignore_click = true;
return false;
} else if (ignore_click) {
window.setTimeout(function () {
ignore_click = false;
}, 20);
return false;
}
return true;
};
// display confirm dialog when modifying/deleting an event
var update_event_confirm = function (action, event, data) {
// Allow other plugins to do actions here
// E.g. when you move/resize the event init wasn't called
// but we need it as some plugins may modify user identities
// we depend on here (kolab_delegation)
rcmail.triggerEvent('calendar-event-init', { o: event });
if (!data) data = event;
var decline = false,
notify = false,
html = '',
cal = me.calendars[event.calendar],
_is_invitation =
String(event.calendar).match(/^--invitation--(declined|pending)/) &&
RegExp.$1,
_has_attendees = me.has_attendees(event),
_is_attendee = _has_attendees && me.is_attendee(event),
_is_organizer = me.is_organizer(event);
// event has attendees, ask whether to notify them
if (_has_attendees) {
var checked = settings.itip_notify & 1 ? ' checked="checked"' : '';
if (
action == 'remove' &&
cal.group != 'shared' &&
!_is_organizer &&
_is_attendee &&
_is_invitation != 'declined'
) {
decline = true;
checked = event.status != 'CANCELLED' ? checked : '';
html +=
'<div class="message dialog-message ui alert boxwarning">' +
'<label><input class="confirm-attendees-decline pretty-checkbox" type="checkbox"' +
checked +
' value="1" name="decline" /> ' +
rcmail.gettext('itipdeclineevent', 'calendar') +
'</label></div>';
} else if (_is_organizer) {
notify = true;
if (settings.itip_notify & 2) {
html +=
'<div class="message dialog-message ui alert boxwarning">' +
'<label><input class="confirm-attendees-donotify pretty-checkbox" type="checkbox"' +
checked +
' value="1" name="notify" /> ' +
rcmail.gettext(
action == 'remove' ? 'sendcancellation' : 'sendnotifications',
'calendar',
) +
'</label></div>';
} else {
data._notify = settings.itip_notify;
}
} else if (cal.group != 'shared' && !_is_invitation) {
html +=
'<div class="message dialog-message ui alert boxwarning">' +
$('#edit-localchanges-warning').html() +
'</div>';
data._notify = 0;
}
}
// recurring event: user needs to select the savemode
if (event.recurrence) {
var future_disabled = '',
message_label =
action == 'remove'
? 'removerecurringeventwarning'
: 'changerecurringeventwarning';
// disable the 'future' savemode if I'm an attendee
// reason: no calendaring system supports the thisandfuture range parameter in iTip REPLY
if (action == 'remove' && !_is_organizer && _is_attendee) {
future_disabled = ' disabled';
}
html +=
'<div class="message dialog-message ui alert boxwarning">' +
rcmail.gettext(message_label, 'calendar') +
'</div>' +
'<div class="savemode">' +
'<a href="#current" class="button btn btn-secondary">' +
rcmail.gettext('currentevent', 'calendar') +
'</a>' +
'<a href="#future" class="button btn btn-secondary' +
future_disabled +
'">' +
rcmail.gettext('futurevents', 'calendar') +
'</a>' +
'<a href="#all" class="button btn btn-secondary">' +
rcmail.gettext('allevents', 'calendar') +
'</a>' +
(action != 'remove'
? '<a href="#new" class="button btn btn-secondary">' +
rcmail.gettext('saveasnew', 'calendar') +
'</a>'
: '') +
'</div>';
}
// show dialog
if (html) {
var $dialog = $('<div>').html(html);
$dialog
.find('a.button')
.filter(':not(.disabled)')
.click(function (e) {
data._savemode = String(this.href).replace(/.+#/, '');
// open event edit dialog when saving as new
if (data._savemode == 'new') {
event._savemode = 'new';
event_edit_dialog('edit', event);
fc.fullCalendar('refetchEvents');
} else {
if ($dialog.find('input.confirm-attendees-donotify').length)
data._notify = $dialog
.find('input.confirm-attendees-donotify')
.get(0).checked
? 1
: 0;
if (decline) {
data._decline = $dialog.find(
'input.confirm-attendees-decline:checked',
).length;
data._notify = 0;
}
update_event(action, data);
}
$dialog.dialog('close');
return false;
});
var buttons = [];
if (!event.recurrence) {
buttons.push({
text: rcmail.gettext(
action == 'remove' ? 'delete' : 'save',
'calendar',
),
class: action == 'remove' ? 'delete mainaction' : 'save mainaction',
click: function () {
data._notify =
notify &&
$dialog.find('input.confirm-attendees-donotify:checked').length
? 1
: 0;
data._decline =
decline &&
$dialog.find('input.confirm-attendees-decline:checked').length
? 1
: 0;
update_event(action, data);
$(this).dialog('close');
},
});
}
buttons.push({
text: rcmail.gettext('cancel', 'calendar'),
class: 'cancel',
click: function () {
$(this).dialog('close');
},
});
$dialog
.dialog({
modal: true,
width: 460,
dialogClass: 'warning',
title: rcmail.gettext(
action == 'remove' ? 'removeeventconfirm' : 'changeeventconfirm',
'calendar',
),
buttons: buttons,
open: function () {
setTimeout(function () {
$dialog
.parent()
.find('button:not(.ui-dialog-titlebar-close)')
.first()
.focus();
}, 5);
},
close: function () {
$dialog.dialog('destroy').remove();
if (!rcmail.busy) fc.fullCalendar('refetchEvents');
},
})
.addClass('event-update-confirm')
.show();
return false;
}
// show regular confirm box when deleting
else if (action == 'remove' && !cal.undelete) {
if (!confirm(rcmail.gettext('deleteventconfirm', 'calendar')))
return false;
}
// do update
update_event(action, data);
return true;
};
/*** public methods ***/
//PAMELA
this.edit_update_current_event_attendee =
function edit_update_current_event_attendee(attendee, add = true) {
if (me.selected_event) {
if (add) {
if (!event_attendees.find((x) => x.email === attendee.email))
event_attendees.push(attendee);
else {
this.edit_update_current_event_attendee(attendee, false);
this.edit_update_current_event_attendee(attendee);
}
} else
event_attendees = event_attendees.filter(
(x) => x.email !== attendee.email,
);
}
return event_attendees;
};
//PAMELLA
this.edit_clear_attendees = function edit_clear_attendees() {
event_attendees.length = 0;
};
/**
* Remove saving lock and free the UI for new input
*/
this.unlock_saving = function () {
if (me.saving_lock) rcmail.set_busy(false, null, me.saving_lock);
};
// opens the given calendar in a popup dialog
this.quickview = function (id, shift) {
var src,
in_quickview = false;
$.each(this.quickview_sources, function (i, cal) {
if (cal.id == id) {
in_quickview = true;
src = cal;
}
});
// remove source from quickview
if (in_quickview && shift) {
this.quickview_sources = $.grep(this.quickview_sources, function (src) {
return src.id != id;
});
} else {
if (!shift) {
// remove all current quickview event sources
if (this.quickview_active) {
fc.fullCalendar('removeEventSources');
// PAMELA
$.each(this.calendars, function (k, cal) {
fc.fullCalendar('removeResource', cal);
});
}
this.quickview_sources = [];
// uncheck all active quickview icons
calendars_list.container
.find('div.focusview')
.add('#calendars .searchresults div.focusview')
.removeClass('focusview')
.find('a.quickview')
.attr('aria-checked', 'false');
}
if (!in_quickview) {
// clone and modify calendar properties
src = $.extend({}, this.calendars[id]);
src.url += '&_quickview=1';
this.quickview_sources.push(src);
}
}
// disable quickview
if (this.quickview_active && !this.quickview_sources.length) {
// register regular calendar event sources
$.each(this.calendars, function (k, cal) {
if (cal.active) {
fc.fullCalendar('addEventSource', cal);
// PAMELA
fc.fullCalendar('addResource', cal);
}
});
this.quickview_active = false;
$('body').removeClass('quickview-active');
// uncheck all active quickview icons
calendars_list.container
.find('div.focusview')
.add('#calendars .searchresults div.focusview')
.removeClass('focusview')
.find('a.quickview')
.attr('aria-checked', 'false');
}
// activate quickview
else if (!this.quickview_active) {
// remove regular calendar event sources
fc.fullCalendar('removeEventSources');
// PAMELA
$.each(this.calendars, function (k, cal) {
fc.fullCalendar('removeResource', cal);
});
// register quickview event sources
$.each(this.quickview_sources, function (i, src) {
fc.fullCalendar('addEventSource', src);
// PAMELA
fc.fullCalendar('addResource', src);
});
this.quickview_active = true;
$('body').addClass('quickview-active');
}
// update quickview sources
else if (in_quickview) {
fc.fullCalendar('removeEventSource', src);
// PAMELA
fc.fullCalendar('removeResource', src);
} else if (src) {
fc.fullCalendar('addEventSource', src);
// PAMELA
fc.fullCalendar('addResource', src);
}
// activate quickview icon
if (this.quickview_active) {
$(calendars_list.get_item(id))
.find('.calendar')
.first()
.add('#calendars .searchresults .cal-' + id)
[in_quickview ? 'removeClass' : 'addClass']('focusview')
.find('a.quickview')
.attr('aria-checked', in_quickview ? 'false' : 'true');
}
};
// disable quickview mode
function reset_quickview() {
// remove all current quickview event sources
if (me.quickview_active) {
fc.fullCalendar('removeEventSources');
me.quickview_sources = [];
}
// register regular calendar event sources
$.each(me.calendars, function (k, cal) {
if (cal.active) {
fc.fullCalendar('addEventSource', cal);
// PAMELA
fc.fullCalendar('addResource', cal);
}
});
// uncheck all active quickview icons
calendars_list.container
.find('div.focusview')
.add('#calendars .searchresults div.focusview')
.removeClass('focusview')
.find('a.quickview')
.attr('aria-checked', 'false');
me.quickview_active = false;
$('body').removeClass('quickview-active');
}
//public method to show the print dialog.
this.print_calendars = function (view) {
if (!view) view = fc.fullCalendar('getView').name;
var date = fc.fullCalendar('getDate').toDate();
rcmail.open_window(
rcmail.url('print', {
view: view,
date: date2unixtime(date),
range: settings.agenda_range,
search: this.search_query,
}),
true,
true,
);
};
// public method to bring up the new event dialog
this.add_event = function (templ) {
if (this.selected_calendar) {
var now = new Date();
var date = fc.fullCalendar('getDate').toDate();
date.setHours(now.getHours() + 1);
date.setMinutes(0);
var end = new Date(date.getTime());
end.setHours(date.getHours() + 1);
event_edit_dialog(
'new',
$.extend(
{
start: date,
end: end,
allDay: false,
calendar: this.selected_calendar,
},
templ || {},
),
);
}
};
// delete the given event after showing a confirmation dialog
this.delete_event = function (event) {
// show confirm dialog for recurring events, use jquery UI dialog
return update_event_confirm('remove', event, {
id: event.id,
calendar: event.calendar,
attendees: event.attendees,
});
};
// opens a jquery UI dialog with event properties (or empty for creating a new calendar)
this.calendar_edit_dialog = function (calendar) {
if (!calendar)
calendar = {
name: '',
color: 'cc0000',
editable: true,
showalarms: true,
};
var title = rcmail.gettext(
calendar.id ? 'editcalendar' : 'createcalendar',
'calendar',
),
params = {
action: calendar.id ? 'form-edit' : 'form-new',
c: { id: calendar.id },
_framed: 1,
},
$dialog = $('<iframe>')
.attr('src', rcmail.url('calendar', params))
.on('load', function () {
var contents = $(this).contents();
contents
.find('#calendar-name')
.prop(
'disabled',
!calendar.editable && !(calendar.name_editable ?? false),
)
.val(calendar.editname || calendar.name)
.select();
contents.find('#calendar-color').val(calendar.color);
contents
.find('#calendar-showalarms')
.prop('checked', calendar.showalarms);
}),
save_func = function () {
var data,
form = $dialog.contents().find('#calendarpropform'),
name = form.find('#calendar-name');
// form is not loaded
if (!form || !form.length) return false;
// do some input validation
if (!name.val() || name.val().length < 2) {
rcmail.alert_dialog(
rcmail.gettext('invalidcalendarproperties', 'calendar'),
function () {
name.select();
},
);
return false;
}
// post data to server
data = form.serializeJSON();
if (data.color) data.color = data.color.replace(/^#/, '');
if (calendar.id) data.id = calendar.id;
me.saving_lock = rcmail.set_busy(true, 'calendar.savingdata');
rcmail.http_post('calendar', {
action: calendar.id ? 'edit' : 'new',
c: data,
});
$dialog.dialog('close');
};
rcmail.simple_dialog($dialog, title, save_func, {
width: 600,
// PAMELA - Augmenter la hauter pour les calendriers externes
height: 515,
});
};
this.calendar_remove = function (calendar) {
this.calendar_destroy_source(calendar.id);
rcmail.http_post('calendar', {
action: 'subscribe',
c: { id: calendar.id, active: 0, permanent: 0, recursive: 1 },
});
return true;
};
// MANTIS 3607: Permettre de remplacer tous les évènements lors d'un import
this.calendar_delete_all = function (calendar) {
if (confirm(rcmail.gettext('deleteallcalendarconfirm', 'calendar'))) {
var lock = rcmail.display_message(rcmail.get_label('loading'), 'loading');
rcmail.http_post('calendar', {
action: 'delete_all',
c: { id: calendar.id },
});
return true;
}
return false;
};
// MANTIS 3896: Partage public et protégé de l'agenda
this.calendar_check_feed_url = function (calendar) {
setTimeout(() => {
var lock = rcmail.display_message(rcmail.get_label('loading'), 'loading');
rcmail.http_post(
'calendar',
{
action: 'check_feed_url',
c: {
id: calendar.id,
checked: $('.ui-dialog #checkpublicfeedurl').prop('checked'),
},
},
lock,
);
return true;
}, 200);
};
// MANTIS 3896: Partage public et protégé de l'agenda
this.calendar_show_feed_url = function (calendar, url) {
if (url) {
$('.ui-dialog #input_calpublicfeedurl').show();
$('.ui-dialog #calpublicfeedurl').val(url);
$('.ui-dialog #checkpublicfeedurl').prop('checked', true);
this.calendars[calendar].feedcalendarurl = url;
} else {
$('.ui-dialog #input_calpublicfeedurl').hide();
$('.ui-dialog #calpublicfeedurl').val('');
$('.ui-dialog #checkpublicfeedurl').prop('checked', false);
delete this.calendars[calendar].feedcalendarurl;
}
};
this.toggle_appointment = function (calendar) {
setTimeout(() => {
var lock = rcmail.display_message(rcmail.get_label('loading'), 'loading');
rcmail.http_post(
'calendar',
{
action: 'toggle_appointment',
c: {
id: calendar.id,
checked: $('.ui-dialog #check_appointment').prop('checked'),
},
},
lock,
);
return true;
}, 200);
};
this.appointment_show_url = function (calendar, url) {
if (url) {
$('.ui-dialog #appointment_url').val(url);
$('.ui-dialog #button_fullcalendarurl').show();
$('.ui-dialog #appointment_configuration').show();
$('.ui-dialog #check_appointment').prop('checked', true);
this.calendars[calendar].appointment_url = url;
} else {
$('.ui-dialog #appointment_url').val('');
$('.ui-dialog #button_fullcalendarurl').hide();
$('.ui-dialog #appointment_configuration').hide();
$('.ui-dialog #check_appointment').prop('checked', false);
this.calendars[calendar].appointment_url = url;
}
appointment_save_func();
};
this.calendar_delete = function (calendar) {
var label = calendar.children
? 'deletecalendarconfirmrecursive'
: 'deletecalendarconfirm';
rcmail.confirm_dialog(
rcmail.gettext(label, 'calendar'),
'delete',
function () {
rcmail.http_post('calendar', {
action: 'delete',
c: { id: calendar.id },
});
return true;
},
);
return false;
};
this.calendar_refresh_source = function (id) {
// got race-conditions fc.currentFetchID when using refetchEventSources,
// so we remove and add the source instead
// fc.fullCalendar('refetchEventSources', me.calendars[id]);
// TODO: Check it again with fullcalendar >= 3.9
fc.fullCalendar('removeEventSource', me.calendars[id]);
fc.fullCalendar('addEventSource', me.calendars[id]);
};
this.calendar_destroy_source = function (id) {
var delete_ids = [];
if (this.calendars[id]) {
// find sub-calendars
if (this.calendars[id].children) {
for (var child_id in this.calendars) {
if (String(child_id).indexOf(id) == 0) delete_ids.push(child_id);
}
} else {
delete_ids.push(id);
}
}
// delete all calendars in the list
for (var i = 0; i < delete_ids.length; i++) {
id = delete_ids[i];
calendars_list.remove(id);
fc.fullCalendar('removeEventSource', this.calendars[id]);
$('#edit-calendar option[value="' + id + '"]').remove();
delete this.calendars[id];
}
if (this.selected_calendar == id) {
this.init_calendars(true);
}
};
// open a dialog to upload an .ics file with events to be imported
this.import_events = function (calendar) {
// close show dialog first
var $dialog = $('#eventsimport'),
form = rcmail.gui_objects.importform;
if ($dialog.is(':ui-dialog')) $dialog.dialog('close');
if (calendar) $('#event-import-calendar').val(calendar.id);
var buttons = [
{
text: rcmail.gettext('import', 'calendar'),
class: 'mainaction import',
click: function () {
if (form && form.elements._data.value) {
rcmail.async_upload_form(form, 'import_events', function (e) {
rcmail.set_busy(false, null, me.saving_lock);
$('.ui-dialog-buttonpane button', $dialog.parent()).prop(
'disabled',
false,
);
// display error message if no sophisticated response from server arrived (e.g. iframe load error)
if (me.import_succeeded === null)
rcmail.display_message(
rcmail.get_label('importerror', 'calendar'),
'error',
);
});
// display upload indicator (with extended timeout)
var timeout = rcmail.env.request_timeout;
rcmail.env.request_timeout = 600;
me.import_succeeded = null;
me.saving_lock = rcmail.set_busy(true, 'uploading');
$('.ui-dialog-buttonpane button', $dialog.parent()).prop(
'disabled',
true,
);
// restore settings
rcmail.env.request_timeout = timeout;
}
},
},
{
text: rcmail.gettext('cancel', 'calendar'),
class: 'cancel',
click: function () {
$dialog.dialog('close');
},
},
];
// open jquery UI dialog
$dialog
.dialog({
modal: true,
resizable: false,
closeOnEscape: false,
title: rcmail.gettext('importevents', 'calendar'),
close: function () {
$('.ui-dialog-buttonpane button', $dialog.parent()).prop(
'disabled',
false,
);
$dialog.dialog('destroy').hide();
},
buttons: buttons,
width: 520,
})
.show();
};
// callback from server if import succeeded
this.import_success = function (p) {
this.import_succeeded = true;
$('#eventsimport:ui-dialog').dialog('close');
rcmail.set_busy(false, null, me.saving_lock);
rcmail.gui_objects.importform.reset();
if (p.refetch) this.refresh(p);
};
// callback from server to report errors on import
this.import_error = function (p) {
this.import_succeeded = false;
rcmail.set_busy(false, null, me.saving_lock);
rcmail.display_message(
p.message || rcmail.get_label('importerror', 'calendar'),
'error',
);
};
// open a dialog to select calendars for export
this.export_events = function (calendar) {
// close show dialog first
var $dialog = $('#eventsexport'),
form = rcmail.gui_objects.exportform;
if ($dialog.is(':ui-dialog')) $dialog.dialog('close');
if (calendar) $('#event-export-calendar').val(calendar.id);
$('#event-export-range').change(function (e) {
var custom = $(this).val() == 'custom',
input = $('#event-export-startdate');
$(this)[custom ? 'removeClass' : 'addClass']('rounded-right'); // Elastic/Bootstrap
input[custom ? 'show' : 'hide']();
if (custom) input.select();
});
var buttons = [
{
text: rcmail.gettext('export', 'calendar'),
class: 'mainaction export',
click: function () {
if (form) {
var start = 0,
range = $('#event-export-range', this).val(),
source = $('#event-export-calendar').val();
//PAMELA - Dans la mesure où la fonction Exporter ne peut prendre les PJ, autant virer l'option.
// attachmt = $('#event-export-attachments').get(0).checked;
if (range == 'custom')
start = date2unixtime(
me.parse_datetime('00:00', $('#event-export-startdate').val()),
);
else if (range > 0) start = 'today -' + range + ' months';
rcmail.goto_url(
'export_events',
{ source: source, start: start, attachments: 0 },
false,
);
}
$dialog.dialog('close');
},
},
{
text: rcmail.gettext('cancel', 'calendar'),
class: 'cancel',
click: function () {
$dialog.dialog('close');
},
},
];
// open jquery UI dialog
$dialog
.dialog({
modal: true,
resizable: false,
closeOnEscape: false,
title: rcmail.gettext('exporttitle', 'calendar'),
close: function () {
$('.ui-dialog-buttonpane button', $dialog.parent()).prop(
'disabled',
false,
);
$dialog.dialog('destroy').hide();
},
buttons: buttons,
width: 520,
})
.show();
};
// download the selected event as iCal
this.event_download = function (event) {
if (event && event.id) {
rcmail.goto_url(
'export_events',
{ source: event.calendar, id: event.id, attachments: 1 },
false,
);
}
};
// open the message compose step with a calendar_event parameter referencing the selected event.
// the server-side plugin hook will pick that up and attach the event to the message.
this.event_sendbymail = function (event, e) {
if (event && event.id) {
rcmail.command(
'compose',
{ _calendar_event: event._id },
e ? e.target : null,
e,
);
}
};
// display the edit dialog, request 'new' action and pass the selected event
this.event_copy = function (event) {
if (event && event.id) {
var copy = $.extend(true, {}, event);
delete copy.id;
delete copy._id;
delete copy.created;
delete copy.changed;
delete copy.recurrence_id;
delete copy.attachments; // @TODO
$.each(copy.attendees, function (k, v) {
if (v.role != 'ORGANIZER') {
v.status = 'NEEDS-ACTION';
}
// PAMELA - Ne pas conserver l'organisateur lors d'un copy
// PAMELA - 0006910: Modification des fonctionnalités de copie d'un événement depuis l'agenda d'un tiers
else {
v.role = 'REQ-PARTICIPANT';
}
});
setTimeout(function () {
event_edit_dialog('new', copy);
}, 50);
}
};
// show URL of the given calendar in a dialog box
this.showurl = function (calendar) {
if (calendar.feedurl) {
var dialog = $('#calendarurlbox').clone(true).removeClass('uidialog');
if (calendar.caldavurl) {
$('#caldavurl', dialog).val(calendar.caldavurl);
$('#calendarcaldavurl', dialog).show();
} else {
$('#calendarcaldavurl', dialog).hide();
}
if (calendar.caldavurl) {
$('#caldavurl', dialog).val(calendar.caldavurl);
$('#calendarcaldavurl', dialog).show();
} else {
$('#calendarcaldavurl', dialog).hide();
}
if (calendar.feedfreebusyurl) {
$('#calfreebusyurl', dialog).val(calendar.feedfreebusyurl);
$('#calendarcalfreebusyurl', dialog).show();
}
if (calendar.showfeedcalendarurl) {
if (calendar.feedcalendarurl) {
$('#input_calpublicfeedurl', dialog).show();
$('#calpublicfeedurl', dialog).val(calendar.feedcalendarurl);
$('#button_fullcalendarurl', dialog).show();
$('#checkpublicfeedurl', dialog).prop('checked', true);
} else {
$('#input_calpublicfeedurl', dialog).hide();
$('#calpublicfeedurl', dialog).val('');
$('#button_fullcalendarurl', dialog).hide();
$('#checkpublicfeedurl', dialog).prop('checked', false);
}
$('#ppublicfeedurl', dialog).parent().parent().show();
} else {
$('#ppublicfeedurl', dialog).parent().parent().hide();
}
rcmail.simple_dialog(
dialog,
rcmail.gettext('showurl', 'calendar'),
null,
{
open: function () {
$('#calfeedurl', dialog).val(calendar.feedurl);
},
cancel_button: 'close',
},
);
}
};
//PAMELA appointment configuration
this.appointment = function (calendar) {
let dialog = $('#appointmentbox').clone(true).removeClass('uidialog');
let form = dialog.find('#appointmentpropform');
rcmail.env.appointment_form = form;
//On initialise le datetimepicker sur tous les jours de la semaines
for (let i = 1; i < 8; i++) {
$('#time_start_' + i + '-1', dialog).datetimepicker({
datepicker: false,
format: 'H:i',
step: 15,
value: settings.work_start + ':00',
});
$('#time_end_' + i + '-1', dialog).datetimepicker({
datepicker: false,
format: 'H:i',
step: 15,
value: settings.work_end + ':00',
});
}
let user_pref = JSON.parse(rcmail.env.user_appointment_pref);
if (
user_pref &&
(user_pref.enabled === 'true' || user_pref.enabled === true
? true
: false)
) {
form.find('#check_appointment').prop('checked', user_pref);
form.find('#appointment_url').val(user_pref.url);
form
.find('#check_user_select_time')
.prop('checked', user_pref.check_user_select_time === 'true');
if (user_pref.check_user_select_time === 'true') {
form.find('#time').hide();
} else {
if (user_pref.custom_time_select) {
form
.find('#time_select option[value="custom"]')
.prop('selected', true);
form.find('#custom_time').show();
form
.find(
`#custom_time_select option[value="${user_pref.custom_time_select}"]`,
)
.prop('selected', true);
form.find('#custom_time_input').val(user_pref.time_select);
} else {
form
.find(`#time_select option[value="${user_pref.time_select}"]`)
.prop('selected', true);
}
}
if (user_pref.notification_type) {
form.find('#notification_select').val(user_pref.notification_type);
} else {
form.find('#notification_select').val('notification');
}
if (user_pref.place) {
user_pref.place.forEach((element) => {
switch (element.type) {
case 'attendee_call':
form.find('#phone').prop('checked', true);
form.find('#phone_fields').show();
form.find('#attendee_call').prop('checked', true);
form.find('#phone_number_field').show();
form.find('#phone_input').val(element.value);
break;
case 'organizer_call':
form.find('#phone').prop('checked', true);
form.find('#phone_fields').show();
form.find('#organizer_call').prop('checked', true);
break;
case 'address':
form.find(`#${element.type}`).prop('checked', true);
form.find('#address_fields').show();
form.find('#address_input').val(element.value);
break;
case 'webconf':
form.find(`#${element.type}`).prop('checked', true);
form.find('#webconf_fields').show();
form.find('#webconf_input').val(element.value);
form.find('#webconf_phone').val(element.phone);
form.find('#webconf_phone_pin').val(element.pin);
break;
default:
break;
}
});
}
form
.find(
`#time_before_select option[value="${user_pref.time_before_select}"]`,
)
.prop('selected', true);
form
.find(
`#time_after_select option[value="${user_pref.time_after_select}"]`,
)
.prop('selected', true);
form
.find('#custom_reason')
.prop('checked', user_pref.custom_reason === 'true');
if (user_pref.reason) {
user_pref.reason.forEach((element, index) => {
if (index == 0) {
form.find('#time_reason-1').val(element);
} else {
let input_array = form
.find('#appointment_reason .row:last-child')
.find('input');
let start_input = input_array.attr('id').split('-');
let new_id = parseInt(start_input[1]) + 1;
form
.find('#appointment_reason')
.append(
'<div id="row' +
new_id +
'" class="form-group row mt-3"><div class="col-10"><input type="text" class="form-control" id="time_reason-' +
new_id +
'" placeholder="Motif" value="' +
element +
'"></div><div class="col-1"><button class="btn btn-danger" title="Supprimer le motif de rendez-vous" id="reason_trash_' +
new_id +
'" onclick="remove_reason(`' +
new_id +
'`)"><span class="icon-mel-trash"></span></button></div></div>',
);
}
});
}
for (let i = 0; i < 7; i++) {
let day_range = user_pref.range[i];
let new_i;
i == 0 ? (new_i = 7) : (new_i = i);
if (day_range != '') {
form.find('#day_check_' + new_i).prop('checked', true);
form.find('#appointment_range_' + new_i).show();
form.find(`#time_start_${new_i}-1`).val(day_range[0]);
form.find(`#time_end_${new_i}-1`).val(day_range[1]);
if (day_range.length > 2) {
for (let j = 2; j < day_range.length; j += 2) {
let id = new_i + '-' + j;
form
.find('#appointment_range_' + new_i)
.append(
'<div id="row' +
id +
'" class="row mt-2"><div class="col-5"><input id="time_start_' +
id +
'" name="time_start_' +
id +
'" type="text" class="form-control" onchange="check_time_validity(`' +
id +
'`)"></div>-<div class="col-5"><input id="time_end_' +
id +
'" name="time_end_' +
id +
'" type="text" class="form-control" onchange="check_time_validity(`' +
id +
'`)"></div><div class="col-1 pl-0"><button class="btn btn-danger" id="time_trash_' +
id +
'" onclick="remove_time(`' +
id +
'`)"><span class="icon-mel-trash"></span></button></div><span id="time_alert_' +
id +
'" class="text-danger" style="display: none;"></span></div>',
);
form.find('#time_start_' + id).datetimepicker({
datepicker: false,
format: 'H:i',
step: 15,
value: day_range[j],
});
form.find('#time_end_' + id).datetimepicker({
datepicker: false,
format: 'H:i',
step: 15,
value: day_range[j + 1],
});
}
}
} else {
form.find('#day_check_' + new_i).prop('checked', false);
form.find('#appointment_range_' + new_i).hide();
}
}
} else {
form.find('#appointment_configuration').hide();
dialog.find('#button_fullcalendarurl').hide();
}
save_func = function () {
appointment_save_func();
};
rcmail.simple_dialog(
dialog,
rcmail.gettext('configureappointment', 'calendar'),
save_func,
{
cancel_button: 'close',
},
);
};
function appointment_save_func() {
let appointment = {};
let form = rcmail.env.appointment_form;
appointment.check_user_select_time = form
.find('#check_user_select_time')
.prop('checked');
if (!appointment.check_user_select_time) {
appointment.time_select = form.find('#time_select').val();
if (appointment.time_select == 'custom') {
appointment.custom_time_select = form.find('#custom_time_select').val();
appointment.time_select = form.find('#custom_time_input').val();
}
}
appointment.notification_type = form.find('#notification_select').val();
let error_message = 'Ce champs est obligatoire';
let error = false;
for (let e of form.find('input[required]')) {
if (!($(e).val() || null)) {
if (!$(e).is(':hidden')) {
form.find(`#${e.id}`).addClass('is-invalid');
form.find(`#${e.id.split('_')[0]}_error`).text(error_message);
error = true;
}
} else {
form.find(`#${e.id}`).removeClass('is-invalid');
form.find(`#${e.id.split('_')[0]}_error`).text('');
}
}
if (error) {
return;
}
appointment.range = {};
for (let i = 1; i < 8; i++) {
let inputs_val = [''];
if (form.find('#day_check_' + i).prop('checked')) {
let inputs = form.find('#appointment_range_' + i).find('input');
inputs_val = [];
inputs.each((index, input) => {
inputs_val.push(input.value);
});
}
//le dimanche doit être 0 pour fullcalendar
if (i == 7) {
appointment.range[0] = inputs_val;
} else {
appointment.range[i] = inputs_val;
}
}
appointment.time_before_select = form.find('#time_before_select').val();
appointment.time_after_select = form.find('#time_after_select').val();
let appointment_reason = [];
let inputs_reason = form.find('#appointment_reason').find('input');
inputs_reason.each((index, input) => {
appointment_reason.push(input.value);
});
appointment.reason = appointment_reason;
appointment.custom_reason = form.find('#custom_reason').prop('checked');
select_place = form.find('#place').find('input:checkbox');
let place = [];
select_place.each((index, input) => {
if ($(input).prop('checked')) {
let id = input.id;
switch (id) {
case 'address':
place.push({
type: id,
value: form.find('#address_input').val(),
text: form.find('#adress_text').text(),
});
break;
case 'phone':
form
.find('#phone_fields')
.find('input')
.each((index, input) => {
if ($(input).prop('checked')) {
if (input.id == 'organizer_call') {
place.push({
type: input.id,
value: true,
text: form.find('#phone_text').text(),
});
}
if (input.id == 'attendee_call') {
place.push({
type: input.id,
value: form.find('#phone_input').val(),
text: form.find('#phone_text').text(),
});
}
}
});
break;
case 'webconf':
place.push({
type: id,
value: form.find('#webconf_input').val(),
text: form.find('#webconf_text').text(),
phone: form.find('#webconf_phone').val(),
pin: form.find('#webconf_phone_pin').val(),
});
break;
default:
break;
}
}
});
appointment.place = place;
appointment.url = form.find('#appointment_url').val();
appointment.enabled = form.find('#check_appointment').prop('checked');
rcmail.env.user_appointment_pref = JSON.stringify(appointment);
var lock = rcmail.display_message(rcmail.get_label('loading'), 'loading');
rcmail.http_post(
'calendar',
{ action: 'appointment', c: appointment },
lock,
);
}
// show free-busy URL in a dialog box
this.showfburl = function () {
var dialog = $('#fburlbox').clone(true);
rcmail.simple_dialog(
dialog,
rcmail.gettext('showfburl', 'calendar'),
null,
{
open: function () {
$('#fburl', dialog).val(settings.freebusy_url).select();
},
cancel_button: 'close',
},
);
};
// refresh the calendar view after saving event data
this.refresh = function (p) {
// PAMELA - Gestion du cache
if (p.update && p.update.calendar_token) {
me.calendars[p.source].token = p.update.calendar_token;
}
var source = me.calendars[p.source];
// helper function to update the given fullcalendar view
function update_view(view, event, source) {
var existing = view.fullCalendar('clientEvents', event._id);
if (existing.length) {
delete existing[0].temp;
delete existing[0].editable;
$.extend(existing[0], event);
view.fullCalendar('updateEvent', existing[0]);
// remove old recurrence instances
if (event.recurrence && !event.recurrence_id)
view.fullCalendar('removeEvents', function (e) {
return e._id.indexOf(event._id + '-') == 0;
});
} else {
// PAMELA - Fullcalendar premium
// event.source = view.fullCalendar('getEventSourceById', source.id); // link with source
// view.fullCalendar('renderEvent', event);
// MANTIS 0007067: Problème de doublon d'événement en affichage pendant une mise à jour
fc.fullCalendar('refetchEventSources', source);
fetch_counts();
}
// PAMELA - Gestion du cache
fc.fullCalendar('updateEventSourceToken', source);
}
// remove temp events
fc.fullCalendar('removeEvents', function (e) {
return e.temp;
});
if (source && (p.refetch || (p.update && !source.active))) {
// activate event source if new event was added to an invisible calendar
if (this.quickview_active) {
// map source to the quickview_sources equivalent
$.each(this.quickview_sources, function (src) {
if (src.id == source.id) {
source = src;
return false;
}
});
} else if (!source.active) {
source.active = true;
$('#rcmlical' + source.id + ' input').prop('checked', true);
}
// PAMELA - gestion du cache
let sources = [];
for (const key in p.cals) {
if (me.calendars[key].token != p.cals[key].token) {
me.calendars[key].token = p.cals[key].token;
sources.push(me.calendars[key]);
}
}
fc.fullCalendar('refetchEventSources', sources);
// fc.fullCalendar('refetchEventSources', source.id);
fetch_counts();
}
// add/update single event object
else if (source && p.update) {
var event = p.update;
// update main view
update_view(fc, event, source);
// update the currently displayed event dialog
if (
$('#eventshow').is(':visible') &&
me.selected_event &&
me.selected_event.id == event.id
)
event_show_dialog(event);
}
// refetch all calendars
else if (p.refetch) {
// PAMELA - gestion du cache
let sources = [];
for (const key in p.cals) {
if (me.calendars[key].token != p.cals[key].token) {
me.calendars[key].token = p.cals[key].token;
sources.push(me.calendars[key]);
}
}
fc.fullCalendar('refetchEventSources', sources);
// fc.fullCalendar('refetchEvents');
fetch_counts();
}
};
// modify query parameters for refresh requests
this.before_refresh = function (query) {
var view = fc.fullCalendar('getView');
query.start = date2unixtime(view.start.toDate());
query.end = date2unixtime(view.end.toDate());
if (this.search_query) query.q = this.search_query;
return query;
};
// callback from server providing event counts
this.update_counts = function (p) {
$.each(p.counts, function (cal, count) {
var li = calendars_list.get_item(cal),
bubble = $(li).children('.calendar').find('span.count');
if (!bubble.length && count > 0) {
bubble = $('<span>')
.addClass('count')
.appendTo($(li).children('.calendar').first());
}
if (count > 0) {
bubble.text(count).show();
} else {
bubble.text('').hide();
}
});
};
// callback after an iTip message event was imported
this.itip_message_processed = function (data) {
// remove temporary iTip source
fc.fullCalendar('removeEventSource', this.calendars['--invitation--itip']);
$('#eventshow:ui-dialog').dialog('close');
this.selected_event = null;
// refresh destination calendar source
this.refresh({ source: data.calendar, refetch: true });
this.unlock_saving();
// process 'after_action' in mail task
if (window.opener && window.opener.rcube_libcalendaring)
window.opener.rcube_libcalendaring.itip_message_processed(data);
};
// reload the calendar view by keeping the current date/view selection
this.reload_view = function () {
var query = { view: fc.fullCalendar('getView').name },
date = fc.fullCalendar('getDate');
if (date) query.date = date2unixtime(date.toDate());
rcmail.redirect(rcmail.url('', query));
};
// update browser location to remember current view
this.update_state = function () {
var query = { view: current_view },
date = fc.fullCalendar('getDate');
if (date) query.date = date2unixtime(date.toDate());
if (window.history.replaceState)
window.history.replaceState(
{},
document.title,
rcmail.url('', query).replace('&_action=', ''),
);
};
this.resource_search = resource_search;
this.reset_resource_search = reset_resource_search;
this.add_resource2event = add_resource2event;
this.resource_data_load = resource_data_load;
this.resource_owner_load = resource_owner_load;
/*** event searching ***/
// execute search
this.quicksearch = function () {
if (rcmail.gui_objects.qsearchbox) {
var q = rcmail.gui_objects.qsearchbox.value;
if (q != '') {
var id = 'search-' + q;
var sources = [];
if (me.quickview_active) reset_quickview();
if (this._search_message) rcmail.hide_message(this._search_message);
$.each(fc.fullCalendar('getEventSources'), function () {
this.url = this.url.replace(/&q=.+/, '') + '&q=' + urlencode(q);
me.calendars[this.id].url = this.url;
sources.push(this.id);
});
id += '@' + sources.join(',');
// ignore if query didn't change
if (this.search_request == id) {
return;
}
// remember current view
else if (!this.search_request) {
this.default_view = fc.fullCalendar('getView').name;
}
this.search_request = id;
this.search_query = q;
// change to list view
fc.fullCalendar('changeView', 'list');
// refetch events with new url (if not already triggered by changeView)
if (!this.is_loading) fc.fullCalendar('refetchEvents');
} // empty search input equals reset
else this.reset_quicksearch();
}
};
// reset search and get back to normal event listing
this.reset_quicksearch = function () {
$(rcmail.gui_objects.qsearchbox).val('');
if (this._search_message) rcmail.hide_message(this._search_message);
if (this.search_request) {
$.each(fc.fullCalendar('getEventSources'), function () {
this.url = this.url.replace(/&q=.+/, '');
me.calendars[this.id].url = this.url;
});
this.search_request = this.search_query = null;
// 0008284: Vue agenda: Réinitialiser la recherche et revenir sur la vue précédente (vue par défaut)
if (this.default_view) {
fc.fullCalendar('changeView', this.default_view);
}
fc.fullCalendar('refetchEvents');
}
};
// callback if all sources have been fetched from server
this.events_loaded = function () {
if (this.search_request && !fc.fullCalendar('clientEvents').length) {
this._search_message = rcmail.display_message(
rcmail.gettext('searchnoresults', 'calendar'),
'notice',
);
}
};
// adjust calendar view size
this.view_resize = function () {
var footer =
fc.fullCalendar('getView').name == 'list'
? $('#agendaoptions').outerHeight()
: 0;
fc.fullCalendar('option', 'height', $('#calendar').height() - footer);
};
// mark the given calendar folder as selected
this.select_calendar = function (id, nolistupdate) {
if (!nolistupdate) calendars_list.select(id);
// trigger event hook
rcmail.triggerEvent('selectfolder', { folder: id, prefix: 'rcmlical' });
this.selected_calendar = id;
rcmail.update_state({ source: id });
rcmail.enable_command(
'addevent',
this.calendars[id] && this.calendars[id].editable,
);
};
// register the given calendar to the current view
var add_calendar_source = function (cal) {
var brightness,
select,
id = cal.id;
me.calendars[id] = $.extend(
{
url: rcmail.url('calendar/load_events', { source: id }),
id: id,
},
cal,
);
if (fc && (cal.active || cal.subscribed)) {
if (cal.active) {
fc.fullCalendar('addEventSource', me.calendars[id]);
// PAMELA
fc.fullCalendar('addResource', me.calendars[id]);
}
var submit = { id: id, active: cal.active ? 1 : 0 };
if (cal.subscribed !== undefined)
submit.permanent = cal.subscribed ? 1 : 0;
rcmail.http_post('calendar', { action: 'subscribe', c: submit });
}
// insert to #calendar-select options if writeable
select = $('#edit-calendar');
if (
fc &&
me.has_permission(cal, 'i') &&
select.length &&
!select.find('option[value="' + id + '"]').length
) {
$('<option>').attr('value', id).html(cal.name).appendTo(select);
}
};
// fetch counts for some calendars from the server
var fetch_counts = function () {
if (count_sources.length) {
setTimeout(function () {
rcmail.http_request('calendar/count', { source: count_sources });
}, 500);
}
};
this.init_calendars = function (refresh) {
var id, cal, active;
for (id in rcmail.env.calendars) {
cal = rcmail.env.calendars[id];
active = cal.active || false;
if (!refresh) {
add_calendar_source(cal);
// check active calendars
$('#rcmlical' + id + ' > .calendar input').prop('checked', active);
if (active) {
event_sources.push(this.calendars[id]);
}
if (cal.counts) {
count_sources.push(id);
}
}
if (cal.editable && (!this.selected_calendar || refresh)) {
this.selected_calendar = id;
if (refresh) {
this.select_calendar(id);
refresh = false;
}
}
}
};
/*** startup code ***/
// initialize treelist widget that controls the calendars list
var widget_class = window.kolab_folderlist || rcube_treelist_widget;
calendars_list = new widget_class(rcmail.gui_objects.calendarslist, {
id_prefix: 'rcmlical',
selectable: true,
save_state: true,
keyboard: false,
searchbox: '#calendarlistsearch',
search_action: 'calendar/calendar',
search_sources: ['folders', 'users'],
search_title: rcmail.gettext('calsearchresults', 'calendar'),
});
calendars_list.addEventListener('select', function (node) {
if (node && node.id && me.calendars[node.id]) {
me.select_calendar(node.id, true);
rcmail.enable_command(
'calendar-edit',
'calendar-showurl',
'calendar-appointment',
'calendar-showfburl',
true,
);
// PAMELA - Différencier editable et deletable
rcmail.enable_command('calendar-delete', me.calendars[node.id].deletable);
rcmail.enable_command(
'calendar-remove',
me.calendars[node.id] && me.calendars[node.id].removable,
);
// MANTIS 3607: Permettre de remplacer tous les évènements lors d'un import
rcmail.enable_command('calendar-delete-all', true);
// MANTIS 3896: Partage public et protégé de l'agenda
rcmail.enable_command('calendar-check-feed-url', true);
rcmail.enable_command('toggle-appointment', true);
rcmail.enable_command('calendar-setting-resource', true);
}
});
calendars_list.addEventListener('insert-item', function (p) {
var cal = p.data;
if (cal && cal.id) {
add_calendar_source(cal);
// add css classes related to this calendar to document
if (cal.css) {
$('<style type="text/css"></style>').html(cal.css).appendTo('head');
}
}
});
calendars_list.addEventListener('subscribe', function (p) {
var cal;
if ((cal = me.calendars[p.id])) {
cal.subscribed = p.subscribed || false;
rcmail.http_post('calendar', {
action: 'subscribe',
c: {
id: p.id,
active: cal.active ? 1 : 0,
permanent: cal.subscribed ? 1 : 0,
},
});
}
});
calendars_list.addEventListener('remove', function (p) {
if (me.calendars[p.id] && me.calendars[p.id].removable) {
me.calendar_remove(me.calendars[p.id]);
}
});
calendars_list.addEventListener('search-complete', function (data) {
if (data.length)
rcmail.display_message(
rcmail
.gettext('nrcalendarsfound', 'calendar')
.replace('$nr', data.length),
'voice',
);
else
rcmail.display_message(
rcmail.gettext('nocalendarsfound', 'calendar'),
'notice',
);
});
calendars_list.addEventListener('click-item', function (event) {
// handle clicks on quickview icon: temprarily add this source and open in quickview
if ($(event.target).hasClass('quickview') && event.data) {
if (!me.calendars[event.data.id]) {
event.data.readonly = true;
event.data.active = false;
event.data.subscribed = false;
add_calendar_source(event.data);
}
me.quickview(
event.data.id,
event.shiftKey || event.metaKey || event.ctrlKey,
);
return false;
}
});
// init (delegate) event handler on calendar list checkboxes
$(rcmail.gui_objects.calendarslist)
.on('click', 'input[type=checkbox]', function (e) {
e.stopPropagation();
if (me.quickview_active) {
this.checked = !this.checked;
return false;
}
var id = this.value;
// add or remove event source on click
if (me.calendars[id]) {
// adjust checked state of original list item
if (calendars_list.is_search()) {
calendars_list.container
.find('input[value="' + id + '"]')
.prop('checked', this.checked);
}
me.calendars[id].active = this.checked;
// add/remove event source
fc.fullCalendar(
this.checked ? 'addEventSource' : 'removeEventSource',
me.calendars[id],
);
// PAMELA
fc.fullCalendar(
this.checked ? 'addResource' : 'removeResource',
me.calendars[id],
);
rcmail.http_post('calendar', {
action: 'subscribe',
c: { id: id, active: this.checked ? 1 : 0 },
});
}
})
.on('keypress', 'input[type=checkbox]', function (e) {
// select calendar on <Enter>
if (e.keyCode == 13) {
calendars_list.select(this.value);
return rcube_event.cancel(e);
}
})
// init (delegate) event handler on quickview links
.on('click', 'a.quickview', function (e) {
var id = $(this)
.closest('li')
.attr('id')
.replace(/^rcmlical/, '');
if (calendars_list.is_search()) id = id.replace(/--xsR$/, '');
if (me.calendars[id])
me.quickview(id, e.shiftKey || e.metaKey || e.ctrlKey);
if (!rcube_event.is_keyboard(e) && this.blur) this.blur();
e.stopPropagation();
return false;
});
// register dbl-click handler to open calendar edit dialog
$(rcmail.gui_objects.calendarslist).on(
'dblclick',
':not(.virtual) > .calname',
function (e) {
var id = $(this)
.closest('li')
.attr('id')
.replace(/^rcmlical/, '');
me.calendar_edit_dialog(me.calendars[id]);
},
);
// Make Elastic checkboxes pretty
if (window.UI && UI.pretty_checkbox) {
$(rcmail.gui_objects.calendarslist)
.find('input[type=checkbox]')
.each(function () {
UI.pretty_checkbox(this);
});
calendars_list.addEventListener('add-item', function (prop) {
UI.pretty_checkbox($(prop.li).find('input'));
});
}
// create list of event sources AKA calendars
this.init_calendars();
// select default calendar
if (rcmail.env.source && this.calendars[rcmail.env.source])
this.selected_calendar = rcmail.env.source;
else if (
settings.default_calendar &&
this.calendars[settings.default_calendar] &&
this.calendars[settings.default_calendar].editable
)
this.selected_calendar = settings.default_calendar;
if (this.selected_calendar) this.select_calendar(this.selected_calendar);
var viewdate = new Date();
if (rcmail.env.date) viewdate.setTime(fromunixtime(rcmail.env.date));
// add source with iTip event data for rendering
if (rcmail.env.itip_events && rcmail.env.itip_events.length) {
me.calendars['--invitation--itip'] = {
events: rcmail.env.itip_events,
color: 'ffffff',
editable: false,
rights: 'lrs',
attendees: true,
};
event_sources.push(me.calendars['--invitation--itip']);
}
// initalize the fullCalendar plugin
var fc = $('#calendar').fullCalendar(
$.extend({}, fullcalendar_defaults, {
header: {
right: 'prev,next today',
center: 'title',
left: 'timelineDay,agendaDay,agendaTwoDay,agendaThreeDay,agendaResource,agendaWork,agendaWeek,timelineWeek,monthWork,month,list',
},
defaultDate: viewdate,
height: $('#calendar').height(),
eventSources: event_sources,
selectable: true,
selectHelper: false,
loading: function (isLoading) {
me.is_loading = isLoading;
this._rc_loading = rcmail.set_busy(
isLoading,
me.search_request ? 'searching' : 'loading',
this._rc_loading,
);
// trigger callback (using timeout, otherwise clientEvents is always empty)
if (!isLoading)
setTimeout(function () {
me.events_loaded();
}, 20);
setTimeout(() => {
let time =
settings.first_hour < 10
? '0' + settings.first_hour
: settings.first_hour;
$('.fc-scroller').scrollTop(
$('[data-time="' + time + ':00:00' + '"]').position().top,
);
}, 20);
},
// callback for date range selection
// PAMELA - Fullcalendar premium
select: function (start, end, e, view, resource) {
var range_select = start.hasTime() || start != end;
if (dialog_check(e) && range_select)
// PAMELA - Fullcalendar premium
event_edit_dialog('new', {
start: start,
end: end,
allDay: !start.hasTime(),
calendar: resource ? resource.id : me.selected_calendar,
});
if (range_select || ignore_click) view.calendar.unselect();
},
// callback for clicks in all-day box
// PAMELA - Fullcalendar premium
dayClick: function (date, e, view, resource) {
var now = new Date().getTime();
if (
now - day_clicked_ts < 400 &&
day_clicked == date.toDate().getTime()
) {
// emulate double-click on day
var enddate = new Date();
if (date.hasTime())
enddate.setTime(date.toDate().getTime() + DAY_MS - 60000);
// PAMELA - Fullcalendar premium
return event_edit_dialog('new', {
start: date,
end: enddate,
allDay: !date.hasTime(),
calendar: resource ? resource.id : me.selected_calendar,
});
}
if (!ignore_click) {
view.calendar.gotoDate(date);
if (
day_clicked &&
new Date(day_clicked).getMonth() != date.toDate().getMonth()
)
view.calendar.select(date, date);
}
day_clicked = date.toDate().getTime();
day_clicked_ts = now;
},
// callback when an event was dragged and finally dropped
eventDrop: function (event, delta, revertFunc) {
if (!event.end || event.end.diff(event.start) < 0) {
if (event.allDay)
event.end = moment(event.start).hour(13).minute(0).second(0);
else event.end = moment(event.start).add(2, 'hours');
} else if (event.allDay) {
event.end.subtract(1, 'days').hour(13);
}
if (event.allDay) event.start.hour(12);
// send move request to server
var data = {
id: event.id,
calendar: event.calendar,
start: date2servertime(event.start),
end: date2servertime(event.end),
allDay: event.allDay ? 1 : 0,
};
update_event_confirm('move', event, data);
},
// callback for event resizing
eventResize: function (event, delta) {
// sanitize event dates
if (event.allDay) {
event.start.hours(12);
event.end.hour(13).subtract(1, 'days');
}
// send resize request to server
var data = {
id: event.id,
calendar: event.calendar,
start: date2servertime(event.start),
end: date2servertime(event.end),
allDay: event.allDay ? 1 : 0,
};
update_event_confirm('resize', event, data);
},
viewRender: function (view, element) {
$('#agendaoptions')[view.name == 'list' ? 'show' : 'hide']();
if (minical) {
window.setTimeout(function () {
minical.datepicker('setDate', fc.fullCalendar('getDate').toDate());
}, exec_deferred);
if (view.name != current_view) me.view_resize();
current_view = view.name;
me.update_state();
}
var viewStart = moment(view.start);
$('#calendar .fc-prev-button')
.off('click')
.on('click', function () {
if (view.name == 'list')
fc.fullCalendar(
'gotoDate',
viewStart.subtract(settings.agenda_range, 'days'),
);
else fc.fullCalendar('prev');
});
$('#calendar .fc-next-button')
.off('click')
.on('click', function () {
if (view.name == 'list')
fc.fullCalendar(
'gotoDate',
viewStart.add(settings.agenda_range, 'days'),
);
else fc.fullCalendar('next');
});
},
eventAfterAllRender: function (view) {
if (view.name == 'list') {
// Fix colspan of headers after we added Location column
fc.find('tr.fc-list-heading > td').attr('colspan', 4);
}
},
}),
);
// if start date is changed, shift end date according to initial duration
var shift_enddate = function (dateText) {
var newstart = me.parse_datetime('0', dateText);
var newend = new Date(
newstart.getTime() + $('#edit-startdate').data('duration') * 1000,
);
$('#edit-enddate').val(format_date(newend, me.settings.date_format));
event_times_changed();
};
// Set as calculateWeek to determine the week of the year based on the ISO 8601 definition.
// Uses the default $.datepicker.iso8601Week() function but takes firstDay setting into account.
// This is a temporary fix until http://bugs.jqueryui.com/ticket/8420 is resolved.
var iso8601Week = (me.datepicker_settings.calculateWeek = function (date) {
var mondayOffset = Math.abs(1 - me.datepicker_settings.firstDay);
return $.datepicker.iso8601Week(
new Date(date.getTime() + mondayOffset * 86400000),
);
});
// Réajouter les ressources depuis les calendriers
for (const key in me.calendars) {
if (Object.hasOwnProperty.call(me.calendars, key)) {
const calendar = me.calendars[key];
if (calendar.active) {
fc.fullCalendar('addResource', calendar);
}
}
}
var minical;
var init_calendar_ui = function () {
var pretty_select = function (elem) {
// for Elastic
if (window.UI && UI.pretty_select) {
$(elem)
.addClass('form-control custom-select')
.each(function () {
UI.pretty_select(this);
});
}
};
// initialize small calendar widget using jQuery UI datepicker
minical = $('#datepicker')
.datepicker(
$.extend(me.datepicker_settings, {
inline: true,
changeMonth: true,
changeYear: true,
onSelect: function (dateText, inst) {
ignore_click = true;
var d = minical.datepicker('getDate');
fc.fullCalendar('gotoDate', d);
fc.fullCalendar('select', d, d);
setTimeout(function () {
pretty_select($('select', minical));
}, 25);
// PAMELA
rcmail.triggerEvent('calendar.datepicker.onSelect', {
date: dateText,
inst: inst,
});
},
onChangeMonthYear: function (year, month, inst) {
minical.data('year', year).data('month', month);
setTimeout(function () {
pretty_select($('select', minical));
}, 25);
// PAMELA
rcmail.triggerEvent('calendar.datepicker.onChangeMonthYear', {
year: year,
month: month,
inst: inst,
});
},
beforeShowDay: function (date) {
// TODO: this pretty_select() calls should be implemented in a different way
setTimeout(function () {
pretty_select($('select', minical));
}, 25);
var view = fc.fullCalendar('getView'),
dt = moment(date).format('YYYYMMDD'),
active =
view.start &&
view.start.format('YYYYMMDD') <= dt &&
view.end.format('YYYYMMDD') > dt;
// PAMELA
rcmail.triggerEvent('calendar.datepicker.beforeShowDay', {
date: date,
});
return [
true,
active
? 'ui-datepicker-activerange ui-datepicker-active-' + view.name
: '',
'',
];
},
}),
) // set event handler for clicks on calendar week cell of the datepicker widget
.on('click', 'td.ui-datepicker-week-col', function (e) {
var cell = $(e.target);
if (e.target.tagName == 'TD') {
var base_date = minical.datepicker('getDate');
if (minical.data('month'))
base_date.setMonth(minical.data('month') - 1);
if (minical.data('year')) base_date.setYear(minical.data('year'));
base_date.setHours(12);
base_date.setDate(
base_date.getDate() -
((base_date.getDay() + 6) % 7) +
me.datepicker_settings.firstDay,
);
var base_kw = iso8601Week(base_date),
target_kw = parseInt(cell.html()),
wdiff = target_kw - base_kw;
if (wdiff > 10)
// year jump
base_date.setYear(base_date.getFullYear() - 1);
else if (wdiff < -10) base_date.setYear(base_date.getFullYear() + 1);
// select monday of the chosen calendar week
var day_off = base_date.getDay() - me.datepicker_settings.firstDay,
date = new Date(
base_date.getTime() - day_off * DAY_MS + wdiff * 7 * DAY_MS,
);
fc.fullCalendar('changeView', 'agendaWeek', date);
minical.datepicker('setDate', date);
setTimeout(function () {
pretty_select($('select', minical));
}, 25);
}
});
minical
.find('.ui-datepicker-inline')
.attr('aria-labelledby', 'aria-label-minical');
if (rcmail.env.date) {
var viewdate = new Date();
viewdate.setTime(fromunixtime(rcmail.env.date));
minical.datepicker('setDate', viewdate);
}
// init event dialog
var tab_change = function (event, ui) {
// newPanel.selector for jQuery-UI 1.10, newPanel.attr('id') for jQuery-UI 1.12, href for Bootstrap tabs
var tab = (
ui
? String(ui.newPanel.selector || ui.newPanel.attr('id'))
: $(event.target).attr('href')
)
.replace(/^#?event-panel-/, '')
.replace(/s$/, '');
var has_real_attendee = function (attendees) {
for (var i = 0; i < (attendees ? attendees.length : 0); i++) {
if (attendees[i].cutype != 'RESOURCE') return true;
}
};
if (tab == 'attendee' || tab == 'resource') {
if (!rcube_event.is_keyboard(event))
$('#edit-' + tab + '-name').select();
// update free-busy status if needed
if (freebusy_ui.needsupdate && me.selected_event)
update_freebusy_status(me.selected_event);
// add current user as organizer if non added yet
if (tab == 'attendee' && !has_real_attendee(event_attendees)) {
add_attendee($.extend({ role: 'ORGANIZER' }, settings.identity));
$('#edit-attendees-form .attendees-invitebox').show();
}
}
// reset autocompletion on tab change (#3389)
rcmail.ksearch_blur();
// display recurrence warning in recurrence tab only
if (tab == 'recurrence') $('#edit-recurrence-frequency').change();
else $('#edit-recurrence-syncstart').hide();
};
$('#eventedit:not([data-notabs])').tabs({ activate: tab_change }); // Larry
$('#eventedit a.nav-link').on('show.bs.tab', tab_change); // Elastic
$('#edit-enddate').datepicker(me.datepicker_settings);
$('#edit-startdate')
.datepicker(me.datepicker_settings)
.datepicker('option', 'onSelect', shift_enddate)
.change(function () {
shift_enddate(this.value);
});
$('#edit-enddate')
.datepicker('option', 'onSelect', event_times_changed)
.change(event_times_changed);
$('#edit-allday').click(function () {
$('#edit-starttime, #edit-endtime')[this.checked ? 'hide' : 'show']();
event_times_changed();
});
// configure drop-down menu on time input fields based on jquery UI autocomplete
$('#edit-starttime, #edit-endtime').each(function () {
me.init_time_autocomplete(this, {
container: '#eventedit',
change: event_times_changed,
});
});
// adjust end time when changing start
$('#edit-starttime').change(function (e) {
var dstart = $('#edit-startdate'),
newstart = me.parse_datetime(this.value, dstart.val()),
newend = new Date(newstart.getTime() + dstart.data('duration') * 1000);
$('#edit-endtime').val(format_date(newend, me.settings.time_format));
$('#edit-enddate').val(format_date(newend, me.settings.date_format));
event_times_changed();
});
// register events on alarms and recurrence fields
me.init_alarms_edit('#edit-alarms');
me.init_recurrence_edit('#eventedit');
// reload free-busy status when changing the organizer identity
$('#eventedit').on('change', '#edit-identities-list', function (e) {
var email = settings.identities[$(this).val()],
icon = $(this).closest('tr').find('.availability > *');
if (email && icon.length) {
icon.attr('data-email', email);
check_freebusy_status(icon, email, me.selected_event);
// PAMELA - Mode assistantes
event_attendees[0].email = email;
}
});
$('#event-export-startdate').datepicker(me.datepicker_settings);
// init attendees autocompletion
var ac_props;
// parallel autocompletion
if (rcmail.env.autocomplete_threads > 0) {
ac_props = {
threads: rcmail.env.autocomplete_threads,
sources: rcmail.env.autocomplete_sources,
};
}
rcmail.init_address_input_events($('#edit-attendee-name'), ac_props);
rcmail.addEventListener('autocomplete_insert', function (e) {
var cutype,
success = false;
if (e.field.name == 'participant') {
cutype =
e.data && e.data.type == 'group' && e.result_type == 'person'
? 'GROUP'
: 'INDIVIDUAL';
success = add_attendees(e.insert, {
role: 'REQ-PARTICIPANT',
status: 'NEEDS-ACTION',
cutype: cutype,
});
} else if (e.field.name == 'resource' && e.data && e.data.email) {
success = add_attendee(
$.extend(e.data, {
role: 'REQ-PARTICIPANT',
status: 'NEEDS-ACTION',
cutype: 'RESOURCE',
}),
);
}
if (e.field && success) {
e.field.value = '';
}
});
$('#edit-attendee-add').click(function () {
var input = $('#edit-attendee-name');
rcmail.ksearch_blur();
if (
add_attendees(input.val(), {
role: 'REQ-PARTICIPANT',
status: 'NEEDS-ACTION',
cutype: 'INDIVIDUAL',
})
) {
input.val('');
}
});
rcmail.init_address_input_events($('#edit-resource-name'), {
action: 'calendar/resources-autocomplete',
});
$('#edit-resource-add').click(function () {
var input = $('#edit-resource-name');
rcmail.ksearch_blur();
if (
add_attendees(input.val(), {
role: 'REQ-PARTICIPANT',
status: 'NEEDS-ACTION',
cutype: 'RESOURCE',
})
) {
input.val('');
}
});
$('#edit-resource-find').click(function () {
event_resources_dialog();
return false;
});
$('#resource-content a.nav-link').on('click', function () {
e.preventDefault();
$(this).tab('show');
});
// handle change of "send invitations" checkbox
$('#edit-attendees-invite').change(function () {
$('#edit-attendees-donotify,input.edit-attendee-reply').prop(
'checked',
this.checked,
);
// hide/show comment field
$('#eventedit .attendees-commentbox')[this.checked ? 'show' : 'hide']();
});
// delegate change event to "send invitations" checkbox
$('#edit-attendees-donotify').change(function () {
$('#edit-attendees-invite').click();
return false;
});
$('#edit-attendee-schedule').click(function () {
event_freebusy_dialog();
});
$('#schedule-freebusy-prev')
.html('◄')
.click(function () {
render_freebusy_grid(-1);
});
$('#schedule-freebusy-next')
.html('►')
.click(function () {
render_freebusy_grid(1);
});
$('#schedule-find-prev').click(function () {
freebusy_find_slot(-1);
});
$('#schedule-find-next').click(function () {
freebusy_find_slot(1);
});
$('#schedule-freebusy-workinghours').click(function () {
freebusy_ui.workinhoursonly = this.checked;
$('#workinghourscss').remove();
if (this.checked)
$(
'<style type="text/css" id="workinghourscss"> td.offhours { opacity:0.3; filter:alpha(opacity=30) } </style>',
).appendTo('head');
});
$('#event-rsvp input.button').click(function (e) {
event_rsvp(this, null, null, e.originalEvent);
});
$('#eventedit input.edit-recurring-savemode').change(function (e) {
var sel = $('input.edit-recurring-savemode:checked').val(),
disabled = sel == 'current' || sel == 'future';
// PAMELA - 0007033: Modification d'un évenement récurrent
if (sel == 'all' || me.selected_event._old_sel == 'all') {
var event = me.selected_event;
if (!event.instance_start) event.instance_start = event.start;
if (!event.instance_end) event.instance_end = event.end;
if (sel == 'all' && event.master_start) {
var end =
'toDate' in event.master_end
? event.master_end
: moment(event.master_end);
var start =
'toDate' in event.master_start
? event.master_start
: moment(event.master_start);
var duration = Math.round(
(end.format('x') - start.format('x')) / 1000,
);
} else {
var end =
'toDate' in event.instance_end
? event.instance_end
: moment(event.instance_end);
var start =
'toDate' in event.instance_start
? event.instance_start
: moment(event.instance_start);
var duration = Math.round(
(end.format('x') - start.format('x')) / 1000,
);
}
$('#edit-startdate')
.val($.fullCalendar.formatDate(start, me.settings['date_format']))
.data('duration', duration);
$('#edit-enddate').val(
$.fullCalendar.formatDate(end, me.settings['date_format']),
);
if (event.allDay) {
$('.input-mel-datetime .input-mel.start').val(
$('#edit-startdate').val(),
);
$('.input-mel-datetime .input-mel.end').val($('#edit-enddate').val());
} else {
$('#edit-starttime').val(
$.fullCalendar.formatDate(start, me.settings['time_format']),
);
$('.input-mel-datetime .input-mel.start').val(
$('#edit-startdate').val() + ' ' + $('#edit-starttime').val(),
);
$('#edit-endtime').val(
$.fullCalendar.formatDate(end, me.settings['time_format']),
);
$('.input-mel-datetime .input-mel.end').val(
$('#edit-enddate').val() + ' ' + $('#edit-endtime').val(),
);
}
}
me.selected_event._old_sel = sel;
$(
'#event-panel-recurrence input, #event-panel-recurrence select, #event-panel-attachments input',
).prop('disabled', disabled);
$('#event-panel-recurrence, #event-panel-attachments')[
disabled ? 'addClass' : 'removeClass'
]('disabled');
});
$('#eventshow .changersvp').click(function (e) {
var d = $('#eventshow'),
record = $(this).closest('.event-line,.form-group'),
h = d.height() - record.height();
record.toggle();
$('#event-rsvp').slideDown(300, function () {
me.dialog_resize(d.get(0), h + $(this).outerHeight());
if (this.scrollIntoView) this.scrollIntoView(false);
});
return false;
});
// register click handler for message links
$('#edit-event-links, #event-links').on(
'click',
'li a.messagelink',
function (e) {
rcmail.open_window(this.href);
if (!rcube_event.is_keyboard(e) && this.blur) this.blur();
return false;
},
);
// register click handler for message delete buttons
$('#edit-event-links').on('click', 'li a.delete', function (e) {
remove_link(e.target);
return false;
});
$('#agenda-listrange')
.change(function (e) {
settings.agenda_range = parseInt($(this).val());
fc.fullCalendar('changeView', 'list');
// TODO: save new settings in prefs
})
.val(settings.agenda_range);
// hide event dialog when clicking somewhere into document
$(document).bind('mousedown', dialog_check);
rcmail.set_busy(false, 'loading', ui_loading);
};
// initialize more UI elements (deferred)
window.setTimeout(init_calendar_ui, exec_deferred);
// fetch counts for some calendars
fetch_counts();
// Save-as-event dialog content
if (rcmail.env.action == 'dialog-ui') {
var date = new Date(),
event = { allDay: false, calendar: me.selected_calendar };
date.setHours(date.getHours() + 1);
date.setMinutes(0);
var end = new Date(date.getTime());
end.setHours(date.getHours() + 1);
event.start = date;
event.end = end;
// exec deferred because it must be after init_calendar_ui
window.setTimeout(function () {
event_edit_dialog('new', $.extend(event, rcmail.env.event_prop));
}, exec_deferred);
rcmail.register_command(
'event-save',
function () {
rcmail.env.event_save_func();
},
true,
);
rcmail.addEventListener('plugin.unlock_saving', function (status) {
me.unlock_saving();
if (status) window.parent.kolab_event_dialog_element.dialog('destroy');
});
}
} // end rcube_calendar class
// Update layout after initialization
// In devel mode we have to wait until all styles are applied by less
if (rcmail.env.devel_mode && window.less) {
less.pageLoadFinished.then(function () {
$(window).resize();
});
}
/* calendar plugin initialization */
window.rcmail &&
rcmail.addEventListener('init', function (evt) {
// let's go
var cal = new rcube_calendar_ui(
$.extend(rcmail.env.calendar_settings, rcmail.env.libcal_settings),
);
//PAMELA - Accès en dehors du plugin
window.ui_cal = cal;
window.cal = cal;
if (rcmail.env.action == 'dialog-ui') {
return;
}
// configure toolbar buttons
rcmail.register_command('addevent', function () {
cal.add_event();
});
rcmail.register_command(
'print',
function () {
cal.print_calendars();
},
true,
);
// PAMELA - MANTIS 0004466: Ajouter un bouton pour rafraichir l'agenda
rcmail.register_command(
'refreshcalendar',
function () {
rcmail.refresh();
if (top != window) top.rcmail.refresh();
},
true,
);
// configure list operations
rcmail.register_command(
'calendar-create',
function () {
cal.calendar_edit_dialog(null);
},
true,
);
rcmail.register_command(
'calendar-edit',
function () {
cal.calendar_edit_dialog(cal.calendars[cal.selected_calendar]);
},
false,
);
rcmail.register_command(
'calendar-remove',
function () {
cal.calendar_remove(cal.calendars[cal.selected_calendar]);
},
false,
);
rcmail.register_command(
'calendar-delete',
function () {
cal.calendar_delete(cal.calendars[cal.selected_calendar]);
},
false,
);
rcmail.register_command(
'events-import',
function () {
cal.import_events(cal.calendars[cal.selected_calendar]);
},
true,
);
rcmail.register_command(
'calendar-showurl',
function () {
cal.showurl(cal.calendars[cal.selected_calendar]);
},
false,
);
rcmail.register_command(
'calendar-appointment',
function () {
cal.appointment(cal.calendars[cal.selected_calendar]);
},
false,
);
rcmail.register_command(
'calendar-showfburl',
function () {
cal.showfburl();
},
false,
);
rcmail.register_command(
'event-download',
function () {
console.log('d', cal.selected_event, cal);
cal.event_download(cal.selected_event);
},
true,
);
rcmail.register_command(
'event-sendbymail',
function (p, obj, e) {
cal.event_sendbymail(cal.selected_event, e);
},
true,
);
// PAMELA - 0006910: Modification des fonctionnalités de copie d'un événement depuis l'agenda d'un tiers
rcmail.register_command(
'event-copy',
function () {
cal.event_copy(cal.selected_event);
},
true,
);
rcmail.register_command(
'event-history',
function (p, obj, e) {
cal.event_history_dialog(cal.selected_event);
},
false,
);
// search and export events
rcmail.register_command(
'export',
function () {
cal.export_events(cal.calendars[cal.selected_calendar]);
},
true,
);
rcmail.register_command(
'search',
function () {
cal.quicksearch();
},
true,
);
rcmail.register_command(
'reset-search',
function () {
cal.reset_quicksearch();
},
true,
);
// resource invitation dialog
rcmail.register_command(
'search-resource',
function () {
cal.resource_search();
},
true,
);
rcmail.register_command(
'reset-resource-search',
function () {
cal.reset_resource_search();
},
true,
);
rcmail.register_command(
'add-resource',
function () {
cal.add_resource2event();
},
false,
);
// register callback commands
rcmail.addEventListener('plugin.refresh_source', function (data) {
cal.calendar_refresh_source(data);
});
rcmail.addEventListener('plugin.destroy_source', function (p) {
cal.calendar_destroy_source(p.id);
});
rcmail.addEventListener('plugin.unlock_saving', function (p) {
cal.unlock_saving();
});
rcmail.addEventListener('plugin.refresh_calendar', function (p) {
cal.refresh(p);
});
rcmail.addEventListener('plugin.import_success', function (p) {
cal.import_success(p);
});
rcmail.addEventListener('plugin.import_error', function (p) {
cal.import_error(p);
});
rcmail.addEventListener('plugin.update_counts', function (p) {
cal.update_counts(p);
});
rcmail.addEventListener('plugin.reload_view', function (p) {
cal.reload_view(p);
});
rcmail.addEventListener('plugin.resource_data', function (p) {
cal.resource_data_load(p);
});
rcmail.addEventListener('plugin.resource_owner', function (p) {
cal.resource_owner_load(p);
});
rcmail.addEventListener('plugin.render_event_changelog', function (data) {
cal.render_event_changelog(data);
});
rcmail.addEventListener('plugin.event_show_diff', function (data) {
cal.event_show_diff(data);
});
rcmail.addEventListener('plugin.close_history_dialog', function (data) {
cal.close_history_dialog();
});
rcmail.addEventListener('plugin.event_show_revision', function (data) {
cal.event_show_dialog(data, null, true);
});
rcmail.addEventListener('plugin.itip_message_processed', function (data) {
cal.itip_message_processed(data);
});
rcmail.addEventListener('requestrefresh', function (q) {
return cal.before_refresh(q);
});
// MANTIS 3607: Permettre de remplacer tous les évènements lors d'un import
rcmail.register_command(
'calendar-delete-all',
function () {
cal.calendar_delete_all(cal.calendars[cal.selected_calendar]);
rcmail.triggerEvent('calendar-delete-all');
},
false,
);
// MANTIS 3896: Partage public et protégé de l'agenda
rcmail.register_command(
'calendar-check-feed-url',
function () {
cal.calendar_check_feed_url(cal.calendars[cal.selected_calendar]);
},
true,
);
rcmail.register_command(
'toggle-appointment',
function () {
cal.toggle_appointment(cal.calendars[cal.selected_calendar]);
},
true,
);
rcmail.addEventListener('plugin.show_feed_url', function (p) {
cal.calendar_show_feed_url(p.id, p.url);
});
rcmail.addEventListener('plugin.appointment_show_url', function (p) {
cal.appointment_show_url(p.id, p.url);
});
$(window)
.resize(function (e) {
// check target due to bugs in jquery
// http://bugs.jqueryui.com/ticket/7514
// http://bugs.jquery.com/ticket/9841
if (e.target == window) {
cal.view_resize();
// In Elastic append the datepicker back to sidebar/dialog when resizing
// the window from tablet/phone to desktop and vice-versa
var dp = $('#datepicker'),
in_dialog = dp.is('.ui-dialog-content'),
width = $(window).width();
if (in_dialog && width > 768) {
if (dp.is(':visible')) {
dp.dialog('close');
}
dp.height('auto')
.removeClass('ui-dialog-content ui-widget-content')
.data('dialog-parent', dp.closest('.ui-dialog'))
.appendTo('#layout-sidebar');
} else if (
!in_dialog &&
dp.length &&
width <= 768 &&
dp.data('dialog-parent')
) {
dp.addClass('ui-dialog-content ui-widget-content').insertAfter(
dp.data('dialog-parent').find('.ui-dialog-titlebar'),
);
}
}
})
.resize();
// show calendars list when ready
$('#calendars').css('visibility', 'inherit');
// show toolbar
$('#toolbar').show();
// Elastic mods
function elastic_mod() {
if ($('#calendar').data('elastic-mode')) {
var selector = $(
'<div class="btn-group btn-group-toggle" role="group">',
).appendTo('.fc-header-toolbar > .fc-left'),
nav = $(
'<div class="btn-group btn-group-toggle" role="group">',
).appendTo('.fc-header-toolbar > .fc-right');
$('.fc-header-toolbar > .fc-left button').each(function () {
var new_btn,
cl = 'btn btn-secondary',
btn = $(this),
activate = function (button) {
selector.children('.active').removeClass('active');
$(button).addClass('active');
};
if (btn.is('.fc-state-active')) {
cl += ' active';
}
new_btn = $('<button>')
.attr({ class: cl, type: 'button' })
.text(btn.text())
.appendTo(selector)
.on('click', function () {
activate(this);
btn.click();
});
if (window.MutationObserver) {
// handle button active state changes
new MutationObserver(function () {
if (btn.is('.fc-state-active')) activate(new_btn);
}).observe(this, { attributes: true });
}
});
$.each(['prev', 'today', 'next'], function () {
var btn = $('.fc-header-toolbar > .fc-right').find(
'.fc-' + this + '-button',
);
$('<button>')
.attr({ class: 'btn btn-secondary ' + this, type: 'button' })
.text(btn.text())
.appendTo(nav)
.on('click', function () {
btn.click();
});
});
$('#timezone-display')
.appendTo($('.fc-header-toolbar > .fc-center'))
.removeClass('hidden');
$('#agendaoptions').detach().insertAfter('.fc-header-toolbar');
$('.content-frame-navigation a.button.date').appendTo(
'#layout-content > .searchbar',
);
// Mobile header title
if (window.MutationObserver) {
var title = $('.fc-header-toolbar > .fc-center h2'),
mobile_header = $('#layout-content > .header > .header-title'),
callback = function () {
var text = title.text();
mobile_header
.html('')
.append([
$('<span class="title">').text(text),
$('<span class="tz">').text($('#timezone-display').text()),
]);
};
// update the header when something changes on the calendar title
new MutationObserver(callback).observe(title[0], {
childList: true,
subtree: true,
});
// initialize the header
callback();
}
window.calendar_datepicker = function () {
$('#datepicker').dialog({
modal: true,
title: rcmail.gettext('calendar.selectdate'),
buttons: [
{
text: rcmail.gettext('close', 'calendar'),
class: 'cancel',
click: function () {
$(this).dialog('close');
},
},
],
width: 400,
height: 520,
});
};
}
}
elastic_mod();
window.cal_elastic_mod = elastic_mod;
});