/home/desid573/public_html/ims2/public/js
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("
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);
}
});
}