admin-dashboard.js

/*
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2014 PrestaShop SA
*  @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*/

// This variables are defined in the dashboard view.tpl
// dashboard_ajax_url 
// adminstats_ajax_url 
// no_results_translation 
// dashboard_use_push
// read_more

function refreshDashboard(module_name, use_push, extra) {
	var module_list = [];
	this.getWidget = function(module_id) {
		$.ajax({
			url : dashboard_ajax_url,
			data : {
				ajax: true,
				action:'refreshDashboard',
				module: module_list[module_id],
				dashboard_use_push: Number(use_push),
				extra: extra
			},
			global: false,
			dataType: 'json',
			success : function(widgets){
				for (var widget_name in widgets) {
					for (var data_type in widgets[widget_name]) {
						window[data_type](widget_name, widgets[widget_name][data_type]);
					}
				}
				if (parseInt(dashboard_use_push) === 1) {
					refreshDashboard(false, true);
				}
			},
			contentType: 'application/json'
		});
	};
	if (module_name === false) {
		$('.widget').each( function () {
			module_list.push($(this).attr('id'));
			if (!use_push) {
				$(this).addClass('loading');
			}
		});
	}
	else {
		module_list.push(module_name);
		if (!use_push) {
			$('#'+module_name+' section').each( function (){
				$(this).addClass('loading');
			});
		}
	}
	for (var module_id in module_list) {
		if (use_push && !$('#'+module_list[module_id]).hasClass('allow_push')) {
			continue;
		}
		this.getWidget(module_id);
	}
}

function setDashboardDateRange(action) {
	$('#datepickerFrom, #datepickerTo').parent('.input-group').removeClass('has-error');
	var data = 'ajax=true&action=setDashboardDateRange&submitDatePicker=true&'+$('#calendar_form').serialize()+'&'+action+'=1';
	$.ajax({
			url : adminstats_ajax_url,
			data : data,
			dataType: 'json',
			type: 'POST',
			success : function(jsonData){
				if (!jsonData.has_errors) {
					refreshDashboard(false, false);
					$('#datepickerFrom').val(jsonData.date_from);
					$('#datepickerTo').val(jsonData.date_to);
				}
				else {
					$('#datepickerFrom, #datepickerTo').parent('.input-group').addClass('has-error');
				}
			}
		});
}

function data_value(widget_name, data) {
	for (var data_id in data) {
		$('#'+data_id+' ').html(data[data_id]);
		$('#'+data_id+', #'+widget_name).closest('section').removeClass('loading');
	}
}

function data_trends(widget_name, data) {
	for (var data_id in data) {
		this.el = $('#'+data_id);
		this.el.html(data[data_id].value);
		if (data[data_id].way === 'up') {
			this.el.parent().removeClass('dash_trend_down').removeClass('dash_trend_right').addClass('dash_trend_up');
		}
		else if (data[data_id].way === 'down') {
			this.el.parent().removeClass('dash_trend_up').removeClass('dash_trend_right').addClass('dash_trend_down');
		}
		else {
			this.el.parent().removeClass('dash_trend_down').removeClass('dash_trend_up').addClass('dash_trend_right');
		}
		this.el.closest('section').removeClass('loading');
	}
}

function data_table(widget_name, data) {
	for (var data_id in data) {
		//fill header
		var tr = '<tr>';
		for (var header in data[data_id].header) {
			var head = data[data_id].header[header];
			var th = '<th '+ (head.class ? ' class="'+head.class+'" ' : '' )+ ' '+(head.id ? ' id="'+head.id+'" ' : '' )+'>';
			th += (head.wrapper_start ? ' '+head.wrapper_start+' ' : '' );
			th += head.title;
			th += (head.wrapper_stop ? ' '+head.wrapper_stop+' ' : '' );
			th += '</th>';
			tr += th;
		}
		tr += '</tr>';
		$('#'+data_id+' thead').html(tr);
		
		//fill body
		$('#'+data_id+' tbody').html('');

		if(typeof data[data_id].body === 'string') {
			$('#'+data_id+' tbody').html('<tr><td class="text-center" colspan="'+data[data_id].header.length+'"><br/>'+data[data_id].body+'</td></tr>');
		}
		else if (data[data_id].body.length) {
			for (var body_content_id in data[data_id].body) {
				tr = '<tr>';
				for (var body_content in data[data_id].body[body_content_id]) {
					var body = data[data_id].body[body_content_id][body_content];
					var td = '<td '+ (body.class ? ' class="'+body.class+'" ' : '' )+ ' '+(body.id ? ' id="'+body.id+'" ' : '' )+'>';
					td += (body.wrapper_start ? ' '+body.wrapper_start+' ' : '' );
					td += body.value;
					td += (body.wrapper_stop ? ' '+body.wrapper_stop+' ' : '' );
					td += '</td>';
					tr += td;
				}
				tr += '</tr>';
				$('#'+data_id+' tbody').append(tr);
			}
		}
		else {
			$('#'+data_id+' tbody').html('<tr><td class="text-center" colspan="'+data[data_id].header.length+'">'+no_results_translation+'</td></tr>');
		}
	}
}

