ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / letaweb / scripts / editor / ecommerce

define([], function()
{
	return function($scope, communication)
	{
		function reloadActivity(){
			communication.api('getActivity', {}, 'ecommerce.dashboard').then(function(json){
				$scope.activities = json;
			})
		}
		//reloadActivity();
		communication.api('getMap', {}, 'ecommerce.dashboard').then(function(json)
		{
			data = {};
						
			for (var i in json) {
				data[i] = (json[i]['total']);
				
			}
			$('#vmap').vectorMap({
				map: 'world_en',
				backgroundColor: '#FFFFFF',
				borderColor: '#FFFFFF',
				color: '#9FD5F1',
				hoverOpacity: 0.7,
				selectedColor: '#666666',
				enableZoom: true,
				showTooltip: true,
				values: data,
				normalizeFunction: 'polynomial',
				onLabelShow: function(event, label, code) {
					if (json[code]) {
						label.html('<strong>' + label.text() + '</strong><br />' + window.t('text_order', 'Order') + json[code]['total'] + '<br />' + window.t('text_sale', 'Sale') + json[code]['amount']);
					}
				}
			});
			$scope.currentrange = '';
			$scope.reloadMap = function(range)
			{
				$scope.currentrange = range;
				communication.api('getChart', {range:range} , 'ecommerce.dashboard').then(function(json)
				{
					if (typeof json['order'] == 'undefined') { return false; }
					var option = {	
						shadowSize: 0,
						colors: ['#9FD5F1', '#1065D2'],
						bars: { 
							show: true,
							fill: true,
							lineWidth: 1
						},
						grid: {
							backgroundColor: '#FFFFFF',
							hoverable: true
						},
						points: {
							show: false
						},
						xaxis: {
							show: true,
							ticks: json['xaxis']
						}
					}
					
					$.plot('#chart-sale', [json['order'], json['customer']], option);	
							
					$('#chart-sale').bind('plothover', function(event, pos, item) {
						$('.tooltip').remove();
					  
						if (item) {
							$('<div id="tooltip" class="tooltip top in"><div class="tooltip-arrow"></div><div class="tooltip-inner">' + item.datapoint[1].toFixed(2) + '</div></div>').prependTo('body');
							
							$('#tooltip').css({
								position: 'absolute',
								left: item.pageX - ($('#tooltip').outerWidth() / 2),
								top: item.pageY - $('#tooltip').outerHeight(),
								pointer: 'cusror'
							}).fadeIn('slow');	
							
							$('#chart-sale').css('cursor', 'pointer');		
						} else {
							$('#chart-sale').css('cursor', 'auto');
						}
					});
				});
				
			}
			$scope.reloadMap('day');
		});
	}
});

[+] ..
[+] configuration
[-] catalog.js [edit]
[+] catalog
[-] order.js [edit]
[-] customer.js [edit]
[-] promotion.js [edit]
[+] statistic
[+] customer
[-] configuration.js [edit]
[+] order
[-] dashboard.js [edit]
[-] statistic.js [edit]
[+] promotion