Default page

Your IP: 216.73.216.91
Server IP: 157.245.101.34
Server: Linux skvinfotech-website 5.4.0-131-generic #147-Ubuntu SMP Fri Oct 14 17:07:22 UTC 2022 x86_64
Server Software: Apache/2.4.41 (Ubuntu)
PHP Version: 7.4.33
Buat File | Buat Folder
Dir : ~/var/www/skvinfotech.com/public/assets/_js/pages/
View File Name : be_pages_dashboard.js

/*
 *  Document   : be_pages_dashboard.js
 *  Author     : pixelcave
 *  Description: Custom JS code used in Dashboard Page
 */

class pageDashboard {
    /*
     * Chart.js, for more examples you can check out http://www.chartjs.org/docs
     *
     */
    static initCharts() {
        // Set Global Chart.js configuration
        Chart.defaults.global.defaultFontColor              = '#495057';
        Chart.defaults.scale.gridLines.color                = 'transparent';
        Chart.defaults.scale.gridLines.zeroLineColor        = 'transparent';
        Chart.defaults.scale.ticks.beginAtZero              = true;
        Chart.defaults.global.elements.line.borderWidth     = 0;
        Chart.defaults.global.elements.point.radius         = 0;
        Chart.defaults.global.elements.point.hoverRadius    = 0;
        Chart.defaults.global.tooltips.cornerRadius         = 3;
        Chart.defaults.global.legend.labels.boxWidth        = 12;

        // Get Chart Containers
        let chartEarningsCon = jQuery('.js-chartjs-earnings');

        // Set Chart and Chart Data variables
        let chartEarnings, chartEarningsData;

        // Chart Data
        chartEarningsData = {
            labels: ['MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT', 'SUN'],
            datasets: [
                {
                    label: 'This Week',
                    fill: true,
                    backgroundColor: 'rgba(81, 121, 214, .75)',
                    borderColor: 'transparent',
                    pointBackgroundColor: 'rgba(81, 121, 214, 1)',
                    pointBorderColor: '#fff',
                    pointHoverBackgroundColor: '#fff',
                    pointHoverBorderColor: 'rgba(81, 121, 214, 1)',
                    data: [716, 628, 1056, 560, 956, 890, 790]
                },
                {
                    label: 'Last Week',
                    fill: true,
                    backgroundColor: 'rgba(81, 121, 214, .25)',
                    borderColor: 'transparent',
                    pointBackgroundColor: 'rgba(81, 121, 214, 1)',
                    pointBorderColor: '#fff',
                    pointHoverBackgroundColor: '#fff',
                    pointHoverBorderColor: 'rgba(81, 121, 214, 1)',
                    data: [1160, 923, 1052, 1300, 880, 926, 963]
                }
            ]
        };

        // Init Chart
        if (chartEarningsCon.length) {
            chartEarnings  = new Chart(chartEarningsCon, {
                type: 'bar',
                data: chartEarningsData,
                options: {
                    tooltips: {
                        intersect: false,
                        callbacks: {
                            label: function(tooltipItems, data) {
                                return data.datasets[tooltipItems.datasetIndex].label + ': $' + tooltipItems.yLabel;
                            }
                        }
                    }
                }
            });
        }
    }

    /*
     * Init functionality
     *
     */
    static init() {
        this.initCharts();
    }
}

// Initialize when page loads
jQuery(() => { pageDashboard.init(); });