+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: false, droppable: false, header: { left: 'prev, today, next', center: 'title' }, buttonText: { prev: '', next: '' }, events: [ { "category": "online", "title": "Online: 01 h 21 min", "start": "2020-12-16", "className": ["success"] }, { "category": "online", "title": "Online: 01 h 57 min", "start": "2020-12-17", "className": ["success"] }, { "category": "online", "title": "Online: 01 h 48 min", "start": "2020-12-18", "className": ["success"] }, { "category": "online", "title": "Online: 04 h 18 min", "start": "2020-12-19", "className": ["success"] }, { "category": "online", "title": "Online: 00 h 57 min", "start": "2020-12-20", "className": ["success"] }, { "category": "online", "title": "Online: 01 h 42 min", "start": "2020-12-21", "className": ["success"] }, { "category": "online", "title": "Online: 02 h 48 min", "start": "2020-12-23", "className": ["success"] }, { "category": "online", "title": "Online: 04 h 42 min", "start": "2020-12-24", "className": ["success"] }, { "category": "online", "title": "Online: 04 h 30 min", "start": "2020-12-25", "className": ["success"] }, { "category": "online", "title": "Online: 04 h 33 min", "start": "2020-12-26", "className": ["success"] }, { "category": "online", "title": "Online: 08 h 24 min", "start": "2020-12-27", "className": ["success"] }, { "category": "online", "title": "Online: 04 h 24 min", "start": "2020-12-29", "className": ["success"] }, { "category": "online", "title": "Online: 07 h 33 min", "start": "2021-01-02", "className": ["success"] }, { "category": "online", "title": "Online: 04 h 36 min", "start": "2021-01-03", "className": ["success"] }, { "category": "online", "title": "Online: 04 h 06 min", "start": "2021-01-07", "className": ["success"] }, { "category": "online", "title": "Online: 02 h 36 min", "start": "2021-01-08", "className": ["success"] }, { "category": "Score", "title": "Max score: 161", "start": "2020-12-16", "className": ["primary"] }, { "category": "Score", "title": "Max score: 173", "start": "2020-12-17", "className": ["primary"] }, { "category": "Score", "title": "Max score: 167", "start": "2020-12-18", "className": ["primary"] }, { "category": "Score", "title": "Max score: 180", "start": "2020-12-19", "className": ["primary"] }, { "category": "Score", "title": "Max score: 161", "start": "2020-12-20", "className": ["primary"] }, { "category": "Score", "title": "Max score: 156", "start": "2020-12-21", "className": ["primary"] }, { "category": "Score", "title": "Max score: 155", "start": "2020-12-23", "className": ["primary"] }, { "category": "Score", "title": "Max score: 151", "start": "2020-12-24", "className": ["primary"] }, { "category": "Score", "title": "Max score: 153", "start": "2020-12-25", "className": ["primary"] }, { "category": "Score", "title": "Max score: 208", "start": "2020-12-26", "className": ["primary"] }, { "category": "Score", "title": "Max score: 157", "start": "2020-12-27", "className": ["primary"] }, { "category": "Score", "title": "Max score: 149", "start": "2020-12-29", "className": ["primary"] }, { "category": "Score", "title": "Max score: 170", "start": "2021-01-02", "className": ["primary"] }, { "category": "Score", "title": "Max score: 145", "start": "2021-01-03", "className": ["primary"] }, { "category": "Score", "title": "Max score: 129", "start": "2021-01-07", "className": ["primary"] }, { "category": "Score", "title": "Max score: 142", "start": "2021-01-08", "className": ["primary"] }, { "category": "likes", "title": "New Likes: 8", "start": "2020-12-17", "className": ["purple"] }, { "category": "likes", "title": "New Likes: 7", "start": "2020-12-18", "className": ["purple"] }, { "category": "likes", "title": "New Likes: 7", "start": "2020-12-19", "className": ["purple"] }, { "category": "likes", "title": "New Likes: 5", "start": "2020-12-20", "className": ["purple"] }, { "category": "likes", "title": "New Likes: 12", "start": "2020-12-21", "className": ["purple"] }, { "category": "likes", "title": "New Likes: 18", "start": "2020-12-23", "className": ["purple"] }, { "category": "likes", "title": "New Likes: 18", "start": "2020-12-24", "className": ["purple"] }, { "category": "likes", "title": "New Likes: 23", "start": "2020-12-25", "className": ["purple"] }, { "category": "likes", "title": "New Likes: 46", "start": "2020-12-26", "className": ["purple"] }, { "category": "likes", "title": "New Likes: 67", "start": "2020-12-27", "className": ["purple"] }, { "category": "likes", "title": "New Likes: 34", "start": "2020-12-29", "className": ["purple"] }, { "category": "likes", "title": "New Likes: 98", "start": "2021-01-02", "className": ["purple"] }, { "category": "likes", "title": "New Likes: 36", "start": "2021-01-03", "className": ["purple"] }, { "category": "likes", "title": "New Likes: 19", "start": "2021-01-07", "className": ["purple"] }, { "category": "likes", "title": "New Likes: 14", "start": "2021-01-08", "className": ["purple"] } ], 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(''); $('.fc-next-button').append(''); // 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 = $('
'); 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);