FM / js

/home/desid573/public_html/ims2/public/js/

/home/desid573/public_html/ims2/public/js

Name	Size	Mode	Actions
access.js	1850	0644	edit dl rm
admin.js	24656	0644	edit dl rm
chart.js	142092	0644	edit dl rm
dashboard.js	6354	0644	edit dl rm
items.js	22722	0644	edit dl rm
jquery.backstretch.min.js	4233	0644	edit dl rm
jquery.min.js	84345	0644	edit dl rm
jquery.number.min.js	5348	0644	edit dl rm
main.js	17593	0644	edit dl rm
transactions.js	52219	0644	edit dl rm

Edit: /home/desid573/public_html/ims2/public/js/dashboard.js (6354B)

'use strict';

$(document).ready(function() {
    checkDocumentVisibility(checkLogin);//check document visibility in order to confirm user's log in status
    
    //get earnings for current  year on page load
    getEarnings();
    
    //load payment method pie charts
    loadPaymentMethodChart();
    
    
    //WHEN "YEAR" IS CHANGED IN ORDER TO CHANGE THE YEAR OF ACCOUNT BEING SHOWN
    $("#earningAndExpenseYear").change(function(){
        var year = $(this).val();
        
        if(year){
            $("#yearAccountLoading").html("<i class='"+spinnerClass+"'></i> Loading...");
            
            //get earnings for current  year on page load
            getEarnings(year);
            
            //also get the payment menthods for that year
            loadPaymentMethodChart(year);
        }
    });
});

/*
********************************************************************************************************************************
********************************************************************************************************************************
********************************************************************************************************************************
********************************************************************************************************************************
********************************************************************************************************************************
*/
/*
********************************************************************************************************************************
********************************************************************************************************************************
********************************************************************************************************************************
********************************************************************************************************************************
********************************************************************************************************************************
*/

/**
 * 
 * @param {type} year
 * @returns {undefined}
 */
function getEarnings(year){
    var yearToFetch = year || '';
    
    $.ajax({
        type: 'GET',
        url: appRoot+"dashboard/earningsGraph/"+yearToFetch,
        dataType: "html"
    }).done(function(data){
        var response = jQuery.parseJSON(data);

var barChartData = {
          labels : ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"],
          datasets : [{
            fillColor : "rgba(255,255,255,1)", // bar color
            strokeColor : "rgba(151,187,205,0.8)", //hover color
            highlightFill : "rgba(242,245,233,1)", // highlight color
            highlightStroke : "rgba(151,187,205,1)", // highlight hover color
            data : response.total_earnings
          }]
        };

//show the expense title
        document.getElementById('earningsTitle').innerHTML = "Earnings (" + response.earningsYear +")";

var earningsGraph = document.getElementById("earningsGraph").getContext("2d");

window.myBar = new Chart(earningsGraph).Bar(barChartData, {
          responsive : true,
          scaleGridLineColor : "rgba(255,255,255,1)",
          scaleShowHorizontalLines: true,
          scaleShowVerticalLines: false,
          barStrokeWidth : 1,
          barValueSpacing : 20
        });

//remove the loading info
        $("#yearAccountLoading").html("");
    }).fail(function(){
        console.log('req failed');
    });
}

/**
 * 
 * @returns {undefined}
 */
function loadPaymentMethodChart(year){
    var yearToGet = year ? year : "";
    
    $.ajax({
        type: 'GET',
        url: appRoot+"dashboard/paymentmethodchart/"+yearToGet,
        dataType: "html",
        success: function(data) {
            var response = jQuery.parseJSON(data);
            var cash = response.cash;
            var pos = response.pos;
            var cashAndPos = response.cashAndPos;

if(response.status === 1) {
                if((cash === 0 && pos === 0 && cashAndPos === 0)) {
                  var paymentMethodData = [{
                    value: 1,
                    color:"#4D5360",
                    highlight: "#616774",
                    label: "No Payment"
                  }];
                }

else {
                  var paymentMethodData = [{
                    value: cash,
                    color:"#084D5F",
                    highlight: "#0B6B85",
                    label: "Cash Only"
                  }, {
                    value: pos,
                    color: "#557f7c",
                    highlight: "#556f7c",
                    label: "POS Only"
                  }, {
                    value: cashAndPos,
                    color: "#333",
                    highlight: "pink",
                    label: "Cash and POS"
                  }];
                }
            }

else {//if status is 0
                var paymentMethodData = [{
                  value: 1,
                  color:"#4D5360",
                  highlight: "#616774",
                  label: "No Payment"
                }];
            }
          
            var ctx = document.getElementById("paymentMethodChart").getContext("2d");
            window.myPie = new Chart(ctx).Pie(paymentMethodData);

//remove the loading info
            $("#yearAccountLoading").html("");
            
            //append the year we are showing
            $("#paymentMethodYear").html(" - "+response.year);
        }
    });
}

cmd: