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.
252 lines
10 KiB
252 lines
10 KiB
/**
|
|
* Support JavaScript for FullCalendar Resource Views used by wikiplugin_trackercalendar
|
|
*/
|
|
|
|
$.fn.setupFullCalendar = function(data)
|
|
{
|
|
this.each(function () {
|
|
let cal = this;
|
|
$(cal).tikiModal(tr("Loading..."));
|
|
|
|
let storeEvent = function (eventInfo) {
|
|
let event = eventInfo.event,
|
|
end = event.end,
|
|
start = event.start,
|
|
request = {
|
|
itemId: event.id,
|
|
trackerId: data.trackerId,
|
|
ajax: true,
|
|
};
|
|
|
|
if (!end) {
|
|
end = start;
|
|
}
|
|
|
|
request['fields~' + data.begin] = moment(start).unix() + (start.getTimezoneOffset() * 60);
|
|
request['fields~' + data.end] = moment(end).unix() + (end.getTimezoneOffset() * 60);
|
|
|
|
let resource = event.getResources();
|
|
if (resource.length) {
|
|
resource = resource[0];
|
|
}
|
|
request['fields~' + data.resource] = resource.title;
|
|
|
|
$.post($.service('tracker', 'update_item'), request, null, 'json');
|
|
};
|
|
|
|
let slotLabelTimeFormat = {
|
|
hour: 'numeric',
|
|
minute: '2-digit',
|
|
meridiem: data.timeFormat,
|
|
hour12: data.timeFormat
|
|
};
|
|
var calendar = new FullCalendar.Calendar(cal, {
|
|
themeSystem: 'bootstrap',
|
|
schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
|
|
initialDate: data.initialDate,
|
|
eventTimeFormat: {
|
|
hour: 'numeric',
|
|
minute: '2-digit',
|
|
meridiem: data.timeFormat,
|
|
hour12: data.timeFormat,
|
|
},
|
|
views: {
|
|
timeGrid: {
|
|
// options apply to timeGridWeek and timeGridDay views
|
|
slotLabelFormat: slotLabelTimeFormat,
|
|
},
|
|
resourceTimelineDay: {
|
|
// options apply to timeGridWeek and timeGridDay views
|
|
slotLabelFormat: slotLabelTimeFormat,
|
|
},
|
|
resourceTimelineWeek: {
|
|
slotLabelInterval: "24:00:00",
|
|
slotDuration: "06:00:00",
|
|
slotLabelFormat: [
|
|
// top level of text
|
|
{
|
|
month: 'long',
|
|
year: 'numeric'
|
|
},
|
|
// lower level of text
|
|
{
|
|
day: "numeric",
|
|
weekday: 'short',
|
|
},
|
|
],
|
|
}
|
|
},
|
|
viewClassNames: function (currentView) {
|
|
$(cal).tikiModal();
|
|
console.debug(currentView.view.type); // useful for debugging
|
|
},
|
|
timeZone: data.display_timezone,
|
|
headerToolbar: {
|
|
left: 'prevYear,prev,next,nextYear today',
|
|
center: 'title',
|
|
right: data.views
|
|
},
|
|
editable: true,
|
|
events: $.service('tracker_calendar', 'list', $.extend(data.filterValues, {
|
|
trackerId: data.trackerId,
|
|
colormap: data.colormap,
|
|
beginField: data.begin,
|
|
endField: data.end,
|
|
resourceField: data.resource,
|
|
coloringField: data.coloring,
|
|
filters: data.body,
|
|
maxRecords: data.maxEvents
|
|
})),
|
|
buttonText: {
|
|
resourceTimelineDay: data.labelResDay,
|
|
resourceTimelineWeek: data.labelResWeek,
|
|
resourceTimelineMonth: data.labelResMonth,
|
|
resourceTimelineYear: data.labelResYear,
|
|
listDay: data.labelListDay,
|
|
listWeek: data.labelListWeek,
|
|
listMonth: data.llabelListMonth,
|
|
listYear: data.labelListYear,
|
|
today: data.labelToday,
|
|
resourceTimeGridWeek: data.labelAgendaWeek,
|
|
resourceTimeGridDay: data.labelAgendaDay,
|
|
},
|
|
resources: data.resourceList,
|
|
allDayText: data.labelAllDay,
|
|
firstDay: data.firstDayofWeek,
|
|
slotDuration: data.slotDuration,
|
|
slotMinTime: data.minHourOfDay,
|
|
slotMaxTime: data.maxHourOfDay,
|
|
initialView: data.dView,
|
|
eventClick: function (event) {
|
|
if (data.url) {
|
|
var actualURL = data.url;
|
|
actualURL += actualURL.indexOf("?") === -1 ? "?" : "&";
|
|
|
|
if (data.trkitemid === "y" && data.addAllFields === "n") { // "simple" mode
|
|
actualURL += "itemId=" + event.id;
|
|
} else {
|
|
var lOp = '';
|
|
var html = $.parseHTML(event.description) || [];
|
|
|
|
// Store useful data values to the URL for Wiki Argument Variable
|
|
// use and to javascript session storage for JQuery use
|
|
actualURL += "trackerid=" + event.trackerId;
|
|
if (data.trkitemid == 'y') {
|
|
actualURL = actualURL + "&itemId=" + event.id;
|
|
} else {
|
|
actualURL = actualURL + "&itemid=" + event.id;
|
|
}
|
|
actualURL = actualURL + "&title=" + event.title;
|
|
actualURL = actualURL + "&end=" + event.end;
|
|
actualURL = actualURL + "&start=" + event.start;
|
|
if (data.useSessionStorage) {
|
|
sessionStorage.setItem("trackerid", event.trackerId);
|
|
sessionStorage.setItem("title", event.title);
|
|
sessionStorage.setItem("start", event.start);
|
|
sessionStorage.setItem("itemid", event.id);
|
|
sessionStorage.setItem("end", event.end);
|
|
sessionStorage.setItem("eventColor", event.color);
|
|
}
|
|
|
|
// Capture the description HTML as variables
|
|
// with the label being the variable name
|
|
$.each(html, function (i, el) {
|
|
if (isEven(i) == true) {
|
|
lOp = el.textContent.replace(' ', '_');
|
|
} else {
|
|
actualURL = actualURL + "&" + lOp + "=" + el.textContent;
|
|
if (data.useSessionStorage) {
|
|
sessionStorage.setItem(lOp, el.textContent);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
location.href = actualURL;
|
|
return false;
|
|
|
|
} else {
|
|
// standard tracker item view/edit
|
|
let e = event.event;
|
|
event.jsEvent.preventDefault();
|
|
|
|
if (e.startEditable && e.extendedProps.trackerId) {
|
|
var info = {
|
|
trackerId: e.extendedProps.trackerId,
|
|
itemId: e.id
|
|
};
|
|
$.openModal({
|
|
remote: $.service('tracker', 'update_item', info),
|
|
size: "modal-lg",
|
|
title: e.title,
|
|
open: function () {
|
|
$('form:not(.no-ajax)', this)
|
|
.addClass('no-ajax') // Remove default ajax handling, we replace it
|
|
.submit(ajaxSubmitEventHandler(function (data) {
|
|
$(this).parents(".modal").modal("hide")
|
|
calendar.refetchEvents();
|
|
}));
|
|
}
|
|
});
|
|
return false;
|
|
} else {
|
|
return true;
|
|
}
|
|
}
|
|
},
|
|
eventDidMount: function(arg) {
|
|
let event = arg.event;
|
|
let element = $(arg.el);
|
|
element.attr('title', event.title);
|
|
element.popover({
|
|
trigger: 'hover',
|
|
html: true,
|
|
content: event.extendedProps.description,
|
|
container: 'body',
|
|
delay: { "show": 250, "hide": 500 },
|
|
customClass: "popover-sm",
|
|
});
|
|
},
|
|
dateClick: function (date, jsEvent, view) {
|
|
if (data.canInsert) {
|
|
var info = {
|
|
trackerId: data.trackerId
|
|
};
|
|
let momentDate = moment(date.date);
|
|
info[data.beginFieldName] = momentDate.unix();
|
|
info[data.endFieldName] = momentDate.add(1, 'h').unix();
|
|
if (data.url) {
|
|
$('<a href="#"/>').attr('href', data.url);
|
|
} else {
|
|
$.openModal({
|
|
remote: $.service('tracker', 'insert_item', info),
|
|
size: "modal-lg",
|
|
title: data.addTitle,
|
|
open: function () {
|
|
$('form:not(.no-ajax)', this)
|
|
.addClass('no-ajax') // Remove default ajax handling, we replace it
|
|
.submit(ajaxSubmitEventHandler(function (data) {
|
|
$(this).parents(".modal").modal("hide")
|
|
calendar.refetchEvents();
|
|
}));
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
return false;
|
|
},
|
|
eventResize: storeEvent,
|
|
eventDrop: storeEvent,
|
|
height: 'auto',
|
|
dayMinWidth: 150, // will cause horizontal scrollbars
|
|
});
|
|
calendar.render();
|
|
|
|
if (jqueryTiki.print_pdf_from_url !== "none") {
|
|
$(document).ready(function () {
|
|
addFullCalendarPrint('#' + data.id, '#calendar-pdf-btn', calendar);
|
|
});
|
|
}
|
|
});
|
|
}
|