/*=========================================================================================
    File Name: handsontable-integrations.js
    Description: Handsontable Integrations.
    ----------------------------------------------------------------------------------------
    Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
    Version: 1.0
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/

$(document).ready(function() {

    /********************
     *      jQuery       *
     ********************/

    function getData() {
        return [
            ['', 'Kia', 'Nissan', 'Toyota', 'Honda', 'Mazda', 'Ford'],
            ['2012', 10, 11, 12, 13, 15, 16],
            ['2013', 10, 11, 12, 13, 15, 16],
            ['2014', 10, 11, 12, 13, 15, 16],
            ['2015', 10, 11, 12, 13, 15, 16],
            ['2016', 10, 11, 12, 13, 15, 16]
        ];
    }

    // Instead of creating a new Handsontable instance
    // with the container element passed as an argument,
    // you can simply call .handsontable method on a jQuery DOM object.
    var $container = $("#jQuery");

    $container.handsontable({
        data: getData(),
        rowHeaders: true,
        colHeaders: true,
        contextMenu: true
    });

    // This way, you can access Handsontable api methods by passing their names as an argument, e.g.:
    var hotInstance = $("#jQuery").handsontable('getInstance');



    /**********************
     *      ChromaJS       *
     **********************/

    var data = [
            [2012, 190251, 5090, 195341],
            [2013, 224495, 6486, 230981],
            [2014, 254044, 6765, 260809],
            [2015, 254099, 7521, 261620],
            [2016, 271108, 9449, 280557],
            [2017, 280565, 11714, 292279],
            [2018, 284120, 11292, 295412],
            [2019, 279742, 11468, 291210],
            [2020, 290411, 11806, 302217],
            [2021, 290652, 10891, 301543],
            [2022, 283863, 10402, 294265],
            [2023, 267646, 10104, 255850]
        ],
        container = document.getElementById('chromaJS'),
        lastChange = null,
        heatmap,
        heatmapScale,
        hot;

    heatmapScale = chroma.scale(['#FFFFFF', '#8BC34A']);

    hot = new Handsontable(container, {
        data: data,
        colHeaders: ["Year", "Domestic Flights", "International Flights", "Total Flights"],
        columns: [{
            type: 'numeric'
        }, {
            type: 'numeric',
            format: '0,0',
            renderer: heatmapRenderer
        }, {
            type: 'numeric',
            format: '0,0',
            renderer: heatmapRenderer
        }, {
            type: 'numeric',
            format: '0,0',
            renderer: heatmapRenderer
        }, ],
        afterLoadData: updateHeatmap,
        beforeChangeRender: updateHeatmap
    });

    function updateHeatmap(change, source) {
        if (source) {
            heatmap[change[0][1]] = generateHeatmapData.call(this, change[0][1]);
        } else {
            heatmap = [];

            for (var i = 1, colCount = this.countCols(); i < colCount; i++) {
                heatmap[i] = generateHeatmapData.call(this, i);
            }
        }
    }

    function point(min, max, value) {
        return (value - min) / (max - min);
    }

    function generateHeatmapData(colId) {
        var values = this.getDataAtCol(colId);

        return {
            min: Math.min.apply(null, values),
            max: Math.max.apply(null, values)
        };
    }

    function heatmapRenderer(instance, td, row, col, prop, value, cellProperties) {
        Handsontable.renderers.TextRenderer.apply(this, arguments);

        if (heatmap[col]) {
            td.style.backgroundColor = heatmapScale(point(heatmap[col].min, heatmap[col].max, parseInt(value, 10))).hex();
            td.style.textAlign = 'right';
        }
    }

});