IMMREX7

//[custom Javascript]
//Project:	Oreo - Responsive Bootstrap 4 Template
//Primary use:	Oreo - Responsive Bootstrap 4 Template
//should be included in all pages. It controls some layout

$(function() {
    "use strict";    
    initDonutChart();
    MorrisArea();
    Jknob();
     // MorrisArea();
   // MorrisLineChart();
    MorrisDonutChart();
   // MorrisBarChart();
});

//======

function initDonutChart() {
    Morris.Donut({
        element: 'donut_chart',
        data: [{
                label: 'Boys',
                value: 37
            }, {
                label: 'Girls',
                value: 30
            }, {
                label: 'Driver',
                value: 18
            }, {
                label: 'Staff',
                value: 12
            },
            {
                label: 'Teacher',
                value: 3
            }
        ],
        colors: ['#93e3ff', '#b0dd91', '#ffe699', '#f8cbad', '#a4a4a4'],
        formatter: function(y) {
            return y + '%'
        }
    });
}
//======
//function MorrisArea() {
//    Morris.Area({
//        element: 'area_chart',
//        data: [{
//            period: '2014',
//            Online: 45,
//            Cash: 12,
//            Cheque: 7
//        }, {
//            period: '2015',
//            Online: 20,
//            Cash: 32,
//            Cheque: 55
//        }, {
//            period: '2016',
//            Online: 39,
//            Cash: 67,
//            Cheque: 20
//        }, {
//            period: '2017',
//            Online: 20,
//            Cash: 9,
//            Cheque: 5
//        }
//
//    ],
//    lineColors: ['#616161', '#00ced1', '#ff758e'],
//    xkey: 'period',
//    ykeys: ['Online', 'Cash', 'Cheque'],
//    labels: ['Online', 'Cash', 'Cheque'],
//    pointSize: 0,
//    lineWidth: 0,
//    resize: true,
//    fillOpacity: 0.8,
//    behaveLikeLine: true,
//    gridLineColor: '#e0e0e0',
//    hideHover: 'auto'
//    });
//}
//======
function Jknob() {
    $('.knob').knob({
        draw: function() {
        }
    });
}
//======
$(window).on('scroll',function() {
    $('.card .sparkline').each(function() {
        var imagePos = $(this).offset().top;

        var topOfWindow = $(window).scrollTop();
        if (imagePos < topOfWindow + 400) {
            $(this).addClass("pullUp");
        }
    });
});
//======
$(function() {
    $('#world-map-markers').vectorMap({
        map: 'world_mill_en',
        normalizeFunction: 'polynomial',
        hoverOpacity: 0.7,
        hoverColor: false,
        backgroundColor: 'transparent',
        regionStyle: {
            initial: {
                fill: 'rgba(210, 214, 222, 1)',
                "fill-opacity": 1,
                stroke: 'none',
                "stroke-width": 0,
                "stroke-opacity": 1
            },
            hover: {
                fill: 'rgba(255, 193, 7, 2)',
                cursor: 'pointer'
            },
            selected: {
                fill: 'yellow'
            },
            selectedHover: {}
        },
        markerStyle: {
            initial: {
                fill: '#fff',
                stroke: '#FFC107 '
            }
        },
        markers: [{
                latLng: [37.09, -95.71],
                name: 'America'
            },
            {
                latLng: [51.16, 10.45],
                name: 'Germany'
            },
            {
                latLng: [-25.27, 133.77],
                name: 'Australia'
            },
            {
                latLng: [56.13, -106.34],
                name: 'Canada'
            },
            {
                latLng: [20.59, 78.96],
                name: 'India'
            },
            {
                latLng: [55.37, -3.43],
                name: 'United Kingdom'
            },
        ]
    });

    // Customized line Index page
    $('#linecustom1').sparkline('html',
    {
        height: '35px',
        width: '100%',
        lineColor: '#e5d1e4',
        fillColor: '#f3e8f2',
        minSpotColor: true,
        maxSpotColor: true,
        spotColor: '#e2a8df',
        spotRadius: 1
    });
    $('#linecustom2').sparkline('html',
    {
        height: '35px',
        width: '100%',
        lineColor: '#c9e3f4',
        fillColor: '#dfeefa',
        minSpotColor: true,
        maxSpotColor: true,
        spotColor: '#8dbfe0',
        spotRadius: 1
    });
    $('#linecustom3').sparkline('html',
    {	
        height: '35px',
        width: '100%',
        lineColor: '#efded3',
        fillColor: '#f8f0ea',
        minSpotColor: true,
        maxSpotColor: true,
        spotColor: '#e0b89d',
        spotRadius: 1
    });    
});