You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
325 lines
11 KiB
325 lines
11 KiB
// (c) Copyright by authors of the Tiki Wiki CMS Groupware Project
|
|
//
|
|
// All Rights Reserved. See copyright.txt for details and a complete list of
|
|
// authors. Licensed under the GNU LESSER GENERAL PUBLIC LICENSE. See
|
|
// license.txt for details. $Id: $
|
|
|
|
$(document).ready(function () {
|
|
|
|
var $start = $("#start"),
|
|
$startPicker = $start.nextAll("input[type=text]"),
|
|
$end = $("#end"),
|
|
$endPicker = $end.nextAll("input[type=text]"),
|
|
$frm_edit_calendar = $('form[id="editcalitem"]');
|
|
|
|
//add browser timezone to hidden input
|
|
$("input[name=tzoffset]").val((new Date()).getTimezoneOffset());
|
|
|
|
$("#allday").change(function () {
|
|
if ($(this).prop("checked")) {
|
|
$(".time").css("visibility", "hidden");
|
|
$startPicker.datepicker("disableTimepicker").datepicker("refresh");
|
|
$endPicker.datepicker("disableTimepicker").datepicker("refresh");
|
|
} else {
|
|
$(".time").css("visibility", "visible");
|
|
$startPicker.datepicker("enableTimepicker").datepicker("refresh");
|
|
$endPicker.datepicker("enableTimepicker").datepicker("refresh");
|
|
}
|
|
}).change();
|
|
|
|
setTimeout(function () {
|
|
$("#allday").change();
|
|
}, 100);
|
|
|
|
$("#durationBtn").click(function () {
|
|
if ($(".duration.time:visible").length) {
|
|
$(".duration.time").hide();
|
|
$(".end").show();
|
|
$(this).text(tr("Show duration"));
|
|
$("#end_or_duration").val("end");
|
|
} else {
|
|
$(".duration.time").show();
|
|
$(".end").hide();
|
|
$(this).text(tr("Show end time"));
|
|
$("#end_or_duration").val("duration");
|
|
}
|
|
return false;
|
|
});
|
|
|
|
var getEventTimes = function () {
|
|
var out = {},
|
|
start = parseInt($start.val()),
|
|
end = parseInt($end.val());
|
|
if (start) {
|
|
out.start = new Date(start * 1000);
|
|
} else {
|
|
out.start = null;
|
|
}
|
|
if (end) {
|
|
out.end = new Date(end * 1000);
|
|
} else {
|
|
out.end = null;
|
|
}
|
|
if (start && end) {
|
|
out.duration = ($("select[name=duration_Hour]").val() * 3600) +
|
|
($("select[name=duration_Minute]").val() * 60); // in seconds
|
|
}
|
|
|
|
return out;
|
|
};
|
|
|
|
var fNum = function (num) {
|
|
var str = "0" + num;
|
|
return str.substring(str.length - 2);
|
|
};
|
|
|
|
$(".duration.time select, #start").change(
|
|
function () {
|
|
var times = getEventTimes();
|
|
|
|
if (times.duration) {
|
|
times.end = new Date(
|
|
times.start.getTime() + (times.duration * 1000)
|
|
);
|
|
|
|
$end.data("ignoreevent", true);
|
|
|
|
$endPicker
|
|
.datepicker(
|
|
"setDate", times.end)
|
|
.datepicker("refresh");
|
|
$end.val(times.end.getTime() / 1000);
|
|
}
|
|
|
|
$start.val(times.start.getTime() / 1000);
|
|
});
|
|
|
|
$end.change(function (event) {
|
|
var times = getEventTimes(),
|
|
s = times.start ? times.start.getTime() : null,
|
|
e = times.end ? times.end.getTime() : null;
|
|
|
|
if ($end.data("ignoreevent")) {
|
|
$end.removeData("ignoreevent");
|
|
return;
|
|
}
|
|
if (e && e <= s) {
|
|
$startPicker
|
|
.datepicker(
|
|
"setDate", times.end);
|
|
//.datepicker("refresh");
|
|
$start.val(times.end.getTime() / 1000);
|
|
s = e;
|
|
}
|
|
if (e) {
|
|
times.duration = (e - s) / 1000;
|
|
$("select[name=duration_Hour]").val(
|
|
fNum(Math.floor(times.duration / 3600)))
|
|
.trigger("change.select2");
|
|
$("select[name=duration_Minute]").val(
|
|
fNum(Math.floor((times.duration % 3600) / 60)))
|
|
.trigger("change.select2");
|
|
} else {
|
|
$("select[name=duration_Hour]").val(1).trigger("change.select2");
|
|
$("select[name=duration_Minute]").val(0).trigger("change.select2");
|
|
}
|
|
}).change(); // set duration on load
|
|
|
|
// recurring events
|
|
var $recurrentCheckbox = $("#id_recurrent");
|
|
|
|
$recurrentCheckbox.click(function () {
|
|
if ($(this).prop("checked")) {
|
|
$("#recurrenceRules").show();
|
|
|
|
// set inputs for a new recurring rule
|
|
var d = new Date(parseInt($start.val() * 1000));
|
|
$("select[name=weekday]").val(d.getDay()).trigger(
|
|
"change.select2");
|
|
$("select[name=dayOfMonth]").val(d.getDate()).trigger(
|
|
"change.select2");
|
|
$("select[name=dateOfYear_day]").val(d.getDate()).trigger(
|
|
"change.select2");
|
|
$("select[name=dateOfYear_month]").val(d.getMonth() + 1)
|
|
.trigger("change.select2");
|
|
|
|
} else {
|
|
$("#recurrenceRules").hide();
|
|
}
|
|
});
|
|
|
|
if (typeof $.validator !== "undefined") {
|
|
$.validator.classRuleSettings.date = false;
|
|
}
|
|
|
|
if (typeof CKEDITOR === "object") {
|
|
CKEDITOR.on("instanceReady", function (event) {
|
|
// not sure why but the text area doesn't get it's display:none applied when using full calendar
|
|
event.editor.element.$.hidden = true;
|
|
});
|
|
}
|
|
|
|
var addParticipant = function(participant) {
|
|
if ($('#participant_roles tr[data-user="'+participant+'"]').length == 0) {
|
|
role_sel = $('<select/>').attr('name', 'save[participant_roles]['+participant+']')
|
|
.addClass('form-control')
|
|
.append('<option value="0">'+tr('chair')+'</option>')
|
|
.append('<option value="1">'+tr('required participant')+'</option>')
|
|
.append('<option value="2">'+tr('optional participant')+'</option>')
|
|
.append('<option value="3">'+tr('non-participant')+'</option>');
|
|
partstat_sel = $('<select/>').attr('name', 'save[participant_partstat]['+participant+']')
|
|
.addClass('form-control')
|
|
.append('<option value="NEEDS-ACTION">NEEDS-ACTION</option>')
|
|
.append('<option value="ACCEPTED">ACCEPTED</option>')
|
|
.append('<option value="TENTATIVE">TENTATIVE</option>')
|
|
.append('<option value="DECLINED">DECLINED</option>');
|
|
$('#participant_roles').append('<tr data-user="'+participant+'"><td>'+participant+'</td><td>'+partstat_sel[0].outerHTML+'</td><td>'+role_sel[0].outerHTML+'</td><td><a href="#" class="delete-participant"><span class="icon icon-remove fas fa-times"></span></a></td></tr>');
|
|
}
|
|
}
|
|
|
|
$('#participant_roles').on('click', '.delete-participant', function(e) {
|
|
e.preventDefault();
|
|
var $tr = $(this).closest('tr');
|
|
$('select[name="save[participants][]"]').find('option[value="'+$tr.data('user')+'"]').prop("selected", false);
|
|
$tr.remove();
|
|
return false;
|
|
});
|
|
|
|
$('select[name="participants[]"]').change(function() {
|
|
var users = $(this).val();
|
|
for (var i = 0, l = users.length; i < l; i++) {
|
|
addParticipant(users[i]);
|
|
}
|
|
var $sel = $(this);
|
|
$('#participant_roles tr').each(function(idx, tr) {
|
|
var user = $(tr).data('user');
|
|
if (! user) {
|
|
return;
|
|
}
|
|
if ($sel.find("option[value='"+user+"']").length > 0 && users.indexOf(user) === -1) {
|
|
$(tr).remove();
|
|
}
|
|
})
|
|
});
|
|
|
|
$('input[name="participants"]').on("autocompleteselect", function( event, ui ) {
|
|
addParticipant(ui.item.value);
|
|
});
|
|
|
|
$('#invite_emails').on('click', function() {
|
|
var email = $('#add_participant_email').val();
|
|
if (email) {
|
|
addParticipant(email);
|
|
}
|
|
$('#add_participant_email').val('');
|
|
});
|
|
|
|
if ($start.parents(".modal").length) {
|
|
// take over form submission
|
|
$start.form().off("submit").on('submit', function (e) {
|
|
e.preventDefault();
|
|
|
|
let $form = $(this),
|
|
action = $form.attr('action') + "?fullcalendar=y&modal=1",
|
|
$modal = $form.closest('.modal-dialog'),
|
|
submitter = $form.data("submitter");
|
|
|
|
if ($form.data("submitted")) {
|
|
// just can't stop this form getting submitted twice - something to do with the modal submit buttons handling...
|
|
return false;
|
|
}
|
|
if (submitter === "act") { // "act" is the save button
|
|
$form.data("submitted", true);
|
|
}
|
|
|
|
if (typeof CKEDITOR !== "undefined" && typeof CKEDITOR.instances["editwiki"] !== "undefined") {
|
|
CKEDITOR.instances["editwiki"].updateElement();
|
|
}
|
|
|
|
$modal.tikiModal(tr('Saving...'));
|
|
$form.append($("<input type='hidden' name='" + submitter + "'>").val($("[name='" + submitter + "']").val()));
|
|
|
|
$.ajax(action, {
|
|
type: 'POST',
|
|
data: $form.serialize(),
|
|
dataType: "html",
|
|
success: function (data) {
|
|
if (submitter === "act") { // "act" is the save button
|
|
window.needToConfirm=false;
|
|
location.href = location.href.replace(/#.*$/, "");
|
|
} else {
|
|
$modal.find(".modal-content").html(data);
|
|
}
|
|
},
|
|
error: function (jqxhr) {
|
|
$modal.tikiModal();
|
|
$(form).showError(jqxhr);
|
|
},
|
|
complete: function () {
|
|
$modal.tikiModal();
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
}
|
|
|
|
// avoid the "leave page" warning when saving a Calendar item
|
|
$frm_edit_calendar.submit(function(){
|
|
window.needToConfirm = false;
|
|
});
|
|
|
|
// reset confirm
|
|
window.needToConfirm = false;
|
|
$("input, select, textarea", "#editcalitem").change(function () {
|
|
window.needToConfirm = true;
|
|
});
|
|
});
|
|
|
|
|
|
/**
|
|
* Checks recurring dates are valid
|
|
*
|
|
* @param day
|
|
* @param month
|
|
*/
|
|
function checkDateOfYear(day, month)
|
|
{
|
|
var mName = [
|
|
"-",
|
|
tr("January"),
|
|
tr("February"),
|
|
tr("March"),
|
|
tr("April"),
|
|
tr("May"),
|
|
tr("June"),
|
|
tr("July"),
|
|
tr("August"),
|
|
tr("September"),
|
|
tr("October"),
|
|
tr("November"),
|
|
tr("December")
|
|
];
|
|
var error = false;
|
|
|
|
month = parseInt(month);
|
|
day = parseInt(day);
|
|
|
|
if (month === 4 || month === 6 || month === 9 || month === 11) {
|
|
if (day === 31) {
|
|
error = true;
|
|
}
|
|
}
|
|
if (month === 2) {
|
|
if (day > 29) {
|
|
error = true;
|
|
}
|
|
}
|
|
if (error) {
|
|
$("#errorDateOfYear").text(
|
|
tr("There's no such date as") + " " + day + " " + tr('of') + " "
|
|
+ mName[month]).show();
|
|
} else {
|
|
$("#errorDateOfYear").text("").hide();
|
|
}
|
|
}
|
|
|