/**
* @file view/theme/frio/js/mod_events.js
* @brief Initialization of the fullCalendar and format the output.
*/
$(document).ready(function() {
// start the fullCalendar
$('#events-calendar').fullCalendar({
firstDay: aStr.firstDay,
monthNames: aStr['monthNames'],
monthNamesShort: aStr['monthNamesShort'],
dayNames: aStr['dayNames'],
dayNamesShort: aStr['dayNamesShort'],
allDayText: aStr.allday,
noEventsMessage: aStr.noevent,
buttonText: {
today: aStr.today,
month: aStr.month,
week: aStr.week,
day: aStr.day
},
events: baseurl + moduleUrl + '/json/',
header: {
left: '',
// center: 'title',
right: ''
},
timeFormat: 'H:mm',
eventClick: function(calEvent, jsEvent, view) {
showEvent(calEvent.id);
},
loading: function(isLoading, view) {
if(!isLoading) {
$('td.fc-day').dblclick(function() { addToModal('/events/new?start='+$(this).data('date')); });
}
},
defaultView: 'month',
aspectRatio: 1,
eventRender: function(event, element, view) {
//console.log(view.name);
switch(view.name){
case "month":
element.find(".fc-title").html(
"{2}".format(
event.item['author-avatar'],
event.item['author-name'],
event.title,
event.item.desc,
event.item.location
));
break;
case "agendaWeek":
if (event.item['author-name'] == null) return;
element.find(".fc-title").html(
"
{1}
{2}
{3}
".format(
event.item['author-avatar'],
event.item['author-name'],
event.item.desc,
formatEventLocationText(event.item.location)
));
break;
case "agendaDay":
if (event.item['author-name'] == null) return;
element.find(".fc-title").html(
"
{1}{2}
{3}
".format(
event.item['author-avatar'],
event.item['author-name'],
event.item.desc,
formatEventLocationText(event.item.location)
));
break;
case "listMonth":
element.find(".fc-list-item-title").html(formatListViewEvent(event));
break;
}
},
eventAfterRender: function (event, element) {
$(element).popover({
content: eventHoverHtmlContent(event),
container: "body",
html: true,
trigger: "hover",
placement: "auto",
template: '',
});
}
})
// center on date
var args=location.href.replace(baseurl,"").split("/");
if (modparams == 2) {
if (args.length>=5) {
$("#events-calendar").fullCalendar('gotoDate',args[3] , args[4]-1);
}
} else {
if (args.length>=4) {
$("#events-calendar").fullCalendar('gotoDate',args[2] , args[3]-1);
}
}
// echo the title
var view = $('#events-calendar').fullCalendar('getView');
$('#fc-title').text(view.title);
// show event popup
var hash = location.hash.split("-")
if (hash.length==2 && hash[0]=="#link") showEvent(hash[1]);
});
// loads the event into a modal
function showEvent(eventid) {
addToModal(baseurl + moduleUrl + '/?id=' + eventid);
}
function changeView(action, viewName) {
$('#events-calendar').fullCalendar(action, viewName);
var view = $('#events-calendar').fullCalendar('getView');
$('#fc-title').text(view.title);
}
// The template for the bootstrap popover for displaying the event title and
// author (it's the nearly the same template we use in frio for the contact
// hover cards. So be careful when changing the css)
function eventHoverBodyTemplate() {
var template = '\
\
\
\
';
return template;
}
// The template for presenting the event location in the event hover-card
function eventHoverLocationTemplate() {
var template = '
{0} ';
return template;
}
// transform the event data to html so we can use it in the event hover-card
function eventHoverHtmlContent(event) {
var eventLocation = '';
// Get the Browser language
var locale = window.navigator.userLanguage || window.navigator.language;
var data = '';
// Use the browser language for date formatting
moment.locale(locale);
// format dates to different styles
var startDate = moment(event.item.start).format('dd HH:mm');
var endDate = moment(event.item.finsih).format('dd HH:mm');
var monthShort = moment(event.item.start).format('MMM');
var dayNumberStart = moment(event.item.start).format('DD');
var dayNumberEnd = moment(event.item.finish).format('DD');
var startTime = moment(event.item.start).format('HH:mm');
var endTime = moment(event.item.finish).format('HH:mm');
var monthNumber;
var formattedDate = startDate
// We only need the to format the end date if the event does have
// a finish date.
if (event.item.nofinish == 0) {
formattedDate = startDate + ' - ' + endTime;
// use a different Format (15. Feb - 18. Feb) if the events end date
// is not the start date
if ( dayNumberStart != dayNumberEnd) {
formattedDate = moment(event.item.start).format('Do MMM') +
' - ' +
moment(event.item.finish).format('Do MMM');
}
}
// Get the html template
data = eventHoverBodyTemplate();
// Get only template data if there exist location data
if (event.item.location != '') {
var eventLocationText = formatEventLocationText(event.item.location);
// Get the the html template for formatting the location
var eventLocationTemplate = eventHoverLocationTemplate();
// Format the event location data according to the the event location
// template
eventLocation = eventLocationTemplate.format(
eventLocationText
);
}
// Format the event data according to the event hover template
var formatted = data.format(
event.item['author-avatar'], // this isn't used at the present time
event.item['author-link'],
event.item['author-name'],
event.title,
eventLocation,
formattedDate,
monthShort.replace('.', ''), // Get rid of possible dots in the string
dayNumberStart
);
return formatted;
}
// transform the the list view event element into formatted html
function formatListViewEvent(event) {
// The basic template for list view
var template = '\
\
\
| ';
// Use the formation of the event hover and insert it in the base list view template
var formatted = template.format(eventHoverHtmlContent(event));
return formatted;
}
// Format event location in pure text
function formatEventLocationText(location) {
// Friendica can store the event location as text or as html
// We need to check if the location is html. In this case we need
// to transform it into clean text
if (location.startsWith("", " ");
};
return eventLocationText;
}