Gecko [ edgpens.lpkmn.gov.my ]

Name	Size	Permission
appEmail.js	1.67 KB	-rw-rw-rw-
appMedia.js	1.9 KB	-rw-rw-rw-
appSocial.js	2.97 KB	-rw-rw-rw-
compAnimations.js	724 B	-rw-rw-rw-
compCalendar.js	5.92 KB	-rw-rw-rw-
compCharts.js	9.83 KB	-rw-rw-rw-
compGallery.js	1.9 KB	-rw-rw-rw-
compMaps.js	3.99 KB	-rw-rw-rw-
compNestable.js	1.72 KB	-rw-rw-rw-
compTodo.js	1.87 KB	-rw-rw-rw-
compTree.js	627 B	-rw-rw-rw-
formsComponents.js	517 B	-rw-rw-rw-
formsValidation.js	4.17 KB	-rw-rw-rw-
formsWizard.js	5.7 KB	-rw-rw-rw-
readyDashboard.js	5.39 KB	-rw-rw-rw-
readyLogin.js	2.01 KB	-rw-rw-rw-
readyRegister.js	3.07 KB	-rw-rw-rw-
readyReminder.js	1.52 KB	-rw-rw-rw-
readyTimeline.js	785 B	-rw-rw-rw-
uiIcons.js	964 B	-rw-rw-rw-
uiProgress.js	1.7 KB	-rw-rw-rw-
uiTables.js	3.74 KB	-rw-rw-rw-
uiTables_old.js	3.21 KB	-rw-rw-rw-
uiTypography.js	783 B	-rw-rw-rw-
uiWidgets.js	6.72 KB	-rw-rw-rw-

Code Editor : compCalendar.js

/*
 *  Document   : compCalendar.js
 *  Author     : pixelcave
 *  Description: Custom javascript code used in Calendar page
 */

var CompCalendar = function() {
    var calendarEvents  = $('.calendar-events');

/* Function for initializing drag and drop event functionality */
    var initEvents = function() {
        calendarEvents.find('li').each(function() {
            // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
            var eventObject = { title: $.trim($(this).text()), color: $(this).css('background-color') };

// store the Event Object in the DOM element so we can get to it later
            $(this).data('eventObject', eventObject);

// make the event draggable using jQuery UI
            $(this).draggable({ zIndex: 999, revert: true, revertDuration: 0 });
        });
    };

return {
        init: function() {
            /* Initialize drag and drop event functionality */
            initEvents();

/* Add new event in the events list */
            var eventInput      = $('#add-event');
            var eventInputVal   = '';

// When the add button is clicked
            $('#add-event-btn').on('click', function(){
                // Get input value
                eventInputVal = eventInput.prop('value');

// Check if the user entered something
                if ( eventInputVal ) {
                    // Add it to the events list
                    calendarEvents.prepend('<li class="animation-fadeInQuick2Inv"><i class="fa fa-calendar"></i> ' + $('<div />').text(eventInputVal).html() + '</li>');

// Clear input field
                    eventInput.prop('value', '');

// Init Events
                    initEvents();

// Focus the input at the end
                    eventInput.focus();
                }

// Don't let the form submit
                return false;
            });

/* Initialize FullCalendar */
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();

$('#calendar').fullCalendar({
                header: {
                    left: 'title',
                    center: '',
                    right: 'today month,agendaWeek,agendaDay prev,next'
                },
                firstDay: 1,
                editable: true,
                droppable: true,
                drop: function(date, allDay) { // this function is called when something is dropped

// retrieve the dropped element's stored Event Object
                    var originalEventObject = $(this).data('eventObject');

// we need to copy it, so that multiple events don't have a reference to the same object
                    var copiedEventObject = $.extend({}, originalEventObject);

// assign it the date that was reported
                    copiedEventObject.start = date;

// render the event on the calendar
                    // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
                    $('#calendar').fullCalendar('renderEvent', copiedEventObject, true);

// remove the element from the "Draggable Events" list
                    $(this).remove();
                },
                events: [
                    {
                        title: 'Cinema',
                        start: new Date(y, m, 2),
                        allDay: true,
                        color: '#de815c'
                    },
                    {
                        title: 'Live Conference',
                        start: new Date(y, m, 5)
                    },
                    {
                        title: 'Secret Project',
                        start: new Date(y, m, 4),
                        end: new Date(y, m, 4),
                        color: '#555555'
                    },
                    {
                        id: 999,
                        title: 'Work (repeated)',
                        start: new Date(y, m, d + 3, 8, 0),
                        allDay: false,
                        color: '#555555'
                    },
                    {
                        id: 999,
                        title: 'Work (repeated)',
                        start: new Date(y, m, d + 5, 8, 0),
                        allDay: false,
                        color: '#555555'
                    },
                    {
                        title: 'Work meeting',
                        start: new Date(y, m, d, 10, 00),
                        allDay: false,
                        color: '#de815c'
                    },
                    {
                        title: 'Bootstrap Tutorial',
                        start: new Date(y, m, d + 4, 12, 15),
                        end: new Date(y, m, d + 4, 18, 15),
                        allDay: false,
                        color: '#deb25c'
                    },
                    {
                        title: 'Admin Template',
                        start: new Date(y, m, 24),
                        end: new Date(y, m, 27),
                        allDay: true,
                        color: '#afde5c'
                    },
                    {
                        title: 'Trip to Asia',
                        start: new Date(y, m, d + 8, 21, 0),
                        end: new Date(y, m, d + 8, 23, 30),
                        allDay: false
                    },
                    {
                        title: 'Follow me on Twitter',
                        start: new Date(y, m, 23),
                        end: new Date(y, m, 23),
                        allDay: true,
                        url: 'http://twitter.com/pixelcave'
                    }
                ]
            });
        }
    };
}();

${this.title}

Code Editor : compCalendar.js