Including one customer with different DMS records.
");
var chartdata = {
labels: name,
ids: id,
datasets: [{
label: 'Total: ' + addCommas(total),
backgroundColor: '#17a2b8',
borderColor: '#46d5f1',
hoverBackgroundColor: '#00c0ef',
hoverBorderColor: '#666666',
data: marks
}]
};
var barOptions = {
responsive: true,
// maintainAspectRatio: false,
onClick: graphClickEvent,
tooltips: {
callbacks: {
label: function(tooltipItem, data) {
var value = data.datasets[0].data[tooltipItem.index];
return addCommas(value)
}
} // end callbacks:
}, //end tooltips
scales: {
yAxes: [{
ticks: {
precision: 0,
beginAtZero: true,
callback: function(label, index, labels) {
if (parseInt(label) >= 1000000) {
return label / 1000000 + 'M';
} else if (parseInt(label) >= 1000) {
return label / 1000 + 'K';
} else {
return label;
}
}
},
// scaleLabel: {
// display: true,
// labelString: '1k = 1000'
// }
}]
}
}
var graphTarget = $("#bar-chart");
if (graph_dms != null) {
graph_dms.destroy();
}
graph_dms = new Chart(graphTarget, {
type: 'bar',
data: chartdata,
options: barOptions
});
$('.dms_countings_loading').hide();
}
});
}
function graphClickEvent(event, activePoints) {
if (activePoints[0]) {
var chartData = activePoints[0]['_chart'].config.data;
var idx = activePoints[0]['_index'];
var label = chartData.labels[idx];
var id = chartData.ids[idx];
var value = chartData.datasets[0].data[idx];
var url = location_url+"customer.php?selected_dms=" + id;
// console.log(url);
// alert(url);
window.location.href = url;
}
}
function graphClickEventCompany(event, activePoints) {
if (activePoints[0]) {
var chartData = activePoints[0]['_chart'].config.data;
var idx = activePoints[0]['_index'];
var label = chartData.labels[idx];
var id = chartData.ids[idx];
var value = chartData.datasets[0].data[idx];
var url = location_url+"customer.php?selected_company=" + id;
console.log(url);
// alert(url);
window.location.href = url;
}
}
//-------------
//- DONUT CHART -
//-------------
// Get context with jQuery - using jQuery's .get() method.
function showDonut(result) {
var donutData = {
labels: [
'Complete Data',
'Incomplete Data'
],
datasets: [{
data: [result.complete_data, result.incomplete_data],
backgroundColor: ['#00a65a', '#f56954'],
}]
}
var donutOptions = {
maintainAspectRatio: false,
responsive: true,
tooltips: {
callbacks: {
label: function(tooltipItem, data) {
var value = data.datasets[0].data[tooltipItem.index];
// if(parseInt(value) >= 1000){
return addCommas(
value
); //value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
// } else {
// return value;
// }
}
} // end callbacks:
}, //end tooltips
}
//Create pie or douhnut chart
// You can switch between pie and douhnut using the method below.
// var donutChartCanvas = $('#donutChart').get(0).getContext('2d')
var donutChartCanvas = document.getElementById("donutChart");
var ctx = donutChartCanvas.getContext("2d");
if (graph_complete_incomplete != null) {
graph_complete_incomplete.destroy();
}
graph_complete_incomplete = new Chart(ctx, {
type: 'doughnut',
data: donutData,
options: donutOptions
})
donutChartCanvas.onclick = function(evt) {
var activePoints = graph_complete_incomplete.getElementsAtEvent(evt);
if (activePoints[0]) {
var chartData = activePoints[0]['_chart'].config.data;
var idx = activePoints[0]['_index'];
var label = chartData.labels[idx];
var value = chartData.datasets[0].data[idx];
var url = location_url+"customer.php?incomplete_data=" +
label;
console.log(url);
// alert(url);
window.location.href = url;
}
};
$('.complete_incomplete_countings_loading').hide();
}
function showPie(result) {
var data = {
datasets: [{
data: [ /*result.mobile,*/ result.incomplete_no_email, result.incomplete_no_address, result.incomplete_no_gender,
result.incomplete_no_dob
],
backgroundColor: [ /*'#f56954', */ '#00a65a', '#f39c12', '#00c0ef',
'#3c8dbc'
],
}],
labels: [
// 'No Mobile',
'No Email',
'No Address',
'No Gender',
'No Date of birth',
]
};
var canvas = document.getElementById("pieChart");
var ctx = canvas.getContext("2d");
var pieOptions = {
maintainAspectRatio: false,
responsive: true,
tooltips: {
callbacks: {
label: function(tooltipItem, data) {
var value = data.datasets[0].data[tooltipItem.index];
// if(parseInt(value) >= 1000){
return addCommas(
value
); //value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
// } else {
// return value;
// }
}
} // end callbacks:
}, //end tooltips
}
if (graph_incomplete != null) {
graph_incomplete.destroy();
}
graph_incomplete = new Chart(ctx, {
type: 'pie',
data: data,
options: pieOptions
});
canvas.onclick = function(evt) {
var activePoints = graph_incomplete.getElementsAtEvent(evt);
if (activePoints[0]) {
var chartData = activePoints[0]['_chart'].config.data;
var idx = activePoints[0]['_index'];
var label = chartData.labels[idx];
var value = chartData.datasets[0].data[idx];
var url =
location_url+"customer.php?incomplete_data=" +
label;
console.log(url);
// alert(url);
window.location.href = url;
}
};
$('.incomplete_countings_loading').hide();
}
function addListenerCompanyFilter() {
$('#company-filter').off('change.mychange').on('change.mychange', function() {
if (typeof $('#filter-date').data('daterangepicker').chosenLabel == "undefined" || $('#filter-date')
.data('daterangepicker').chosenLabel === 'Disable') {
cb('', '');
} else {
var start = $('#filter-date').data('daterangepicker').startDate;
var end = $('#filter-date').data('daterangepicker').endDate;
cb(start, end);
}
});
// $('#company-filter').on('change', function(event) {
// });
}
function passDate(startDate, endDate) {
var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val();
filtered_company = (parseInt(company) === 0) ? '' : '&selected_company=' + company;
filtered_date_start = (startDate === '') ? '' : '&start_date=' + startDate;
filtered_date_end = (endDate === '') ? '' : '&end_date=' + endDate;
customer_count_ajax = $.ajax({
url: "api/customer/customerv2.php",
method: "POST",
dataType: 'json',
data: {
startDate: startDate,
endDate: endDate,
company: company,
apiKey: '8525944844346448'
},
beforeSend: function() {
$('.customer_total_loading').show();
},
success: function(result) {
console.log('success')
var obj = jQuery.parseJSON(JSON.stringify(result[0]['customer_data'][0]));
obj.total_count
$('#customer_total').text(addCommas(obj.total_count));
$.each(obj, function(i, n) {
var target = $('#count_' + i);
if (target.is("span")) {
target.text(addCommas(n));
} else {
target.css('width', n);
$('#count_' +i+'_title').attr('data-original-title', n);
}
});
$('.customer_total_loading').hide();
// return;
showDonut(obj);
showPie(obj);
}
});
// return false;
getTotalVehicleCount(startDate, endDate, company);
getTotalServiceCount(startDate, endDate, company);
getTotalSalesCount(startDate, endDate, company);
showGraph(startDate, endDate, company);
showGraphCompany(startDate, endDate, company);
// return;
// getTotalCustomerCount(startDate, endDate, company);
// showDonut(startDate, endDate, company);
// showPie(startDate, endDate, company);
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$(function() {
window.parent.onbeforeunload = function() {
console.log("Refresh");
if(customer_count_ajax !== null) {
customer_count_ajax.abort();
}
if(service_count_ajax !== null) {
service_count_ajax.abort();
}
if(vehicle_count_ajax !== null) {
vehicle_count_ajax.abort();
}
if(sale_count_ajax !== null) {
sale_count_ajax.abort();
}
if(get_dms_count_ajax !== null) {
get_dms_count_ajax.abort();
}
if(get_company_count_ajax !== null) {
get_company_count_ajax.abort();
}
if(getCustomerSummaaryCount_ajax !== null) {
getCustomerSummaaryCount_ajax.abort();
}
}
var start = moment().add(1, 'days');
var end = moment().add(1, 'days');
$('#filter-date').daterangepicker({
autoUpdateInput: false,
showDropdowns: true,
parentEl: '#dropdown-filter',
locale: {
cancelLabel: 'Cancel'
},
startDate: start,
opens: "left",
endDate: end,
ranges: {
'Disable': [moment().add(1, 'days'), moment().add(1, 'days')],
'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1,
'month').endOf('month')],
'This Year': [moment().startOf('year'), moment().endOf('year')],
'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1,
'year').endOf('year')]
}
});
// cb(start, end);
resetDateRangePicker();
let isMobile = window.matchMedia("only screen and (max-width: 760px)").matches;
$(".daterangepicker").click(function() {
if ($(".daterangepicker").hasClass('show-calendar') && !isMobile) {
$('.daterangepicker').css('width', '630px');
} else {
$('.daterangepicker').css('width', 'auto');
}
});
// initToolTip();
$('#company-filter').select2({
placeholder: "Company",
allowClear: true
})
$("#customer_total_info").click(function() {
var url = location_url+"customer.php?count=1" + filtered_company;
window.location.href = url;
});
$("#vehicle_total_info").click(function() {
var url = location_url+"vehicle.php?count=2" + filtered_company;
window.location.href = url;
});
$("#service_total_info").click(function() {
var url = location_url+"service.php?count=3" + filtered_company;
window.location.href = url;
});
$("#sales_total_info").click(function() {
var url = location_url+"sales.php?count=4 " + filtered_company;
window.location.href = url;
});
$("#count-individual").click(function() {
var url = location_url+"customer.php?selected_type=1";
window.location.href = url;
});
$("#count-corporation").click(function() {
var url = location_url+"customer.php?selected_type=2";
window.location.href = url;
});
$("#count-male").click(function() {
// alert( "" );
var url = location_url+"customer.php?selected_gender=1";
window.location.href = url;
});
$("#count-female").click(function() {
var url = location_url+"customer.php?selected_gender=2";
window.location.href = url;
});
$("#count-below").click(function() {
var url = location_url+"customer.php?selected_age=below";
window.location.href = url;
});
$("#count-between").click(function() {
var url = location_url+"customer.php?selected_age=between";
window.location.href = url;
});
$("#count-above").click(function() {
var url = location_url+"customer.php?selected_age=above";
window.location.href = url;
});
addListenerCompanyFilter();
$('#filter-date').on('apply.daterangepicker', function(ev, picker) {
if (picker.chosenLabel === 'Disable') {
resetDateRangePicker();
} else {
$('#filter-date span').html(picker.startDate.format('MMMM D, YYYY') + ' - ' + picker.endDate.format(
'MMMM D, YYYY'));
cb(picker.startDate, picker.endDate);
}
});
$('#filter-date').on('cancel.daterangepicker', function(ev, picker) {
// resetDateRangePicker();
$('#filter-date').data('daterangepicker').hideCalendars();
});
$('#btnCustomerListNoFilter').click(function() {
// alert('No Filter');
$('#company-filter').off('change.mychange'); //off the company filter built in change event
$('#company-filter').val('').trigger('change') //triggr change
addListenerCompanyFilter(); //enable afain the company filter even t
resetDateRangePicker();
})
// //for click bnalloon not hiding -> filter
document.getElementById("dropdown-filter").addEventListener('click', function(event) {
// alert("click outside");
event.stopPropagation();
});
// addListenerCompanyFilter();
});