125 lines
2.7 KiB
JavaScript
125 lines
2.7 KiB
JavaScript
|
+function($){ "use strict";
|
||
|
|
$('.external-event').each(function(){
|
||
|
|
$(this).data('event', {
|
||
|
|
title: $.trim($(this).text()),
|
||
|
|
className: [$(this).data('class')]
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.external-event').draggable({
|
||
|
|
revert: true,
|
||
|
|
revertDuration: 0
|
||
|
|
});
|
||
|
|
|
||
|
|
var cal = $('#fullcalendar').fullCalendar({
|
||
|
|
theme: true,
|
||
|
|
editable: true,
|
||
|
|
droppable: true,
|
||
|
|
defaultDate: '2016-05-15',
|
||
|
|
header: false,
|
||
|
|
buttonText: {
|
||
|
|
prev: '',
|
||
|
|
next: ''
|
||
|
|
},
|
||
|
|
events: [
|
||
|
|
{
|
||
|
|
"category": "warning",
|
||
|
|
"title": "My First Event",
|
||
|
|
"start": "2016-05-05",
|
||
|
|
"end": "2016-05-8",
|
||
|
|
"className": ["bg-warning"]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"category": "success",
|
||
|
|
"title": "Three Days Event",
|
||
|
|
"start": "2016-05-11",
|
||
|
|
"className": ["bg-success"]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"category": "warning",
|
||
|
|
"title": "Imporatnt Event",
|
||
|
|
"start": "2016-05-13",
|
||
|
|
"end": "2016-05-15",
|
||
|
|
"className": ["bg-danger"]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"category": "primary",
|
||
|
|
"title": "Four Days Event",
|
||
|
|
"start": "2016-05-22",
|
||
|
|
"end": "2016-05-25",
|
||
|
|
"className": ["bg-primary"]
|
||
|
|
}
|
||
|
|
],
|
||
|
|
drop: function(date) {
|
||
|
|
if ($('#drop-remove').is(':checked')) {
|
||
|
|
$(this).remove();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
dayClick: function(date, jsEvent, view) {
|
||
|
|
var modal = $('#new_event_modal');
|
||
|
|
modal.modal('show');
|
||
|
|
modal.find('#event_start').val(date.format());
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$.fn.windowCheck = function() {
|
||
|
|
var ww = $(window).width();
|
||
|
|
if(ww > 768) {
|
||
|
|
cal.fullCalendar('changeView', 'month');
|
||
|
|
} else if(ww < 768 && ww > 540) {
|
||
|
|
cal.fullCalendar('changeView', 'basicWeek');
|
||
|
|
} else {
|
||
|
|
cal.fullCalendar('changeView', 'basicDay');
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
$(window).on('resize', function(e){
|
||
|
|
$().windowCheck();
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.fc-prev-button').append('<i class="fa fa-chevron-left"><i>');
|
||
|
|
$('.fc-next-button').append('<i class="fa fa-chevron-right"><i>');
|
||
|
|
|
||
|
|
// add new event category
|
||
|
|
$('#new_event_cat_form').on('submit', function(e){
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
var name = $(this).find('#category_name').val();
|
||
|
|
var color = $(this).find('#category_color').val();
|
||
|
|
var category = $('<div class="external-event"></div>');
|
||
|
|
|
||
|
|
category.text(name);
|
||
|
|
category.addClass(color);
|
||
|
|
category.data('event', {
|
||
|
|
title: name,
|
||
|
|
className: [color]
|
||
|
|
});
|
||
|
|
|
||
|
|
category.draggable({
|
||
|
|
revert: true,
|
||
|
|
revertDuration: 0
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#external-events').append(category);
|
||
|
|
|
||
|
|
$('#new_event_cat_modal').modal('hide');
|
||
|
|
});
|
||
|
|
|
||
|
|
// add new event
|
||
|
|
$('#new_event_form').on('submit', function(e){
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
var title = $(this).find('#event_title').val();
|
||
|
|
var category = $(this).find('#event_category').val();
|
||
|
|
var start = $(this).find('#event_start').val();
|
||
|
|
|
||
|
|
cal.fullCalendar('addEventSource', [
|
||
|
|
{
|
||
|
|
title: title,
|
||
|
|
start: start,
|
||
|
|
className: [category]
|
||
|
|
}
|
||
|
|
])
|
||
|
|
$('#new_event_modal').modal('hide');
|
||
|
|
});
|
||
|
|
}(jQuery);
|