tjcsl/ion

/* global $, Chart, moment, rawData, capacity */
$(document).ready(function() {
    if (Object.keys(rawData).length > 0) {
        var canvas = $("#blocks-chart")[0];
        var parsedData = [];
        $.each(rawData, function(k, v) {
            parsedData.push([moment(k, "YYYY-MM-DD"), v]);
        });
        parsedData = parsedData.sort(function(a, b) {
            if (a[0] < b[0]) {
                return -1;
            }
            if (a[0] > b[0]) {
                return 1;
            }
            return 0;
        });
        parsedData = {
            labels: $.map(parsedData, function(v) {
                return v[0];
            }),
            datasets: [{
                label: "A Block",
                backgroundColor: "rgba(200,100,100,0.5)",
                data: parsedData.filter((v) => "A" in v[1]).map((v) => {
                    return {x: v[0]._i, y: v[1].A};
                })
            }, {
                label: "B Block",
                backgroundColor: "rgba(100,100,200,0.5)",
                data: parsedData.filter((v) => "B" in v[1]).map((v) =>  {
                    return {x: v[0]._i, y: v[1].B};
                })
            }]
        };
        // don't remove new keyword, breaks Chart.js
        new Chart(canvas.getContext("2d"), {
            type: "line",
            data: parsedData,
            options: {
                maintainAspectRatio: true,
                scales: {
                    yAxes: [{
                        type: "linear",
                        scaleLabel: {
                            display: true,
                            labelString: "Signups"
                        },
                        ticks: {
                            beginAtZero: true,
                            suggestedMax: capacity
                        }
                    }],
                    xAxes: [{
                        type: "time",
                        time: {
                            tooltipFormat: "MM/DD/YYYY"
                        },
                        scaleLabel: {
                            display: true,
                            labelString: "Dates"
                        }
                    }]
                }
            }
        });
    }
    else {
        $("#blocks-chart-container").hide();
    }
    var tableRows = $("#members-table tbody tr");
    if (tableRows.length >= 2) {
        $("#members-table thead").append("<th></th>");
        var max = parseInt($("#members-table tbody tr:first-child td:nth-child(3)").text(), 10);
        tableRows.each(function() {
            var child = $(this).find("td:nth-child(3)");
            var val = parseInt(child.text(), 10);
            $(this).append("<td><div class='sparkline' style='width:" + Math.round(100 * val / max) + "px'></div></td>");
        });
    }
});