function data_chart(widget_name, charts) {
	for (var chart_id in charts) {
		window[charts[chart_id].chart_type](widget_name, charts[chart_id]);
	}
}

function data_list_small(widget_name, data) {
	for (var data_id in data)
	{
		$('#'+data_id).html('');
		for (var item in data[data_id]) {
			$('#'+data_id).append('<li><span class="data_label">'+item+'</span><span class="data_value size_s">'+data[data_id][item]+'</span></li>');
		}
		$('#'+data_id+', #'+widget_name).closest('section').removeClass('loading');
	}
}

function getBlogRss() {
	$.ajax({
		url : dashboard_ajax_url,
		data : {
			ajax:true,
			action:'getBlogRss'
		},
		dataType: 'json',
		success : function(jsonData) {
			if (typeof jsonData !== 'undefined' && jsonData !== null && !jsonData.has_errors) {
				for (var article in jsonData.rss) {
					var article_html = '<article><h4><a href="'+jsonData.rss[article].link+'">'+jsonData.rss[article].title+'</a></h4><span class="dash-news-date text-muted">'+jsonData.rss[article].date+'</span><p>'+jsonData.rss[article].short_desc+' <a href="'+jsonData.rss[article].link+'">'+read_more+'</a><p></article><hr/>';
					$('.dash_news .dash_news_content').append(article_html);
				}
			}
			else {
				$('.dash_news').hide();
			}
		}
	});
}

function toggleDashConfig(widget) {
	var func_name = widget + '_toggleDashConfig';
	if ($('#'+widget+' section.dash_config').hasClass('hide'))
	{
		$('#'+widget+' section').not('.dash_config').slideUp(500, function () {
			$('#'+widget+' section.dash_config').fadeIn(500).removeClass('hide');
			if (window[func_name] != undefined)
				window[func_name]();
		});
	}
	else
	{
		$('#'+widget+' section.dash_config').slideUp(500, function () {
			$('#'+widget+' section').not('.dash_config').slideDown(500).removeClass('hide');
			$('#'+widget+' section.dash_config').addClass('hide');
			if (window[func_name] != undefined)
				window[func_name]();
		});
	}
}

function bindSubmitDashConfig() {
	$('.submit_dash_config').on('click', function () {
		saveDashConfig($(this).closest('section.widget').attr('id'));
		return false;
	});
}

function bindCancelDashConfig() {
	$('.cancel_dash_config').on('click', function () {
		toggleDashConfig($(this).closest('section.widget').attr('id'));
		return false;
	});
}

function saveDashConfig(widget_name) {
	$('section#'+widget_name+' .form-group').removeClass('has-error');
	$('#'+widget_name+'_errors').remove();
	configs = '';

	$('#'+widget_name+' form input, #'+widget_name+' form textarea , #'+widget_name+' form select').each( function () {
		if ($(this).attr('type') === 'radio' && !$(this).attr('checked')) {
			return;
		}
		configs += '&configs['+$(this).attr('name')+']='+$(this).val();
	});

	data = 'ajax=true&action=saveDashConfig&module='+widget_name+configs+'&hook='+$('#'+widget_name).closest('[id^=hook]').attr('id');

	$.ajax({
		url : dashboard_ajax_url,
		data : data,
		dataType: 'json',
		error: function(XMLHttpRequest, textStatus, errorThrown) {
				jAlert("TECHNICAL ERROR: \n\nDetails:\nError thrown: " + XMLHttpRequest + "\n" + 'Text status: ' + textStatus);
			},
		success : function(jsonData){

			if (!jsonData.has_errors)
			{
				$('#'+widget_name).find('section').not('.dash_config').remove();
				$('#'+widget_name).append($(jsonData.widget_html).find('section').not('.dash_config'));
				refreshDashboard(widget_name);
				toggleDashConfig(widget_name);
			}
			else
			{
				errors_str = '<div class="alert alert-danger" id="'+widget_name+'_errors">';
				for (error in jsonData.errors)
				{
					errors_str += jsonData.errors[error]+'<br/>';
					$('#'+error).closest('.form-group').addClass('has-error');
				}
				errors_str += '</div>';
				$('section#'+widget_name+'_config header').after(errors_str);
				errors_str += '</div>';
			}
		}
	});
}

$(document).ready( function () {
	$('#calendar_form input[type="submit"]').on('click', function(elt) {
		elt.preventDefault();
		setDashboardDateRange(elt.currentTarget.name);
	});

	refreshDashboard(false, false);
	getBlogRss();
	bindSubmitDashConfig();
	bindCancelDashConfig();

	$('.ps_dashboard_simulation').change(function(e) {
		$.ajax({
			url : dashboard_ajax_url,
			data : {
				ajax:true,
				action:'setSimulationMode',
				PS_DASHBOARD_SIMULATION: $(this).val()
			},
			success : function(result) {
				refreshDashboard(false, false);
			}
		});
	});
});