',
+ '
',
+ '${i18n.recurrenceType}',
+ ' ',
+ '
',
+ '{{each rtemplate}}',
+ '${i18n.rtemplate[$index]}',
+ '{{/each}}',
+ ' ',
+ '
',
+ '
',
+ '
',
+ '',
+ '
',
+ '
',
+ '
',
+ '
',
+
+ '
',
+ '
',
+ '
'].join('\n');
+
+ $.template('formTmpl', FORMTMPL);
+
+ // Formatting function (mostly) from jQueryTools dateinput
+ var Re = /d{1,4}|m{1,4}|yy(?:yy)?|"[^"]*"|'[^']*'/g;
+
+ function zeropad(val, len) {
+ val = val.toString();
+ len = len || 2;
+ while (val.length < len) { val = "0" + val; }
+ return val;
+ }
+
+ function format(date, fmt, conf) {
+ var d = date.getDate(),
+ D = date.getDay(),
+ m = date.getMonth(),
+ y = date.getFullYear(),
+
+ flags = {
+ d: d,
+ dd: zeropad(d),
+ ddd: conf.i18n.shortWeekdays[D],
+ dddd: conf.i18n.weekdays[D],
+ m: m + 1,
+ mm: zeropad(m + 1),
+ mmm: conf.i18n.shortMonths[m],
+ mmmm: conf.i18n.months[m],
+ yy: String(y).slice(2),
+ yyyy: y
+ };
+
+ var result = fmt.replace(Re, function ($0) {
+ return flags.hasOwnProperty($0) ? flags[$0] : $0.slice(1, $0.length - 1);
+ });
+
+ return result;
+
+ }
+
+ /**
+ * Parsing RFC5545 from widget
+ */
+ function widgetSaveToRfc5545(form, conf, tz) {
+ var value = form.find('select[name=rirtemplate]').val();
+ var rtemplate = conf.rtemplate[value];
+ var result = rtemplate.rrule;
+ var human = conf.i18n.rtemplate[value];
+ var field, input, weekdays, i18nweekdays, i, j, index, tmp;
+ var day, month, year, interval, yearlyType, occurrences, date;
+
+ for (i = 0; i < rtemplate.fields.length; i++) {
+ field = form.find('#' + rtemplate.fields[i]);
+
+ switch (field.attr('id')) {
+
+ case 'ridailyinterval':
+ interval = field.find('input[name=ridailyinterval]').val();
+ if (interval !== '1') {
+ result += ';INTERVAL=' + interval;
+ }
+ human = interval + ' ' + conf.i18n.dailyInterval2;
+ break;
+
+ case 'riweeklyinterval':
+ interval = field.find('input[name=riweeklyinterval]').val();
+ if (interval !== '1') {
+ result += ';INTERVAL=' + interval;
+ }
+ human = interval + ' ' + conf.i18n.weeklyInterval2;
+ break;
+
+ case 'riweeklyweekdays':
+ weekdays = '';
+ i18nweekdays = '';
+ for (j = 0; j < conf.weekdays.length; j++) {
+ input = field.find('input[name=riweeklyweekdays' + conf.weekdays[j] + ']');
+ if (input.is(':checked')) {
+ if (weekdays) {
+ weekdays += ',';
+ i18nweekdays += ', ';
+ }
+ weekdays += conf.weekdays[j];
+ i18nweekdays += conf.i18n.weekdays[j];
+ }
+ }
+ if (weekdays) {
+ result += ';BYDAY=' + weekdays;
+ human += ' ' + conf.i18n.weeklyWeekdaysHuman + ' ' + i18nweekdays;
+ }
+ break;
+
+ case 'rimonthlyinterval':
+ interval = field.find('input[name=rimonthlyinterval]').val();
+ if (interval !== '1') {
+ result += ';INTERVAL=' + interval;
+ }
+ human = interval + ' ' + conf.i18n.monthlyInterval2;
+ break;
+
+ case 'rimonthlyoptions':
+ var monthlyType = $('input[name=rimonthlytype]:checked', form).val();
+ switch (monthlyType) {
+
+ case 'DAYOFMONTH':
+ day = $('select[name=rimonthlydayofmonthday]', form).val();
+ result += ';BYMONTHDAY=' + day;
+ human += ', ' + conf.i18n.monthlyDayOfMonth1Human + ' ' + day + ' ' + conf.i18n.monthlyDayOfMonth2;
+ break;
+ case 'WEEKDAYOFMONTH':
+ index = $('select[name=rimonthlyweekdayofmonthindex]', form).val();
+ day = $('select[name=rimonthlyweekdayofmonth]', form).val();
+ if ($.inArray(day, ['MO', 'TU', 'WE', 'TH', 'FR', 'SA', 'SU']) > -1) {
+ result += ';BYDAY=' + index + day;
+ human += ', ' + conf.i18n.monthlyWeekdayOfMonth1Human + ' ';
+ human += ' ' + conf.i18n.orderIndexes[$.inArray(index, conf.orderIndexes)];
+ human += ' ' + conf.i18n.monthlyWeekdayOfMonth2;
+ human += ' ' + conf.i18n.weekdays[$.inArray(day, conf.weekdays)];
+ human += ' ' + conf.i18n.monthlyDayOfMonth2;
+ }
+ break;
+ }
+ break;
+
+ case 'riyearlyinterval':
+ interval = field.find('input[name=riyearlyinterval]').val();
+ if (interval !== '1') {
+ result += ';INTERVAL=' + interval;
+ }
+ human = interval + ' ' + conf.i18n.yearlyInterval2;
+ break;
+
+ case 'riyearlyoptions':
+ yearlyType = $('input[name=riyearlyType]:checked', form).val();
+ switch (yearlyType) {
+
+ case 'DAYOFMONTH':
+ month = $('select[name=riyearlydayofmonthmonth]', form).val();
+ day = $('select[name=riyearlydayofmonthday]', form).val();
+ result += ';BYMONTH=' + month;
+ result += ';BYMONTHDAY=' + day;
+ human += ', ' + conf.i18n.yearlyDayOfMonth1Human + ' ' + conf.i18n.months[month - 1] + ' ' + day;
+ break;
+ case 'WEEKDAYOFMONTH':
+ index = $('select[name=riyearlyweekdayofmonthindex]', form).val();
+ day = $('select[name=riyearlyweekdayofmonthday]', form).val();
+ month = $('select[name=riyearlyweekdayofmonthmonth]', form).val();
+ result += ';BYMONTH=' + month;
+ if ($.inArray(day, ['MO', 'TU', 'WE', 'TH', 'FR', 'SA', 'SU']) > -1) {
+ result += ';BYDAY=' + index + day;
+ human += ', ' + conf.i18n.yearlyWeekdayOfMonth1Human;
+ human += ' ' + conf.i18n.orderIndexes[$.inArray(index, conf.orderIndexes)];
+ human += ' ' + conf.i18n.yearlyWeekdayOfMonth2;
+ human += ' ' + conf.i18n.weekdays[$.inArray(day, conf.weekdays)];
+ human += ' ' + conf.i18n.yearlyWeekdayOfMonth3;
+ human += ' ' + conf.i18n.months[month - 1];
+ human += ' ' + conf.i18n.yearlyWeekdayOfMonth4;
+ }
+ break;
+ }
+ break;
+
+ case 'rirangeoptions':
+ var rangeType = form.find('input[name=rirangetype]:checked').val();
+ switch (rangeType) {
+
+ case 'BYOCCURRENCES':
+ occurrences = form.find('input[name=rirangebyoccurrencesvalue]').val();
+ result += ';COUNT=' + occurrences;
+ human += ', ' + conf.i18n.rangeByOccurrences1Human;
+ human += ' ' + occurrences;
+ human += ' ' + conf.i18n.rangeByOccurrences2;
+ break;
+ case 'BYENDDATE':
+ field = form.find('input[name=rirangebyenddatecalendar]');
+ date = field.data('dateinput').getValue('yyyymmdd');
+ result += ';UNTIL=' + date + 'T000000';
+ if (tz === true) {
+ // Make it UTC:
+ result += 'Z';
+ }
+ human += ', ' + conf.i18n.rangeByEndDateHuman;
+ human += ' ' + field.data('dateinput').getValue(conf.i18n.longDateFormat);
+ break;
+ }
+ break;
+ }
+ }
+
+ if (form.ical.RDATE !== undefined && form.ical.RDATE.length > 0) {
+ form.ical.RDATE.sort();
+ tmp = [];
+ for (i = 0; i < form.ical.RDATE.length; i++) {
+ if (form.ical.RDATE[i] !== '') {
+ year = parseInt(form.ical.RDATE[i].substring(0, 4), 10);
+ month = parseInt(form.ical.RDATE[i].substring(4, 6), 10) - 1;
+ day = parseInt(form.ical.RDATE[i].substring(6, 8), 10);
+ tmp.push(format(new Date(year, month, day), conf.i18n.longDateFormat, conf));
+ }
+ }
+ if (tmp.length !== 0) {
+ human = human + conf.i18n.including + ' ' + tmp.join('; ');
+ }
+ }
+
+ if (form.ical.EXDATE !== undefined && form.ical.EXDATE.length > 0) {
+ form.ical.EXDATE.sort();
+ tmp = [];
+ for (i = 0; i < form.ical.EXDATE.length; i++) {
+ if (form.ical.EXDATE[i] !== '') {
+ year = parseInt(form.ical.EXDATE[i].substring(0, 4), 10);
+ month = parseInt(form.ical.EXDATE[i].substring(4, 6), 10) - 1;
+ day = parseInt(form.ical.EXDATE[i].substring(6, 8), 10);
+ tmp.push(format(new Date(year, month, day), conf.i18n.longDateFormat, conf));
+ }
+ }
+ if (tmp.length !== 0) {
+ human = human + conf.i18n.except + ' ' + tmp.join('; ');
+ }
+ }
+ result = 'RRULE:' + result;
+ if (form.ical.EXDATE !== undefined && form.ical.EXDATE.join() !== "") {
+ tmp = $.map(form.ical.EXDATE, function (x) {
+ if (x.length === 8) { // DATE format. Make it DATE-TIME
+ x += 'T000000';
+ }
+ if (tz === true) {
+ // Make it UTC:
+ x += 'Z';
+ }
+ return x;
+ });
+ result = result + '\nEXDATE:' + tmp;
+ }
+ if (form.ical.RDATE !== undefined && form.ical.RDATE.join() !== "") {
+ tmp = $.map(form.ical.RDATE, function (x) {
+ if (x.length === 8) { // DATE format. Make it DATE-TIME
+ x += 'T000000';
+ }
+ if (tz === true) {
+ // Make it UTC:
+ x += 'Z';
+ }
+ return x;
+ });
+ result = result + '\nRDATE:' + tmp;
+ }
+ return {result: result, description: human};
+ }
+
+ function parseLine(icalline) {
+ var result = {};
+ var pos = icalline.indexOf(':');
+ var property = icalline.substring(0, pos);
+ result.value = icalline.substring(pos + 1);
+
+ if (property.indexOf(';') !== -1) {
+ pos = property.indexOf(';');
+ result.parameters = property.substring(pos + 1);
+ result.property = property.substring(0, pos);
+ } else {
+ result.parameters = null;
+ result.property = property;
+ }
+ return result;
+ }
+
+ function cleanDates(dates) {
+ // Get rid of timezones
+ // TODO: We could parse dates and range here, maybe?
+ var result = [];
+ var splitDates = dates.split(',');
+ var date;
+
+ for (date in splitDates) {
+ if (splitDates.hasOwnProperty(date)) {
+ if (splitDates[date].indexOf('Z') !== -1) {
+ result.push(splitDates[date].substring(0, 15));
+ } else {
+ result.push(splitDates[date]);
+ }
+ }
+ }
+ return result;
+ }
+
+ function parseIcal(icaldata) {
+ var lines = [];
+ var result = {};
+ var propAndValue = [];
+ var line = null;
+ var nextline;
+
+ lines = icaldata.split('\n');
+ lines.reverse();
+ while (true) {
+ if (lines.length > 0) {
+ nextline = lines.pop();
+ if (nextline.charAt(0) === ' ' || nextline.charAt(0) === '\t') {
+ // Line continuation:
+ line = line + nextline;
+ continue;
+ }
+ } else {
+ nextline = '';
+ }
+
+ // New line; the current one is finished, add it to the result.
+ if (line !== null) {
+ line = parseLine(line);
+ // We ignore properties for now
+ if (line.property === 'RDATE' || line.property === 'EXDATE') {
+ result[line.property] = cleanDates(line.value);
+ } else {
+ result[line.property] = line.value;
+ }
+ }
+
+ line = nextline;
+ if (line === '') {
+ break;
+ }
+ }
+ return result;
+ }
+
+ function widgetLoadFromRfc5545(form, conf, icaldata, force) {
+ var unsupportedFeatures = [];
+ var i, matches, match, matchIndex, rtemplate, d, input, index;
+ var selector, selectors, field, radiobutton, start, end;
+ var interval, byday, bymonth, bymonthday, count, until;
+ var day, month, year, weekday, ical;
+
+ form.ical = parseIcal(icaldata);
+ if (form.ical.RRULE === undefined) {
+ unsupportedFeatures.push(conf.i18n.noRule);
+ if (!force) {
+ return -1; // Fail!
+ }
+ } else {
+
+
+ matches = /INTERVAL=([0-9]+);?/.exec(form.ical.RRULE);
+ if (matches) {
+ interval = matches[1];
+ } else {
+ interval = '1';
+ }
+
+ matches = /BYDAY=([^;]+);?/.exec(form.ical.RRULE);
+ if (matches) {
+ byday = matches[1];
+ } else {
+ byday = '';
+ }
+
+ matches = /BYMONTHDAY=([^;]+);?/.exec(form.ical.RRULE);
+ if (matches) {
+ bymonthday = matches[1].split(",");
+ } else {
+ bymonthday = null;
+ }
+
+ matches = /BYMONTH=([^;]+);?/.exec(form.ical.RRULE);
+ if (matches) {
+ bymonth = matches[1].split(",");
+ } else {
+ bymonth = null;
+ }
+
+ matches = /COUNT=([0-9]+);?/.exec(form.ical.RRULE);
+ if (matches) {
+ count = matches[1];
+ } else {
+ count = null;
+ }
+
+ matches = /UNTIL=([0-9T]+);?/.exec(form.ical.RRULE);
+ if (matches) {
+ until = matches[1];
+ } else {
+ until = null;
+ }
+
+ matches = /BYSETPOS=([^;]+);?/.exec(form.ical.RRULE);
+ if (matches) {
+ unsupportedFeatures.push(conf.i18n.bysetpos);
+ }
+
+ // Find the best rule:
+ match = '';
+ matchIndex = null;
+ for (i in conf.rtemplate) {
+ if (conf.rtemplate.hasOwnProperty(i)) {
+ rtemplate = conf.rtemplate[i];
+ if (form.ical.RRULE.indexOf(rtemplate.rrule) === 0) {
+ if (form.ical.RRULE.length > match.length) {
+ // This is the best match so far
+ match = form.ical.RRULE;
+ matchIndex = i;
+ }
+ }
+ }
+ }
+
+ if (match) {
+ rtemplate = conf.rtemplate[matchIndex];
+ // Set the selector:
+ selector = form.find('select[name=rirtemplate]').val(matchIndex);
+ } else {
+ for (rtemplate in conf.rtemplate) {
+ if (conf.rtemplate.hasOwnProperty(rtemplate)) {
+ rtemplate = conf.rtemplate[rtemplate];
+ break;
+ }
+ }
+ unsupportedFeatures.push(conf.i18n.noTemplateMatch);
+ }
+
+ for (i = 0; i < rtemplate.fields.length; i++) {
+ field = form.find('#' + rtemplate.fields[i]);
+ switch (field.attr('id')) {
+
+ case 'ridailyinterval':
+ field.find('input[name=ridailyinterval]').val(interval);
+ break;
+
+ case 'riweeklyinterval':
+ field.find('input[name=riweeklyinterval]').val(interval);
+ break;
+
+ case 'riweeklyweekdays':
+ byday = byday.split(",");
+ for (d = 0; d < conf.weekdays.length; d++) {
+ day = conf.weekdays[d];
+ input = field.find('input[name=riweeklyweekdays' + day + ']');
+ input.attr('checked', $.inArray(day, byday) !== -1);
+ }
+ break;
+
+ case 'rimonthlyinterval':
+ field.find('input[name=rimonthlyinterval]').val(interval);
+ break;
+
+ case 'rimonthlyoptions':
+ var monthlyType = 'DAYOFMONTH'; // Default to using BYMONTHDAY
+
+ if (bymonthday) {
+ monthlyType = 'DAYOFMONTH';
+ if (bymonthday.length > 1) {
+ // No support for multiple days in one month
+ unsupportedFeatures.push(conf.i18n.multipleDayOfMonth);
+ // Just keep the first
+ bymonthday = bymonthday[0];
+ }
+ field.find('select[name=rimonthlydayofmonthday]').val(bymonthday);
+ }
+
+ if (byday) {
+ monthlyType = 'WEEKDAYOFMONTH';
+
+ if (byday.indexOf(',') !== -1) {
+ // No support for multiple days in one month
+ unsupportedFeatures.push(conf.i18n.multipleDayOfMonth);
+ byday = byday.split(",")[0];
+ }
+ index = byday.slice(0, -2);
+ if (index.charAt(0) !== '+' && index.charAt(0) !== '-') {
+ index = '+' + index;
+ }
+ weekday = byday.slice(-2);
+ field.find('select[name=rimonthlyweekdayofmonthindex]').val(index);
+ field.find('select[name=rimonthlyweekdayofmonth]').val(weekday);
+ }
+
+ selectors = field.find('input[name=rimonthlytype]');
+ for (index = 0; index < selectors.length; index++) {
+ radiobutton = selectors[index];
+ $(radiobutton).attr('checked', radiobutton.value === monthlyType);
+ }
+ break;
+
+ case 'riyearlyinterval':
+ field.find('input[name=riyearlyinterval]').val(interval);
+ break;
+
+ case 'riyearlyoptions':
+ var yearlyType = 'DAYOFMONTH'; // Default to using BYMONTHDAY
+
+ if (bymonthday) {
+ yearlyType = 'DAYOFMONTH';
+ if (bymonthday.length > 1) {
+ // No support for multiple days in one month
+ unsupportedFeatures.push(conf.i18n.multipleDayOfMonth);
+ bymonthday = bymonthday[0];
+ }
+ field.find('select[name=riyearlydayofmonthmonth]').val(bymonth);
+ field.find('select[name=riyearlydayofmonthday]').val(bymonthday);
+ }
+
+ if (byday) {
+ yearlyType = 'WEEKDAYOFMONTH';
+
+ if (byday.indexOf(',') !== -1) {
+ // No support for multiple days in one month
+ unsupportedFeatures.push(conf.i18n.multipleDayOfMonth);
+ byday = byday.split(",")[0];
+ }
+ index = byday.slice(0, -2);
+ if (index.charAt(0) !== '+' && index.charAt(0) !== '-') {
+ index = '+' + index;
+ }
+ weekday = byday.slice(-2);
+ field.find('select[name=riyearlyweekdayofmonthindex]').val(index);
+ field.find('select[name=riyearlyweekdayofmonthday]').val(weekday);
+ field.find('select[name=riyearlyweekdayofmonthmonth]').val(bymonth);
+ }
+
+ selectors = field.find('input[name=riyearlyType]');
+ for (index = 0; index < selectors.length; index++) {
+ radiobutton = selectors[index];
+ $(radiobutton).attr('checked', radiobutton.value === yearlyType);
+ }
+ break;
+
+ case 'rirangeoptions':
+ var rangeType = 'NOENDDATE';
+
+ if (count) {
+ rangeType = 'BYOCCURRENCES';
+ field.find('input[name=rirangebyoccurrencesvalue]').val(count);
+ }
+
+ if (until) {
+ rangeType = 'BYENDDATE';
+ input = field.find('input[name=rirangebyenddatecalendar]');
+ year = until.slice(0, 4);
+ month = until.slice(4, 6);
+ month = parseInt(month, 10) - 1;
+ day = until.slice(6, 8);
+ input.data('dateinput').setValue(new Date(year, month, day));
+ }
+
+ selectors = field.find('input[name=rirangetype]');
+ for (index = 0; index < selectors.length; index++) {
+ radiobutton = selectors[index];
+ $(radiobutton).attr('checked', radiobutton.value === rangeType);
+ }
+ break;
+ }
+ }
+ }
+
+ var messagearea = form.find('#messagearea');
+ if (unsupportedFeatures.length !== 0) {
+ messagearea.text(conf.i18n.unsupportedFeatures + ' ' + unsupportedFeatures.join('; '));
+ messagearea.show();
+ return 1;
+ } else {
+ messagearea.text('');
+ messagearea.hide();
+ return 0;
+ }
+
+ }
+
+ /**
+ * RecurrenceInput - form, display and tools for recurrenceinput widget
+ */
+ function RecurrenceInput(conf, textarea) {
+
+ var self = this;
+ var form, display;
+
+ // Extend conf with non-configurable data used by templates.
+ var orderedWeekdays = [];
+ var index, i;
+ for (i = 0; i < 7; i++) {
+ index = i + conf.firstDay;
+ if (index > 6) {
+ index = index - 7;
+ }
+ orderedWeekdays.push(index);
+ }
+
+ $.extend(conf, {
+ orderIndexes: ['+1', '+2', '+3', '+4', '-1'],
+ weekdays: ['SU', 'MO', 'TU', 'WE', 'TH', 'FR', 'SA'],
+ orderedWeekdays: orderedWeekdays
+ });
+
+ // The recurrence type dropdown should show certain fields depending
+ // on selection:
+ function displayFields(selector) {
+ var i;
+ // First hide all the fields
+ form.find('.rifield').hide();
+ // Then show the ones that should be shown.
+ var value = selector.val();
+ if (value) {
+ var rtemplate = conf.rtemplate[value];
+ for (i = 0; i < rtemplate.fields.length; i++) {
+ form.find('#' + rtemplate.fields[i]).show();
+ }
+ }
+ }
+
+ function occurrenceExclude(event) {
+ event.preventDefault();
+ if (form.ical.EXDATE === undefined) {
+ form.ical.EXDATE = [];
+ }
+ form.ical.EXDATE.push(this.attributes.date.value);
+ var $this = $(this);
+ $this.attr('class', 'exdate');
+ $this.parent().parent().addClass('exdate');
+ $this.unbind(event);
+ $this.click(occurrenceInclude); // Jslint warns here, but that's OK.
+ }
+
+ function occurrenceInclude(event) {
+ event.preventDefault();
+ form.ical.EXDATE.splice($.inArray(this.attributes.date.value, form.ical.EXDATE), 1);
+ var $this = $(this);
+ $this.attr('class', 'rrule');
+ $this.parent().parent().removeClass('exdate');
+ $this.unbind(event);
+ $this.click(occurrenceExclude);
+ }
+
+ function occurrenceDelete(event) {
+ event.preventDefault();
+ form.ical.RDATE.splice($.inArray(this.attributes.date.value, form.ical.RDATE), 1);
+ $(this).parent().parent().hide('slow', function () {
+ $(this).remove();
+ });
+ }
+
+ function occurrenceAdd(event) {
+ event.preventDefault();
+ var dateinput = form
+ .find('.riaddoccurrence input#adddate')
+ .data('dateinput');
+ var datevalue = dateinput.getValue('yyyymmddT000000');
+ if (form.ical.RDATE === undefined) {
+ form.ical.RDATE = [];
+ }
+ var errorarea = form.find('.riaddoccurrence div.errorarea');
+ errorarea.text('');
+ errorarea.hide();
+
+ // Add date only if it is not already in RDATE
+ if ($.inArray(datevalue, form.ical.RDATE) === -1) {
+ form.ical.RDATE.push(datevalue);
+ var html = ['
',
+ '
',
+ dateinput.getValue(conf.i18n.longDateFormat),
+ '' + conf.i18n.additionalDate + ' ',
+ ' ',
+ '
',
+ '',
+ 'Include',
+ ' ',
+ ' ',
+ '
'].join('\n');
+ form.find('div.rioccurrences').prepend(html);
+ $(form.find('div.rioccurrences div')[0]).slideDown();
+ $(form.find('div.rioccurrences .action a.rdate')[0]).click(occurrenceDelete);
+ } else {
+ errorarea.text(conf.i18n.alreadyAdded).show();
+ }
+ }
+
+ // element is where to find the tag in question. Can be the form
+ // or the display widget. Defaults to the form.
+ function loadOccurrences(startdate, rfc5545, start, readonly) {
+ var element, occurrenceDiv;
+
+ if (!readonly) {
+ element = form;
+ } else {
+ element = display;
+ }
+
+ occurrenceDiv = element.find('.rioccurrences');
+ occurrenceDiv.hide();
+
+ var year, month, day;
+ year = startdate.getFullYear();
+ month = startdate.getMonth() + 1;
+ day = startdate.getDate();
+
+ var data = {year: year,
+ month: month, // Sending January as 0? I think not.
+ day: day,
+ rrule: rfc5545,
+ format: conf.i18n.longDateFormat,
+ start: start};
+
+ var dict = {
+ url: conf.ajaxURL,
+ async: false, // Can't be tested if it's asynchronous, annoyingly.
+ type: 'post',
+ dataType: 'json',
+ contentType: conf.ajaxContentType,
+ cache: false,
+ data: data,
+ success: function (data, status, jqXHR) {
+ var result, element;
+
+ if (!readonly) {
+ element = form;
+ } else {
+ element = display;
+ }
+ data.readOnly = readonly;
+ data.i18n = conf.i18n;
+
+ // Format dates:
+ var occurrence, date, y, m, d, each;
+ for (each in data.occurrences) {
+ if (data.occurrences.hasOwnProperty(each)) {
+ occurrence = data.occurrences[each];
+ date = occurrence.date;
+ y = parseInt(date.substring(0, 4), 10);
+ m = parseInt(date.substring(4, 6), 10) - 1; // jan=0
+ d = parseInt(date.substring(6, 8), 10);
+ occurrence.formattedDate = format(new Date(y, m, d), conf.i18n.longDateFormat, conf);
+ }
+ }
+
+ result = $.tmpl('occurrenceTmpl', data);
+ occurrenceDiv = element.find('.rioccurrences');
+ occurrenceDiv.replaceWith(result);
+
+ // Add the batch actions:
+ element.find('.rioccurrences .batching a').click(
+ function (event) {
+ event.preventDefault();
+ loadOccurrences(startdate, rfc5545, this.attributes.start.value, readonly);
+ }
+ );
+
+ // Add the delete/undelete actions:
+ if (!readonly) {
+ element.find('.rioccurrences .action a.rrule').click(occurrenceExclude);
+ element.find('.rioccurrences .action a.exdate').click(occurrenceInclude);
+ element.find('.rioccurrences .action a.rdate').click(occurrenceDelete);
+ }
+ // Show the new div
+ element.find('.rioccurrences').show();
+ },
+ error: function (jqXHR, textStatus, errorThrown) {
+ alert(textStatus);
+ }
+ };
+
+ $.ajax(dict);
+ }
+
+ function getField(field) {
+ // See if it is a field already
+ var realField = $(field);
+ if (!realField.length) {
+ // Otherwise, we assume it's an id:
+ realField = $('#' + field);
+ }
+ if (!realField.length) {
+ // Still not? Then it's a name.
+ realField = $("input[name='" + field + "']");
+ }
+ return realField;
+ }
+ function findStartDate() {
+ var startdate = null;
+ var startField, startFieldYear, startFieldMonth, startFieldDay;
+
+ // Find the default byday and bymonthday from the start date, if any:
+ if (conf.startField) {
+ startField = getField(conf.startField);
+ if (!startField.length) {
+ // Field not found
+ return null;
+ }
+ // Now we have a field, see if it is a dateinput field:
+ startdate = startField.data('dateinput');
+ if (!startdate) {
+ //No, it wasn't, just try to interpret it with Date()
+ startdate = startField.val();
+ if (startdate === "") {
+ // Probably not an input at all. Try to see if it contains a date
+ startdate = startField.text();
+ }
+ } else {
+ // Yes it was, get the date:
+ startdate = startdate.getValue();
+ }
+
+ if (typeof startdate === 'string') {
+ // convert human readable, non ISO8601 dates, like
+ // '2014-04-24 19:00', where the 'T' separator is missing.
+ startdate = startdate.replace(' ', 'T');
+ }
+
+ startdate = new Date(startdate);
+ } else if (conf.startFieldYear &&
+ conf.startFieldMonth &&
+ conf.startFieldDay) {
+ startFieldYear = getField(conf.startFieldYear);
+ startFieldMonth = getField(conf.startFieldMonth);
+ startFieldDay = getField(conf.startFieldDay);
+ if (!startFieldYear.length &&
+ !startFieldMonth.length &&
+ !startFieldDay.length) {
+ // Field not found
+ return null;
+ }
+ startdate = new Date(startFieldYear.val(),
+ startFieldMonth.val() - 1,
+ startFieldDay.val());
+ }
+ if (startdate === null) {
+ return null;
+ }
+ // We have some sort of startdate:
+ if (isNaN(startdate)) {
+ return null;
+ }
+ return startdate;
+ }
+ function findEndDate(form) {
+ var endField, enddate;
+
+ endField = form.find('input[name=rirangebyenddatecalendar]');
+
+ // Now we have a field, see if it is a dateinput field:
+ enddate = endField.data('dateinput');
+ if (!enddate) {
+ //No, it wasn't, just try to interpret it with Date()
+ enddate = endField.val();
+ } else {
+ // Yes it was, get the date:
+ enddate = enddate.getValue();
+ }
+ enddate = new Date(enddate);
+
+ // if the end date is incorrect or the field is left empty
+ if (isNaN(enddate) || endField.val() === "") {
+ return null;
+ }
+ return enddate;
+ }
+ function findIntField(fieldName, form) {
+ var field, num, isInt;
+
+ field = form.find('input[name=' + fieldName + ']');
+
+ num = field.val();
+
+ // if it's not a number or the field is left empty
+ if (isNaN(num) || (num.toString().indexOf('.') !== -1) || field.val() === "") {
+ return null;
+ }
+ return num;
+ }
+
+ // Loading (populating) display and form widget with
+ // passed RFC5545 string (data)
+ function loadData(rfc5545) {
+ var selector, format, startdate, dayindex, day;
+
+ if (rfc5545) {
+ widgetLoadFromRfc5545(form, conf, rfc5545, true);
+ }
+
+ startdate = findStartDate();
+
+ if (startdate !== null) {
+ // If the date is a real date, set the defaults in the form
+ form.find('select[name=rimonthlydayofmonthday]').val(startdate.getDate());
+ dayindex = conf.orderIndexes[Math.floor((startdate.getDate() - 1) / 7)];
+ day = conf.weekdays[startdate.getDay()];
+ form.find('select[name=rimonthlyweekdayofmonthindex]').val(dayindex);
+ form.find('select[name=rimonthlyweekdayofmonth]').val(day);
+
+ form.find('select[name=riyearlydayofmonthmonth]').val(startdate.getMonth() + 1);
+ form.find('select[name=riyearlydayofmonthday]').val(startdate.getDate());
+ form.find('select[name=riyearlyweekdayofmonthindex]').val(dayindex);
+ form.find('select[name=riyearlyweekdayofmonthday]').val(day);
+ form.find('select[name=riyearlyweekdayofmonthmonth]').val(startdate.getMonth() + 1);
+
+ // Now when we have a start date, we can also do an ajax call to calculate occurrences:
+ loadOccurrences(startdate, widgetSaveToRfc5545(form, conf, false).result, 0, false);
+
+ // Show the add and refresh buttons:
+ form.find('div.rioccurrencesactions').show();
+
+ } else {
+ // No EXDATE/RDATE support
+ form.find('div.rioccurrencesactions').hide();
+ }
+
+
+ selector = form.find('select[name=rirtemplate]');
+ displayFields(selector);
+ }
+
+ function recurrenceOn() {
+ var RFC5545 = widgetSaveToRfc5545(form, conf, false);
+ var label = display.find('label[class=ridisplay]');
+ label.text(conf.i18n.displayActivate + ' ' + RFC5545.description);
+ textarea.val(RFC5545.result).change();
+ var startdate = findStartDate();
+ if (startdate !== null) {
+ loadOccurrences(startdate, widgetSaveToRfc5545(form, conf, false).result, 0, true);
+ }
+ display.find('button[name="riedit"]').text(conf.i18n.edit_rules);
+ display.find('button[name="ridelete"]').show();
+ }
+
+ function recurrenceOff() {
+ var label = display.find('label[class=ridisplay]');
+ label.text(conf.i18n.displayUnactivate);
+ textarea.val('').change(); // Clear the textarea.
+ display.find('.rioccurrences').hide();
+ display.find('button[name="riedit"]').text(conf.i18n.add_rules);
+ display.find('button[name="ridelete"]').hide();
+ }
+
+ function checkFields(form) {
+ var startDate, endDate, num, messagearea;
+ startDate = findStartDate();
+
+ // Hide any error message from before
+ messagearea = form.find('#messagearea');
+ messagearea.text('');
+ messagearea.hide();
+
+ // Hide add field errors
+ form.find('.riaddoccurrence div.errorarea').text('').hide();
+
+ // Repeats Daily
+ if (form.find('#ridailyinterval').css('display') === 'block') {
+ // Check repeat every field
+ num = findIntField('ridailyinterval', form);
+ if (!num || num < 1 || num > 1000) {
+ messagearea.text(conf.i18n.noRepeatEvery).show();
+ return false;
+ }
+ }
+
+ // Repeats Weekly
+ if (form.find('#riweeklyinterval').css('display') === 'block') {
+ // Check repeat every field
+ num = findIntField('riweeklyinterval', form);
+ if (!num || num < 1 || num > 1000) {
+ messagearea.text(conf.i18n.noRepeatEvery).show();
+ return false;
+ }
+ }
+
+ // Repeats Monthly
+ if (form.find('#rimonthlyinterval').css('display') === 'block') {
+ // Check repeat every field
+ num = findIntField('rimonthlyinterval', form);
+ if (!num || num < 1 || num > 1000) {
+ messagearea.text(conf.i18n.noRepeatEvery).show();
+ return false;
+ }
+
+ // Check repeat on
+ if (form.find('#rimonthlyoptions input:checked').length === 0) {
+ messagearea.text(conf.i18n.noRepeatOn).show();
+ return false;
+ }
+ }
+
+ // Repeats Yearly
+ if (form.find('#riyearlyinterval').css('display') === 'block') {
+ // Check repeat every field
+ num = findIntField('riyearlyinterval', form);
+ if (!num || num < 1 || num > 1000) {
+ messagearea.text(conf.i18n.noRepeatEvery).show();
+ return false;
+ }
+
+ // Check repeat on
+ if (form.find('#riyearlyoptions input:checked').length === 0) {
+ messagearea.text(conf.i18n.noRepeatOn).show();
+ return false;
+ }
+ }
+
+ // End recurrence fields
+
+ // If after N occurences is selected, check its value
+ if (form.find('input[value="BYOCCURRENCES"]:visible:checked').length > 0) {
+ num = findIntField('rirangebyoccurrencesvalue', form);
+ if (!num || num < 1 || num > 1000) {
+ messagearea.text(conf.i18n.noEndAfterNOccurrences).show();
+ return false;
+ }
+ }
+
+ // If end date is selected, check its value
+ if (form.find('input[value="BYENDDATE"]:visible:checked').length > 0) {
+ endDate = findEndDate(form);
+ if (!endDate) {
+ // if endDate is null that means the field is empty
+ messagearea.text(conf.i18n.noEndDate).show();
+ return false;
+ } else if (endDate < startDate) {
+ // the end date cannot be before start date
+ messagearea.text(conf.i18n.pastEndDate).show();
+ return false;
+ }
+ }
+
+ return true;
+ }
+
+ function save(event) {
+ event.preventDefault();
+ // if no field errors, process the request
+ if (checkFields(form)) {
+ // close overlay
+ form.overlay().close();
+ recurrenceOn();
+ }
+ }
+
+ function cancel(event) {
+ event.preventDefault();
+ // close overlay
+ form.overlay().close();
+ }
+
+ function updateOccurances() {
+ var startDate;
+ startDate = findStartDate();
+
+ // if no field errors, process the request
+ if (checkFields(form)) {
+ loadOccurrences(startDate,
+ widgetSaveToRfc5545(form, conf, false).result,
+ 0,
+ false);
+ }
+ }
+
+ /*
+ Load the templates
+ */
+
+ display = $.tmpl('displayTmpl', conf);
+ form = $.tmpl('formTmpl', conf);
+
+ // Make an overlay and hide it
+ form.overlay(conf.formOverlay).hide();
+ form.ical = {RDATE: [], EXDATE: []};
+
+ $.tools.dateinput.localize(conf.lang, {
+ months: LABELS[conf.lang].months.join(),
+ shortMonths: LABELS[conf.lang].shortMonths.join(),
+ days: LABELS[conf.lang].weekdays.join(),
+ shortDays: LABELS[conf.lang].shortWeekdays.join()
+ });
+
+ // Make the date input into a calendar dateinput()
+ form.find('input[name=rirangebyenddatecalendar]').dateinput({
+ selectors: true,
+ lang: conf.lang,
+ format: conf.i18n.shortDateFormat,
+ firstDay: conf.firstDay,
+ yearRange: [-5, 10]
+ }).data('dateinput').setValue(new Date());
+
+ if (textarea.val()) {
+ var result = widgetLoadFromRfc5545(form, conf, textarea.val(), false);
+ if (result === -1) {
+ var label = display.find('label[class=ridisplay]');
+ label.text(conf.i18n.noRule);
+ } else {
+ recurrenceOn();
+ }
+ }
+
+ /*
+ Do all the GUI stuff:
+ */
+
+ // When you click "Delete...", the recurrence rules should be cleared.
+ display.find('button[name=ridelete]').click(function (e) {
+ e.preventDefault();
+ recurrenceOff();
+ });
+
+ // Show form overlay when you click on the "Edit..." link
+ display.find('button[name=riedit]').click(
+ function (e) {
+ // Load the form to set up the right fields to show, etc.
+ loadData(textarea.val());
+ e.preventDefault();
+ form.overlay().load();
+ }
+ );
+
+ // Pop up the little add form when clicking "Add"
+ form.find('div.riaddoccurrence input#adddate').dateinput({
+ selectors: true,
+ lang: conf.lang,
+ format: conf.i18n.shortDateFormat,
+ firstDay: conf.firstDay,
+ yearRange: [-5, 10]
+ }).data('dateinput').setValue(new Date());
+ form.find('input#addaction').click(occurrenceAdd);
+
+ // When the reload button is clicked, reload
+ form.find('a.rirefreshbutton').click(
+ function (event) {
+ event.preventDefault();
+ updateOccurances();
+ }
+ );
+
+ // When selecting template, update what fieldsets are visible.
+ form.find('select[name=rirtemplate]').change(
+ function (e) {
+ displayFields($(this));
+ }
+ );
+
+ // When focus goes to a drop-down, select the relevant radiobutton.
+ form.find('select').change(
+ function (e) {
+ $(this).parent().find('> input').click().change();
+ }
+ );
+ form.find('input[name=rirangebyoccurrencesvalue]').change(
+ function (e) {
+ $(this).parent().find('input[name=rirangetype]').click().change();
+ }
+ );
+ form.find('input[name=rirangebyenddatecalendar]').change(function () {
+ // Update only if the occurances are shown
+ $(this).parent().find('input[name=rirangetype]').click();
+ if (form.find('.rioccurrencesactions:visible').length !== 0) {
+ updateOccurances();
+ }
+ });
+ // Update the selected dates section
+ form.find('input:radio, .riweeklyweekday > input, input[name=ridailyinterval], input[name=riweeklyinterval], input[name=rimonthlyinterval], input[name=riyearlyinterval]').change(
+ function (e) {
+ // Update only if the occurances are shown
+ if (form.find('.rioccurrencesactions:visible').length !== 0) {
+ updateOccurances();
+ }
+ }
+ );
+
+ /*
+ Save and cancel methods:
+ */
+ form.find('.ricancelbutton').click(cancel);
+ form.find('.risavebutton').click(save);
+
+ /*
+ * Public API of RecurrenceInput
+ */
+
+ $.extend(self, {
+ display: display,
+ form: form,
+ loadData: loadData, //Used by tests.
+ save: save //Used by tests.
+ });
+
+ }
+
+
+ /*
+ * jQuery plugin implementation
+ */
+ $.fn.recurrenceinput = function (conf) {
+ if (this.data('recurrenceinput')) {
+ // plugin already installed
+ return this.data('recurrenceinput');
+ }
+
+ // "compile" configuration for widget
+ var config = $.extend({}, tool.conf);
+ $.extend(config, conf);
+ $.extend(config, {i18n: LABELS[config.lang], name: this.attr('name')});
+
+ // our recurrenceinput widget instance
+ var recurrenceinput = new RecurrenceInput(config, this);
+ // hide textarea and place display widget after textarea
+ recurrenceinput.form.appendTo('body');
+ this.after(recurrenceinput.display);
+
+ // hide the textarea
+ this.hide();
+
+ // save the data for next call
+ this.data('recurrenceinput', recurrenceinput);
+ return recurrenceinput;
+ };
+
+}(jQuery));
diff --git a/templates/event/create.html b/templates/event/create.html
index c6abd8c..badc4fb 100644
--- a/templates/event/create.html
+++ b/templates/event/create.html
@@ -4,6 +4,7 @@
{% block content %}
{{ _('Create event') }}
+