%PDF-
%PDF-
Mini Shell
Mini Shell
/**
* @link https://www.humhub.org/
* @copyright Copyright (c) 2017 HumHub GmbH & Co. KG
* @license https://www.humhub.com/licences
*/
humhub.module('calendar.Calendar', function (module, require, $) {
var Widget = require('ui.widget').Widget;
var client = require('client');
var util = require('util');
var string = util.string;
var loader = require('ui.loader');
var view = require('ui.view');
var modal = require('ui.modal');
var Calendar = Widget.extend();
Calendar.prototype.init = function () {
var that = this;
// Initial events
this.options.events = function (info, successCallback, failureCallback) {
$.ajax({
url: that.options.loadUrl,
type: 'GET',
data: {
start: moment(info.start.valueOf()).format('YYYY-MM-DD'),
end: moment(info.end.valueOf()).format('YYYY-MM-DD'),
selectors: that.options.selectors,
filters: that.options.filters,
types: that.options.types
},
success: function (response) {
successCallback(response);
}
});
};
module.log.debug('Init calendar: ', this.options);
this.initCalendarFilter();
this.updateCalendarFilters();
};
Calendar.prototype.initCalendarFilter = function () {
var that = this;
$('.selectorCheckbox').click(function () {
that.updateCalendarFilters(true);
});
$('.filterCheckbox').click(function () {
// Make sure responded / not resondend filters are not checked at the same time
if ($(this).val() == '3') {
$(":checkbox[value=4][name='filter']").attr("checked", false);
}
if ($(this).val() == '4') {
$(":checkbox[value=3][name='filter']").attr("checked", false);
}
that.updateCalendarFilters(true);
});
$('select[name="filterType[]"]').on('change.select2', function () {
that.updateCalendarFilters(true);
});
};
Calendar.prototype.updateCalendarFilters = function (reload) {
var that = this;
this.options.selectors = [];
this.options.filters = [];
this.options.types = [];
$('.selectorCheckbox').each(function () {
if ($(this).prop('checked')) {
that.options.selectors.push($(this).val());
}
});
$('.filterCheckbox').each(function () {
if ($(this).prop('checked')) {
that.options.filters.push($(this).val());
}
});
that.options.types = $('select[name="filterType[]"]').val();
this.initFullCalendar(reload);
};
Calendar.prototype.initFullCalendar = function (reload) {
if (this.fullCalendar && reload) {
this.fullCalendar.removeAllEventSources();
this.fullCalendar.addEventSource(this.options.events);
//this.fullCalendar.refetchEvents();
} else {
this.fullCalendar = new FullCalendar.Calendar(this.$[0], this.options);
this.fullCalendar.render();
}
};
Calendar.prototype.getDefaultOptions = function () {
/*
* We only want to overwrite the default button texts if already
* translated otherwise we use default fullcalendar translation.
*/
var buttonText = {};
if (module.text('button.today') !== 'today') {
buttonText.today = module.text('button.today');
}
if (module.text('button.month') !== 'month') {
buttonText.month = module.text('button.month');
}
if (module.text('button.week') !== 'week') {
buttonText.week = module.text('button.week');
}
if (module.text('button.day') !== 'day') {
buttonText.day = module.text('button.day');
}
if (module.text('button.list') !== 'list') {
buttonText.list = module.text('button.list');
}
var options = {
header: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
},
buttonText: buttonText,
plugins: ['dayGrid', 'timeGrid', 'list', 'interaction', 'bootstrap', 'moment', 'momentTimezone'],
defaultView: 'dayGridMonth',
canCreate: true,
selectable: true,
select: $.proxy(this.select, this),
eventAllow: function () {
return true;
},
themeSystem: 'bootstrap',
loading: $.proxy(this.loader, this),
eventResize: $.proxy(this.updateEvent, this),
eventDrop: $.proxy(this.updateEvent, this),
eventClick: $.proxy(this.clickEvent, this),
eventRender: $.proxy(this.renderEvent, this)
};
if (view.isSmall()) {
options.header = {
left: 'prev,next',
center: 'title',
right: 'today'
};
options.footer = {
center: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
};
}
return options;
};
Calendar.prototype.renderEvent = function (event, element) {
var $element = $(element);
$element.attr({title: $element.text()});
if (event.icon) {
if (string.startsWith(event.icon, 'fa-')) {
$element.find('.fc-content').prepend($('<i class="fa ' + event.icon + '"></i>'));
}
}
};
Calendar.prototype.toJsonDateFormat = function (date, allDay) {
if(allDay) {
return FullCalendarMoment.toMoment(date, this.fullCalendar).format('YYYY-MM-DD');
}
return FullCalendarMoment.toMoment(date, this.fullCalendar).format();
};
Calendar.prototype.select = function (info) {
var that = this;
var options = {
data: {
start: this.toJsonDateFormat(info.start, false),
end: this.toJsonDateFormat(info.end, false),
cal: 1
}
};
if (info.view.type === 'dayGridMonth') {
options.data.view = 'month';
}
var selectUrl = this.options.global ? this.options.globalCreateUrl : this.options.editUrl;
modal.global.load(selectUrl, options).then(function () {
modal.global.$.one('hidden.bs.modal submitted', function () {
that.fetch();
});
}).catch(function (e) {
modal.global.close();
module.log.error(e, true);
});
this.fullCalendar.unselect();
};
Calendar.prototype.fetch = function () {
this.fullCalendar.refetchEvents();
};
Calendar.prototype.updateEvent = function (info) {
var that = this;
var event = info.event;
var eventProps = event.extendedProps;
var options = {
data: {
id: event.id,
start: this.toJsonDateFormat(event.start, event.allDay),
end: this.toJsonDateFormat(event.end, event.allDay)
}
};
this.loader();
client.post(eventProps.updateUrl, options).then(function (response) {
if (response.success) {
module.log.success('saved');
} else {
module.log.error(response, true);
}
if(eventProps.refreshAfterUpdate) {
that.fetch();
}
}).catch(function (e) {
module.log.error(e, true);
info.revert();
}).finally(function () {
that.loader(false);
});
};
Calendar.prototype.clickEvent = function (info) {
var eventProps = info.event.extendedProps;
if (!eventProps.viewUrl) {
return;
}
var that = this;
if (eventProps.viewMode === 'modal') {
modal.global.load(eventProps.viewUrl, {'viewContext' : 'fullCalendar'}).then(function () {
modal.global.set({backdrop: true});
modal.global.$.one('hidden.bs.modal', function () {
that.fetch();
});
}).catch(function (e) {
module.log.error(e, true);
modal.global.close();
});
} else {
client.pjax.redirect(eventProps.viewUrl);
}
};
Calendar.prototype.loader = function (show) {
if (show === false) {
loader.reset($('#calendar-overview-loader'));
} else {
loader.set($('#calendar-overview-loader'), {
'size': '8px',
'css': {
padding: '2px ',
width: '60px'
}
});
}
};
module.export = Calendar;
});
Zerion Mini Shell 1.0