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
$(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() {
    // 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
    });    
});

$(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: '2016',
            Project1: 39,
            Project2: 67,
            Project3: 20
        }, {
            period: '2017',
            Project1: 20,
            Project2: 9,
            Project3: 5
        },
        {
            period: '2018',
            Project1: 20,
            Project2: 9,
            Project3: 5
        },
        {
            period: '2019',
            Project1: 20,
            Project2: 9,
            Project3: 5
        }

    ],
    lineColors: ['#616161', '#00ced1', '#ff758e'],
    xkey: 'period',
    ykeys: ['Fees', 'Fees', 'Fees'],
    labels: ['Fees', 'Fees', 'Fees'],
    pointSize: 0,
    lineWidth: 0,
    resize: true,
    fillOpacity: 0.8,
    behaveLikeLine: true,
    gridLineColor: '#e0e0e0',
    hideHover: 'auto'
    });
}
//======
function Jknob() {
    $('.knob').knob({
        draw: function() {
        }
    });
}
//======