dashboard info

dashboard.js

$(document).ready(function() {


 
    var formExpenditure = $( '#formExpenditure' ).on( 'submit', function() {
 
        //.....
        //show some spinner etc to indicate operation in progress
        //.....
 
        $.post(
            $( this ).prop( 'action' ),
            {
                "_token": $( this ).find( 'input[name=_token]' ).val(),
                "name": $( '#expendituresName' ).val(),
                "amount": $( '#expendituresAmount' ).val(),
                "interval": $( '#interval' ).val()
            },
            function( data ) {
               $('#newExpenditureModal').modal('toggle');

               $('#expenditures').load('expenditures.fast #expenditureDashboard',function(){
             
            });


            },
            'html'
        );
 

        return false;
    } );







     var formGoal = $('#formGoal').on('submit', function() {
        $.post(
            $(this).prop('action'),
            {
                "_token": $(this).find('input[name=_token]').val(),
                "name": $('#goalName').val(),
                "price": $('#goalPrice').val(),
                "wanted_at": $('#goalWantedAt').val()
            },
            function( data ) {
                $('#newGoalModal').modal('toggle');
                $('#goals').load('goals.fast #goalsDashboard',function(){
             });
                
            },'html');

        return false;
    });











      var formIncome = $('#formIncome').on('submit', function() {
        $.post(
            $(this).prop('action'),
            {
                "_token": $(this).find('input[name=_token]').val(),
                "name": $('#incomeName').val(),
                "amount": $('#incomeAmount').val(),
                "interval": $('#incomeInterval').val()
            },
            function( data ) {
                $('#newIncomeModal').modal('toggle');
                $('#incomes').load('incomes.fast #incomesDashboard',function(){
             });
                
            },'html');

        return false;
    });










       var formSaving = $('#formSaving').on('submit', function() {
        $.post(
            $(this).prop('action'),
            {
                "_token": $(this).find('input[name=_token]').val(),
                "amount": $('#savingAmount').val()
            },
            function( data ) {
                $('#newSavingModal').modal('toggle');
                $('#savings').load('savings.fast #savingsDashboard',function(){
             })
                
            },'html');

        return false;
    });

       // Peter's work on Charts

       var data = {};
       data.labels = new Array();
       datasets = new Array();
       data.datasets = new Array();
       

       data.datasets = [
       {
            fillColor : "rgba(220,220,220,0.5)",
            strokeColor : "rgba(220,220,220,1)",
            pointColor : "rgba(220,220,220,1)",
            pointStrokeColor : "#fff",
            data: new Array(),
       }];




       // data.datasets[] = 
       // {
       //      fillColor : "rgba(151,187,205,0.5)",
       //      strokeColor : "rgba(151,187,205,1)",
       //      pointColor : "rgba(151,187,205,1)",
       //      pointStrokeColor : "#fff",
       // };

        $.getJSON('http://capstone.dev/financial', function(jsonData) {

            var labelData = new Array(), moneyData = new Array()
            

            // console.log(data['savings'][0].amount);
            

            for (var i = 0; i < jsonData['savings'].length; i++) {
                // console.log(data['savings'][i].amount);
                // console.log(data['savings'][0].updated_at.date);
                labelData.push(jsonData['savings'][i].updated_at.date);
                moneyData.push(jsonData['savings'][i].amount);
            }

            // data.datasets[0].data = new Array();
            data.labels = labelData;
            data.datasets[0].data = moneyData;

//     var data = {
//     labels : ["January","February","March","April","May","June","July"],
//     datasets : [
//         {
//             fillColor : "rgba(220,220,220,0.5)",
//             strokeColor : "rgba(220,220,220,1)",
//             pointColor : "rgba(220,220,220,1)",
//             pointStrokeColor : "#fff",
//             data : [65,59,90,81,56,55,40]
//         },
//         {
//             fillColor : "rgba(151,187,205,0.5)",
//             strokeColor : "rgba(151,187,205,1)",
//             pointColor : "rgba(151,187,205,1)",
//             pointStrokeColor : "#fff",
//             data : [28,48,40,19,96,27,100]
//         }
//     ]
        // }

        console.log(data);

        var ctx = document.getElementById("chart4").getContext("2d");
        var myNewChart = new Chart(ctx).Line(data);

        return data;
    });
});