woocommerce/assets/js/admin/reports.js

233 lines
7.6 KiB
JavaScript

jQuery(function($) {
function showTooltip(x, y, contents) {
jQuery('<div class="chart-tooltip">' + contents + '</div>').css( {
top: y - 16,
left: x + 20
}).appendTo("body").fadeIn(200);
}
var prev_data_index = null;
var prev_series_index = null;
jQuery(".chart-placeholder").bind( "plothover", function (event, pos, item) {
if (item) {
if ( prev_data_index != item.dataIndex || prev_series_index != item.seriesIndex ) {
prev_data_index = item.dataIndex;
prev_series_index = item.seriesIndex;
jQuery( ".chart-tooltip" ).remove();
if ( item.series.points.show || item.series.enable_tooltip ) {
var y = item.series.data[item.dataIndex][1];
tooltip_content = '';
if ( item.series.prepend_label )
tooltip_content = tooltip_content + item.series.label + ": ";
if ( item.series.prepend_tooltip )
tooltip_content = tooltip_content + item.series.prepend_tooltip;
tooltip_content = tooltip_content + y;
if ( item.series.append_tooltip )
tooltip_content = tooltip_content + item.series.append_tooltip;
if ( item.series.pie.show ) {
showTooltip( pos.pageX, pos.pageY, tooltip_content );
} else {
showTooltip( item.pageX, item.pageY, tooltip_content );
}
}
}
}
else {
jQuery(".chart-tooltip").remove();
prev_data_index = null;
}
});
$('.wc_sparkline.bars').each(function() {
var chart_data = $(this).data('sparkline');
var options = {
grid: {
show: false
}
};
// main series
var series = [{
data: chart_data,
color: $(this).data('color'),
bars: { fillColor: $(this).data('color'), fill: true, show: true, lineWidth: 1, barWidth: $(this).data('barwidth'), align: 'center' },
shadowSize: 0
}];
// draw the sparkline
var plot = $.plot( $(this), series, options );
});
$('.wc_sparkline.lines').each(function() {
var chart_data = $(this).data('sparkline');
var options = {
grid: {
show: false
}
};
// main series
var series = [{
data: chart_data,
color: $(this).data('color'),
lines: { fill: false, show: true, lineWidth: 1, align: 'center' },
shadowSize: 0
}];
// draw the sparkline
var plot = $.plot( $(this), series, options );
});
var dates = jQuery( ".range_datepicker" ).datepicker({
changeMonth: true,
changeYear: true,
defaultDate: "",
dateFormat: "yy-mm-dd",
numberOfMonths: 1,
maxDate: "+0D",
showButtonPanel: true,
showOn: "focus",
buttonImageOnly: true,
onSelect: function( selectedDate ) {
var option = jQuery(this).is('.from') ? "minDate" : "maxDate",
instance = jQuery( this ).data( "datepicker" ),
date = jQuery.datepicker.parseDate(
instance.settings.dateFormat ||
jQuery.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
}
});
var a = document.createElement('a');
if ( typeof a.download == "undefined" ) {
$('.export_csv').hide();
}
// Export
$('.export_csv').click(function(){
var exclude_series = $(this).data( 'exclude_series' ) || '';
exclude_series = exclude_series.toString();
exclude_series = exclude_series.split(',');
var xaxes_label = $(this).data('xaxes');
var groupby = $(this).data('groupby');
var export_format = $(this).data('export');
var csv_data = "data:application/csv;charset=utf-8,"
if ( export_format == 'table' ) {
$(this).closest('div').find('thead tr,tbody tr').each(function() {
$(this).find('th,td').each(function() {
value = $(this).text();
value = value.replace( '[?]', '' );
csv_data += '"' + value + '"' + ",";
});
csv_data = csv_data.substring( 0, csv_data.length - 1 );
csv_data += "\n";
});
$(this).closest('div').find('tfoot tr').each(function() {
$(this).find('th,td').each(function() {
value = $(this).text();
value = value.replace( '[?]', '' );
csv_data += '"' + value + '"' + ",";
if ( $(this).attr('colspan') > 0 )
for ( i = 1; i < $(this).attr('colspan'); i++ )
csv_data += '"",';
});
csv_data = csv_data.substring( 0, csv_data.length - 1 );
csv_data += "\n";
});
} else {
if ( ! window.main_chart )
return false;
var the_series = window.main_chart.getData();
var series = [];
csv_data += xaxes_label + ",";
$.each(the_series, function( index, value ) {
if ( ! exclude_series || $.inArray( index.toString(), exclude_series ) == -1 )
series.push( value );
});
// CSV Headers
for ( var s = 0; s < series.length; ++s ) {
csv_data += series[s].label + ',';
}
csv_data = csv_data.substring( 0, csv_data.length - 1 );
csv_data += "\n";
// Get x axis values
var xaxis = {}
for ( var s = 0; s < series.length; ++s ) {
var series_data = series[s].data;
for ( var d = 0; d < series_data.length; ++d ) {
xaxis[series_data[d][0]] = new Array();
// Zero values to start
for ( var i = 0; i < series.length; ++i ) {
xaxis[series_data[d][0]].push(0);
}
}
}
// Add chart data
for ( var s = 0; s < series.length; ++s ) {
var series_data = series[s].data;
for ( var d = 0; d < series_data.length; ++d ) {
xaxis[series_data[d][0]][s] = series_data[d][1];
}
}
// Loop data and output to csv string
$.each( xaxis, function( index, value ) {
var date = new Date( parseInt( index ) );
if ( groupby == 'day' )
csv_data += date.getUTCFullYear() + "-" + parseInt( date.getUTCMonth() + 1 ) + "-" + date.getUTCDate() + ',';
else
csv_data += date.getUTCFullYear() + "-" + parseInt( date.getUTCMonth() + 1 ) + ',';
for ( var d = 0; d < value.length; ++d ) {
val = value[d];
if( Math.round( val ) != val )
val = val.toFixed(2);
csv_data += val + ',';
}
csv_data = csv_data.substring( 0, csv_data.length - 1 );
csv_data += "\n";
} );
}
// Set data as href and return
$(this).attr( 'href', encodeURI( csv_data ) );
return true;
});
});