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 : readyDashboard.js

/*
 *  Document   : readyDashboard.js
 *  Author     : pixelcave
 *  Description: Custom javascript code used in Dashboard page
 */

var ReadyDashboard = function() {

return {
        init: function() {
            /* With CountTo, Check out examples and documentation at https://github.com/mhuggins/jquery-countTo */
            $('[data-toggle="counter"]').each(function(){
                var $this = $(this);

$this.countTo({
                    speed: 1000,
                    refreshInterval: 25,
                    onComplete: function() {
                        if($this.data('after')) {
                            $this.html($this.html() + $this.data('after'));
                        }
                    }
                });
            });

/* Mini Line Charts with jquery.sparkline plugin, for more examples you can check out http://omnipotent.net/jquery.sparkline/#s-about */
            var widgetChartLineOptions = {
                type: 'line',
                width: '200px',
                height: '109px',
                tooltipOffsetX: -25,
                tooltipOffsetY: 20,
                lineColor: '#9bdfe9',
                fillColor: '#9bdfe9',
                spotColor: '#555555',
                minSpotColor: '#555555',
                maxSpotColor: '#555555',
                highlightSpotColor: '#555555',
                highlightLineColor: '#555555',
                spotRadius: 3,
                tooltipPrefix: '',
                tooltipSuffix: ' Sales',
                tooltipFormat: '{{prefix}}{{y}}{{suffix}}'
            };
            $('#widget-dashchart-sales').sparkline('html', widgetChartLineOptions);

/*
             * Flot Charts Jquery plugin is used for charts
             *
             * For more examples or getting extra plugins you can check http://www.flotcharts.org/
             * Plugins included in this template: pie, resize, stack, time
             */

// Get the element where we will attach the chart
            var chartClassicDash    = $('#chart-classic-dash');

// Data for the chart
            var dataEarnings        = [[1, 1900], [2, 2300], [3, 3200], [4, 2500], [5, 4200], [6, 3100], [7, 3600], [8, 2500], [9, 4600], [10, 3700], [11, 4200], [12, 5200]];
            var dataSales           = [[1, 850], [2, 750], [3, 1500], [4, 900], [5, 1500], [6, 1150], [7, 1500], [8, 900], [9, 1800], [10, 1700], [11, 1900], [12, 2550]];
            var dataTickets         = [[1, 130], [2, 330], [3, 220], [4, 350], [5, 150], [6, 275], [7, 280], [8, 380], [9, 120], [10, 330], [11, 190], [12, 410]];

var dataMonths          = [[1, 'Jan'], [2, 'Feb'], [3, 'Mar'], [4, 'Apr'], [5, 'May'], [6, 'Jun'], [7, 'Jul'], [8, 'Aug'], [9, 'Sep'], [10, 'Oct'], [11, 'Nov'], [12, 'Dec']];

// Classic Chart
            $.plot(chartClassicDash,
                [
                    {
                        label: 'Earnings',
                        data: dataEarnings,
                        lines: {show: true, fill: true, fillColor: {colors: [{opacity: .6}, {opacity: .6}]}},
                        points: {show: true, radius: 5}
                    },
                    {
                        label: 'Sales',
                        data: dataSales,
                        lines: {show: true, fill: true, fillColor: {colors: [{opacity: .6}, {opacity: .6}]}},
                        points: {show: true, radius: 5}
                    },
                    {
                        label: 'Tickets',
                        data: dataTickets,
                        lines: {show: true, fill: true, fillColor: {colors: [{opacity: .6}, {opacity: .6}]}},
                        points: {show: true, radius: 5}
                    }
                ],
                {
                    colors: ['#5ccdde', '#454e59', '#ffffff'],
                    legend: {show: true, position: 'nw', backgroundOpacity: 0},
                    grid: {borderWidth: 0, hoverable: true, clickable: true},
                    yaxis: {show: false, tickColor: '#f5f5f5', ticks: 3},
                    xaxis: {ticks: dataMonths, tickColor: '#f9f9f9'}
                }
            );

// Creating and attaching a tooltip to the classic chart
            var previousPoint = null, ttlabel = null;
            chartClassicDash.bind('plothover', function(event, pos, item) {

if (item) {
                    if (previousPoint !== item.dataIndex) {
                        previousPoint = item.dataIndex;

$('#chart-tooltip').remove();
                        var x = item.datapoint[0], y = item.datapoint[1];

if (item.seriesIndex === 0) {
                            ttlabel = '$ <strong>' + y + '</strong>';
                        } else if (item.seriesIndex === 1) {
                            ttlabel = '<strong>' + y + '</strong> sales';
                        } else {
                            ttlabel = '<strong>' + y + '</strong> tickets';
                        }

$('<div id="chart-tooltip" class="chart-tooltip">' + ttlabel + '</div>')
                            .css({top: item.pageY - 45, left: item.pageX + 5}).appendTo("body").show();
                    }
                }
                else {
                    $('#chart-tooltip').remove();
                    previousPoint = null;
                }
            });
        }
    };
}();

${this.title}

Code Editor : readyDashboard.js