viithiisys / Acufuel

Browse Code »

Commit 89c9d6ecd7590ffd5cf474602ce6b4997756b3ec

Authored by Kuldeep Arora 2018-09-10 01:54:15 -0400

1 parent 938f3037d6

Exists in master

drilldown map for regional pap

Showing 3 changed files with 221 additions and 13 deletions Show diff stats

app/index.html

Diff comments View file @89c9d6e

 <html ng-app="acufuel">
    <head lang="en">
       <meta charset="utf-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <meta name="description" content="">
       <meta name="author" content="">
       <link rel="stylesheet" href="bower_components/nvd3/build/nv.d3.css">
       <title>FBOinsights</title>
       <!-- styles -->
       <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.10.0.custom.min.css"/>
       <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"/>
       <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css"/>
       <link rel="stylesheet" href="bower_components/bootstrap-toggle/css/bootstrap-toggle.min.css" />
       <!-- <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.min.css"/>
       <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.print.min.css"/> -->
       <link rel="stylesheet" href="bower_components/toastr/toastr.min.css"/>
       <link rel="stylesheet" href="bower_components/angular-bootstrap/ui-bootstrap-csp.css"/>
       <link href="bower_components/jqGrid/css/ui.jqgrid.css" rel="stylesheet">
       <link href="bower_components/angular-xeditable/dist/css/xeditable.css" rel="stylesheet">
       <link href="bower_components/angular-bootstrap-toggle/dist/angular-bootstrap-toggle.min.css"
                 rel="stylesheet">
       <link href="bower_components/angular-ui-select/dist/select.css"
                 rel="stylesheet">
       <link rel="stylesheet" href="css/main.css"/>
       <link rel="stylesheet" href="css/base-admin-3.css"/>
       <link rel="stylesheet" href="css/base-admin-3-responsive.css"/>
       <link rel="stylesheet" href="css/custom.css"/>
       <link rel="stylesheet" href="jvectormap-204/jquery-jvectormap-2.0.4.css"/>
       <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
       <link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet">
       <link href="js/plugins/cirque/cirque.css" rel="stylesheet">
       <link href="css/pages/dashboard.css" rel="stylesheet">
       <link href="js/plugins/faq/faq.css" rel="stylesheet">
       <link href="css/pages/plans.css" rel="stylesheet">
       <link href="js/plugins/lightbox/themes/evolution-dark/jquery.lightbox.css" rel="stylesheet">
       <link href="js/plugins/msgGrowl/css/msgGrowl.css" rel="stylesheet">
       <link href="js/plugins/msgbox/jquery.msgbox.css" rel="stylesheet">
       <link href="css/pages/pricing.css" rel="stylesheet">
       <link href="css/pages/reports.css" rel="stylesheet">
       <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
       <link rel="stylesheet" type="text/css" href="css/ngTable.css">
       <link rel="stylesheet" href="bower_components/select2/select2.css">
       <!-- <link rel="stylesheet" type="text/css" href="css/fullcalender.css">
       <link rel="stylesheet" type="text/css" href="css/fullcalenderprint.css"> -->
       <!-- <link rel="stylesheet"; href="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.css"> -->
       <!-- <link href='https://fullcalendar.io/js/fullcalendar-3.4.0/fullcalendar.min.css' rel='stylesheet' />
       <link href='https://fullcalendar.io/js/fullcalendar-3.4.0/fullcalendar.print.min.css' rel='stylesheet' media='print' />
       <script src='https://fullcalendar.io/js/fullcalendar-3.4.0/lib/moment.min.js'></script>
       <script src='https://fullcalendar.io/js/fullcalendar-3.4.0/lib/jquery.min.js'></script>
       <script src='https://fullcalendar.io/js/fullcalendar-3.4.0/lib/jquery-ui.min.js'></script> -->
       <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.css"/>
       <link rel="stylesheet" type="text/css" href="css/animation.css">
    </head>
    <body>
       <!-- views -->
       <!-- scripts -->
       <script src="bower_components/jquery/dist/jquery.min.js"></script>
       <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
       <script src="js/libs/jquery-ui-1.10.0.custom.min.js"></script>
       <!--<script src="js/plugins/flot/jquery.flot.js"></script>
       <script src="js/plugins/flot/jquery.flot.pie.js"></script>
       <script src="js/plugins/flot/jquery.flot.resize.js"></script>
       <script src="js/plugins/flot/jquery.flot.orderBars.js"></script>-->
       <script src="js/plugins/hoverIntent/jquery.hoverIntent.minified.js"></script>
       <script src="js/plugins/lightbox/jquery.lightbox.min.js"></script>
       <script src="js/plugins/validate/jquery.validate.js"></script>
       <script src="js/plugins/msgbox/jquery.msgbox.min.js"></script>
       <script src="bower_components/angular/angular.min.js"></script>
       <script src="bower_components/angular-route/angular-route.js"></script>
       <script src="bower_components/angular-cookies/angular-cookies.min.js"></script>
       <script src="bower_components/angular-resource/angular-resource.min.js"></script>
       <script src="bower_components/angular-animate/angular-animate.js"></script>
       <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
       <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
       <script src="bower_components/bootstrap-toggle/js/bootstrap-toggle.min.js"></script>
       <script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
       <script src='bower_components/moment/min/moment.min.js'></script>
       <!-- <script src="bower_components/fullcalendar/dist/fullcalendar.min.js"></script> -->
       <script src='bower_components/toastr/toastr.min.js'></script>
       <script src="bower_components/angular-bootstrap/ui-bootstrap.min.js"></script>
       <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
       <script src="bower_components/jqGrid/js/i18n/grid.locale-en.js"></script>
       <script src="bower_components/jqGrid/js/jquery.jqGrid.min.js"></script>
       <script src="bower_components/angular-xeditable/dist/js/xeditable.js"></script>
       <script src="bower_components/angular-bootstrap-toggle/dist/angular-bootstrap-toggle.min.js"></script>
       <script src="bower_components/select2/select2.js"></script>
       <script src="bower_components/angular-ui-select/dist/select.js"></script>
       <script src="bower_components/angular-ui-select2/src/select2.js"></script>
       <script src="bower_components/angular-ckeditor/angular-ckeditor.js"></script>
       <script src="bower_components/angular-dragdrop/src/angular-dragdrop.min.js"></script>
       <!-- <script src="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.js"></script> -->
       <script type="text/javascript" src="bower_components/angular-ui-calendar/src/calendar.js"></script>
       <!-- <script type="text/javascript" src="bower_components/fullcalendar/dist/fullcalendar.min.js"></script> -->
       <!--
       <script src="scripts/inspinia.js"></script>
       <script src="plugins/iCheck/icheck.min.js"></script>
        -->
       <!-- This 7 lines are for old regional chart-->
       <!-- <script src="./js/Application.js"></script>
      <script src="js/charts/area.js"></script>
       <script src="js/charts/donut.js"></script>
       <script src="js/charts/pie.js"></script>
       <script src="js/charts/bar.js"></script>
       <script src="js/demo/validation.js"></script>
       <script src="js/charts/line.js"></script>  -->
       <script src="js/demo/faq.js"></script>
       <script src="js/plugins/faq/faq.js"></script>
       <script src="js/demo/gallery.js"></script>
       <script src="js/demo/sliders.js"></script>
       <script src="js/plugins/msgGrowl/js/msgGrowl.js"></script>
       <script src="js/demo/notifications.js"></script>
       <script src="js/ngTable.js"></script>
       <!-- <script src="js/fullcalender.js"></script> -->
       <script src="http://cdn.ckeditor.com/4.6.1/standard-all/ckeditor.js"></script>
       <script src="https://code.highcharts.com/maps/highmaps.js"></script>
       <script src="https://code.highcharts.com/maps/modules/data.js"></script>
       <script src="https://code.highcharts.com/mapdata/countries/us/us-all.js"></script>
      <script src="jvectormap-204/jquery-jvectormap-2.0.4.min.js"></script>
      <script src="jvectormap-204/jquery-jvectormap-us-lcc.js"></script>
 	<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA4aXZZ3R6cVjF_2cVYP7oeY2F5KwT6KaY"></script>
  <!-- Controllers -->
       <script src="js/app.js"></script>
       <script src="js/app.constant.js"></script>
       <script src="partials/login/login.controller.js"></script>
       <script src="partials/customers/customers.controller.js"></script>
       <script src="partials/analytics/analytics.controller.js"></script>
       <script src="partials/account/account.controller.js"></script>
       <script src="partials/elements/elements.controller.js"></script>
       <script src="partials/error/error.controller.js"></script>
       <script src="partials/faq/faq.controller.js"></script>
       <script src="partials/forms/forms.controller.js"></script>
       <script src="partials/fuelManager/fuelManager.controller.js"></script>
       <script src="partials/pricing/pricing.controller.js"></script>
       <script src="partials/reports/reports.controller.js"></script>
       <script src="partials/flightTracking/flightTracking.controller.js"></script>
       <script src="partials/scheduler/scheduler.controller.js"></script>
       <script src="partials/signup/signup.controller.js"></script>
       <script src="partials/updateFuelManager/updateFuelManager.controller.js"></script>
       <script src="partials/viewCompany/viewCompany.controller.js"></script>
       <script src="partials/dashboard/dashboard.controller.js"></script>
       <script src="partials/fuelOrders/fuelOrders.controller.js"></script>
       <script src="partials/DispatchFuel/DispatchFuel.controller.js"></script>
       <script src="partials/searchDispatchFuel/searchDispatchFuel.controller.js"></script>
       <script src="partials/Accept/Accept.controller.js"></script>
       <!-- <script src="partials/AircraftList/AircraftList.controller.js"></script> -->
       <script src="partials/ContactView/ContactView.controller.js"></script>
       <script src="partials/FuelVendors/FuelVendors.controller.js"></script>
       <script src="partials/delselected/delselected.controller.js"></script>
       <script src="partials/pricingcontact/pricingcontact.controller.js"></script>
       <script src="partials/viewcontact/viewcontact.controller.js"></script>
       <script src="partials/viewFuelVendor/viewFuelVendor.controller.js"></script>
       <script src="partials/accountSetting/accountSetting.Controller.js"></script>
       <script src="partials/viewVendorContact/viewVendorContact.Controller.js"></script>
       <script src="partials/enterFuelOrder/enterFuelOrder.controller.js"></script>
       <script src="partials/flightDepOrders/flightDepOrders.controller.js"></script>
       <script src="partials/flightDepDashboard/flightDepDashboard.controller.js"></script>
 	<script src="partials/flightTracking/flightTracking.service.js"></script>
       <script src="partials/forgetPassword/forgetPassword.controller.js"></script>
       <script src="partials/resetpwd/resetPassword.controller.js"></script>
       <script src="partials/main/main.controller.js"></script>
       <div ui-view></div>
  <!-- End controllers -->
  <!-- services -->
       <script src="partials/login/login.service.js"></script>
       <script src="partials/customers/customers.service.js"></script>
       <script src="partials/analytics/analytics.service.js"></script>
       <script src="partials/account/account.service.js"></script>
       <script src="partials/elements/elements.service.js"></script>
       <script src="partials/error/error.service.js"></script>
       <script src="partials/faq/faq.service.js"></script>
       <script src="partials/forms/forms.service.js"></script>
       <script src="partials/fuelManager/fuelManager.service.js"></script>
       <script src="partials/pricing/pricing.service.js"></script>
       <script src="partials/reports/reports.service.js"></script>
       <script src="partials/signup/signup.service.js"></script>
       <script src="partials/updateFuelManager/updateFuelManager.service.js"></script>
       <script src="partials/viewCompany/viewCompany.service.js"></script>
       <script src="partials/dashboard/dashboard.service.js"></script>
       <script src="partials/fuelOrders/fuelOrders.service.js"></script>
       <script src="partials/DispatchFuel/DispatchFuel.service.js"></script>
       <script src="partials/searchDispatchFuel/searchDispatchFuel.service.js"></script>
       <script src="partials/Accept/Accept.service.js"></script>
       <!-- <script src="partials/AircraftList/AircraftList.controller.js"></script> -->
       <script src="partials/ContactView/ContactView.service.js"></script>
       <script src="partials/FuelVendors/FuelVendors.service.js"></script>
       <script src="partials/delselected/delselected.service.js"></script>
       <script src="partials/pricingcontact/pricingcontact.service.js"></script>
       <script src="partials/viewcontact/viewcontact.service.js"></script>
       <script src="partials/viewFuelVendor/viewFuelVendor.service.js"></script>
       <script src="partials/accountSetting/accountSetting.Service.js"></script>
       <script src="partials/viewVendorContact/viewVendorContact.Service.js"></script>
       <script src="partials/enterFuelOrder/enterFuelOrder.service.js"></script>
       <script src="partials/flightDepOrders/flightDepOrders.service.js"></script>
       <script src="partials/flightDepDashboard/flightDepDashboard.service.js"></script>
       <script src="partials/forgetPassword/forgetPassword.service.js"></script>
       <script src="partials/resetpwd/resetPassword.service.js"></script>
       <script src="partials/main/main.service.js"></script>
       <!-- <script src='https://fullcalendar.io/js/fullcalendar-3.4.0/fullcalendar.min.js'></script> -->
       <script type="text/javascript" src="bower_components/fullcalendar/dist/fullcalendar.min.js"></script>
       <script type="text/javascript" src="bower_components/fullcalendar/dist/gcal.js"></script>
       <script src="partials/scheduler/scheduler.service.js"></script>
       <!-- <script src="bower_components/angular/angular.js"></script> -->
       <script src="bower_components/d3/d3.js"></script>
       <script src="bower_components/nvd3/build/nv.d3.js"></script> <!-- or use another assembly -->
       <script src="bower_components/angular-nvd3/dist/angular-nvd3.js"></script>
       <!-- for reginal pap graph uncomment this for new red chart and html code-->
       <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
       <script src="https://code.highcharts.com/maps/js/highmaps.js"></script>
       <script src="https://code.highcharts.com/maps/js/modules/data.js"></script>
       <script src="https://code.highcharts.com/maps/js/modules/exporting.js"></script>
       <script src="https://code.highcharts.com/mapdata/countries/us/us-all.js"></script>
       <!--for local time and UTC time-->
       <script src="bower_components/angular-ui-clock/dist/angular-clock.js"></script>
       <link rel="stylesheet" href="bower_components/angular-ui-clock/dist/angular-clock.css">
       <link href="//fonts.googleapis.com/css?family=Syncopate:400,700" rel="stylesheet" type="text/css">
+      <!--for drill down regional chart-->
+      <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
+      <script src="https://code.highcharts.com/maps/highmaps.js"></script>
+      <script src="https://code.highcharts.com/maps/modules/data.js"></script>
+      <script src="https://code.highcharts.com/maps/modules/drilldown.js"></script>
+      <script src="https://code.highcharts.com/maps/modules/exporting.js"></script>
+      <script src="https://code.highcharts.com/maps/modules/offline-exporting.js"></script>
+      <script src="https://code.highcharts.com/mapdata/countries/us/us-all.js"></script>
+      <link href="https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
    </body>
 </html>

app/partials/analytics/analytics.controller.js

Diff comments View file @89c9d6e

1	'use strict';	1	'use strict';
2	angular.module('acufuel')	2	angular.module('acufuel')
3	.controller('analyticsController', ['$scope', 'analyticsService', function($scope, analyticsService) {	3	.controller('analyticsController', ['$scope', 'analyticsService', function($scope, analyticsService) {
4		4
5		5
6		6	// Sand Signika Overview without drill down -KD
7	$scope.getAllRegionalPap = function() {	7	/* $scope.getAllRegionalPap = function() {
8	$scope.flag=true;	8	$scope.flag=true;
9	$scope.stateList = [{region:'Alabama',code:'AL'},{region:'Alaska',code:'AK'},{region:'Arizona',code:'AZ'},{region:'Arkansas',code:'AR'},	9	$scope.stateList = [{region:'Alabama',code:'AL'},{region:'Alaska',code:'AK'},{region:'Arizona',code:'AZ'},{region:'Arkansas',code:'AR'},
10	{region:'California',code:'CA' },{region:'Colorado',code:'CO'},{region:'Connecticut',code:'CT'},{region:'Delaware',code:'DE'},	10	{region:'California',code:'CA' },{region:'Colorado',code:'CO'},{region:'Connecticut',code:'CT'},{region:'Delaware',code:'DE'},
11	{region:'Florida' ,code:'FL'},{region:'Georgia' ,code:'GA'},{region:'Hawaii' ,code:'HI'},{region:'Idaho' ,code:'ID'},	11	{region:'Florida' ,code:'FL'},{region:'Georgia' ,code:'GA'},{region:'Hawaii' ,code:'HI'},{region:'Idaho' ,code:'ID'},
12	{region:'Illinois',code:'IL'},{region:'Indiana' ,code:'IN'},{region:'Iowa' ,code:'IA'},{region:'Kansas' ,code:'KS'},	12	{region:'Illinois',code:'IL'},{region:'Indiana' ,code:'IN'},{region:'Iowa' ,code:'IA'},{region:'Kansas' ,code:'KS'},
13	{region:'Kentucky' ,code:'KY'},{region:'Louisiana' ,code:'LA'},{region:'Maine' ,code:'ME'},{region:'Maryland' ,code:'MD'},	13	{region:'Kentucky' ,code:'KY'},{region:'Louisiana' ,code:'LA'},{region:'Maine' ,code:'ME'},{region:'Maryland' ,code:'MD'},
14	{region:'Massachusetts' ,code:'MA'},{region:'Michigan' ,code:'MI'},{region:'Minnesota' ,code:'MN'},	14	{region:'Massachusetts' ,code:'MA'},{region:'Michigan' ,code:'MI'},{region:'Minnesota' ,code:'MN'},
15	{region:'Mississippi' ,code:'MS'},{region:'Missouri' ,code:'MO'},{region:'Montana',code:'MT'},{region:'Nebraska' ,code:'NE'},	15	{region:'Mississippi' ,code:'MS'},{region:'Missouri' ,code:'MO'},{region:'Montana',code:'MT'},{region:'Nebraska' ,code:'NE'},
16	{region:'Nevada' ,code:'NV'},{region:'New Hampshire' ,code:'NH'},{region:'New Jersey' ,code:'NJ'},{region:'New Mexico' ,code:'NM'},	16	{region:'Nevada' ,code:'NV'},{region:'New Hampshire' ,code:'NH'},{region:'New Jersey' ,code:'NJ'},{region:'New Mexico' ,code:'NM'},
17	{region:'New York' ,code:'NY'},{region:'North Carolina' ,code:'NC'},{region:'North Dakota' ,code:'ND'},{region:'Ohio' ,code:'OH'},	17	{region:'New York' ,code:'NY'},{region:'North Carolina' ,code:'NC'},{region:'North Dakota' ,code:'ND'},{region:'Ohio' ,code:'OH'},
18	{region:'Oklahoma' ,code:'OK'},{region:'Oregon' ,code:'OR'},{region:'Pennsylvania',code:'PA'},{region:'Rhode Island' ,code:'RI'},	18	{region:'Oklahoma' ,code:'OK'},{region:'Oregon' ,code:'OR'},{region:'Pennsylvania',code:'PA'},{region:'Rhode Island' ,code:'RI'},
19	{region:'South Carolina' ,code:'SC'},{region:'South Dakota' ,code:'SD'},{region:'Tennessee' ,code:'TN'},{region:'Texas' ,code:'TX'},	19	{region:'South Carolina' ,code:'SC'},{region:'South Dakota' ,code:'SD'},{region:'Tennessee' ,code:'TN'},{region:'Texas' ,code:'TX'},
20	{region:'Utah' ,code:'UT'},{region:'Vermont' ,code:'VT'},{region:'Virginia' ,code:'VA'},{region:'Washington' ,code:'WA'},	20	{region:'Utah' ,code:'UT'},{region:'Vermont' ,code:'VT'},{region:'Virginia' ,code:'VA'},{region:'Washington' ,code:'WA'},
21	{region:'West Virginia' ,code:'WV'},{region:'Wisconsin' ,code:'WI'},{region:'Wyoming',code:'WY'}]	21	{region:'West Virginia' ,code:'WV'},{region:'Wisconsin' ,code:'WI'},{region:'Wyoming',code:'WY'}]
22		22
23	analyticsService.getAllRPP().then(function(result) {	23	analyticsService.getAllRPP().then(function(result) {
24	for (var i = 0; i < $scope.stateList.length; i++) {	24	for (var i = 0; i < $scope.stateList.length; i++) {
25	for (var j = 0; j<result.length; j++){	25	for (var j = 0; j<result.length; j++){
26	if ($scope.stateList[i].region === result[j].region) {	26	if ($scope.stateList[i].region === result[j].region) {
27	result[j].code = $scope.stateList[i].code;	27	result[j].code = $scope.stateList[i].code;
28	result[j].averagePAP = result[j].averagePAP.toFixed(2);	28	result[j].averagePAP = result[j].averagePAP.toFixed(2);
29	}	29	}
30	}	30	}
31	}	31	}
32	$scope.flag=false;	32	$scope.flag=false;
33	// Instantiate the map	33	// Instantiate the map
34	Highcharts.mapChart('regional-pap', {	34	Highcharts.mapChart('regional-pap', {
35		35
36	chart: {	36	chart: {
37	map: 'countries/us/us-all',	37	map: 'countries/us/us-all',
38	borderWidth: 1,	38	borderWidth: 1,
39	},	39	},
40		40
41	title: {	41	title: {
42	text: 'Regional PAP'	42	text: 'Regional PAP'
43	},	43	},
44		44
45	exporting: {	45	exporting: {
46	sourceWidth: 600,	46	sourceWidth: 600,
47	sourceHeight: 500	47	sourceHeight: 500
48	},	48	},
49		49
50	legend: {	50	legend: {
51	layout: 'vertical',	51	layout: 'vertical',
52	borderWidth: 0,	52	borderWidth: 0,
53	backgroundColor: 'rgba(255,255,255,0.85)',	53	backgroundColor: 'rgba(255,255,255,0.85)',
54	floating: true,	54	floating: true,
55	width:'12px',	55	width:'12px',
56	height:'200px',	56	height:'200px',
57	verticalAlign: 'bottom',	57	verticalAlign: 'bottom',
58	y: 0,	58	y: 0,
59	x: -230,	59	x: -230,
60	},	60	},
61		61
62	mapNavigation: {	62	mapNavigation: {
63	enabled: true	63	enabled: true
64	},	64	},
65		65
66	/* colorAxis: {	66	colorAxis: {
67	min: 1,	67	min: 1,
68	type: 'logarithmic',	68	type: 'logarithmic',
69	minColor: '#2b908f',	69	minColor: '#2b908f',
70	maxColor: '#000022',	70	maxColor: '#000022',
71	stops: [	71	stops: [
72	[0, '#EFEFFF'],	72	[0, '#EFEFFF'],
73	[5, '#f45b5b'],	73	[5, '#f45b5b'],
74	[10, 'rgb(117,0,0)']	74	[10, 'rgb(117,0,0)']
75	]	75	]
76	},*/	76	},
77		77
78	series: [{	78	series: [{
79	animation: {	79	animation: {
80	duration: 1000	80	duration: 1000
81	},	81	},
82	data: result,	82	data: result,
83	joinBy: ['postal-code', 'code'],	83	joinBy: ['postal-code', 'code'],
84	dataLabels: {	84	dataLabels: {
85	enabled: true,	85	enabled: true,
86	color: '#FFFFFF',	86	color: '#FFFFFF',
87	format: '{point.code}'	87	format: '{point.code}'
88	},	88	},
89	name: 'Data' ,	89	name: 'Data' ,
90	tooltip: {	90	tooltip: {
91	pointFormat: '{point.region} : {point.averagePAP}'	91	pointFormat: '{point.region} : {point.averagePAP}'
92	},	92	},
93	}]	93	}]
94	});	94	});
95	})	95	})
96	}	96	}
97		97
98	$scope.getAllRegionalPap();	98	$scope.getAllRegionalPap();*/
		99
		100
		101	//Implemented drill down chart and Now used this on 07 Sep 2018 -KD
		102
		103	/*
		104	TODO:
		105	- Check data labels after drilling. Label rank? New positions?
		106	*/
		107	$scope.getAllRegionalPapDrilldown = function() {
		108	$scope.flag=true;//for spinner
		109	var data = Highcharts.geojson(Highcharts.maps['countries/us/us-all']);
		110	var separators = Highcharts.geojson(Highcharts.maps['countries/us/us-all'], 'mapline');
		111	// Some responsiveness
		112	//var small = $('#container').width() < 400;
		113
		114	analyticsService.getAllRPP().then(function(result) {
		115	for (var i = 0; i < data.length; i++) {
		116	for (var j = 0; j<result.length; j++){
		117	if (data[i].name === result[j].region) {
		118
		119	data[i].value = result[j].averagePAP.toFixed(2);
		120
		121	}
		122	}
		123
		124	}
		125
		126	$.each(data, function (i) {
		127	this.drilldown = this.properties['hc-key'];
		128	this.value = this.value;
		129	});
		130
		131	$scope.flag=false;
		132	// Instantiate the map
		133	Highcharts.mapChart('container', {
		134	chart: {
		135	events: {
		136	drilldown: function (e) {
		137	if (!e.seriesOptions) {
		138	var chart = this,
		139	mapKey = 'countries/us/' + e.point.drilldown + '-all',
		140
		141	// Handle error, the timeout is cleared on success
		142	fail = setTimeout(function () {
		143	if (!Highcharts.maps[mapKey]) {
		144	chart.showLoading('<i class="icon-frown"></i> Failed loading ' + e.point.name);
		145	fail = setTimeout(function () {
		146	chart.hideLoading();
		147	}, 1000);
		148	}
		149	}, 3000);
		150
		151	// Show the spinner
		152	chart.showLoading('<i class="icon-spinner icon-spin icon-3x"></i>'); // Font Awesome spinner
		153
		154	// Load the drilldown map
		155	$.getScript('https://code.highcharts.com/mapdata/' + mapKey + '.js', function () {
		156
		157	var region = e.point.name;
		158	//called the get api region wise
		159	analyticsService.getRPP(region).then(function(result) {
		160
		161	data = Highcharts.geojson(Highcharts.maps[mapKey]);
		162
		163	for (var i = 0; i < data.length; i++) {
		164	for (var j = 0; j<result.length; j++){
		165
		166	//delete the County word from api result to match with map data
		167	result[j].region = result[j].region.replace("County","");
		168
		169	if (data[i].name.trim() === result[j].region.trim()) {
		170
		171	data[i].value = result[j].averagePAP.toFixed(2);
		172
		173	}
		174	}
		175
		176	}
		177	})
		178
		179	// Set a non-random bogus value
		180
		181	$.each(data, function (i) {
		182	this.value = this.value;
		183	});
		184
		185	// Hide loading and add series
		186	chart.hideLoading();
		187	clearTimeout(fail);
		188	chart.addSeriesAsDrilldown(e.point, {
		189	name: e.point.name,
		190	data: data,
		191	dataLabels: {
		192	enabled: true,
		193	format: '{point.name}'
		194	}
		195	});
		196	});
		197	}
		198
		199	this.setTitle(null, { text: e.point.name });
		200	},
		201	drillup: function () {
		202	this.setTitle(null, { text: '' });
		203	}
		204	}
		205	},
		206
		207	title: {
		208	text: 'USA Map-Drilldown for Regional Pricing'
		209	},
		210
		211	subtitle: {
		212	text: '',
		213	floating: true,
		214	align: 'right',
		215	y: 50,
		216	style: {
		217	fontSize: '16px'
		218	}
		219	},
		220
		221	/* legend: small ? {} : {
		222	layout: 'vertical',
		223	align: 'right',
		224	verticalAlign: 'middle'
		225	},
		226
		227	colorAxis: {
		228	min: 0,
		229	minColor: '#E6E7E8',
		230	maxColor: '#005645'
		231	},*/
		232
		233	mapNavigation: {
		234	enabled: true,
		235	buttonOptions: {
		236	verticalAlign: 'bottom'
		237	}
		238	},
		239
		240	plotOptions: {
		241	map: {
		242	states: {
		243	hover: {
		244	color: '#EEDD66'
		245	}
		246	}
		247	}
		248	},
		249
		250	series: [{
		251	data: data,
		252	name: 'USA',
		253	dataLabels: {
		254	enabled: true,
		255	format: '{point.properties.postal-code}'
		256	}
		257	}, {
		258	type: 'mapline',
		259	data: separators,
		260	color: 'silver',
		261	enableMouseTracking: false,
		262	animation: {
		263	duration: 500
		264	}
		265	}],
		266
		267	drilldown: {
		268	activeDataLabelStyle: {
		269	color: '#FFFFFF',
		270	textDecoration: 'none',
		271	textOutline: '1px #000000'
		272	},
		273	drillUpButton: {
		274	relativeTo: 'spacingBox',
		275	position: {
		276	x: 0,
		277	y: 60
		278	}
		279	}
		280	}
		281	});
		282	})
		283	}
		284
		285	$scope.getAllRegionalPapDrilldown();
		286
99		287
100	/*$(document).ready(function() {	288	/*$(document).ready(function() {
101	$(function() {	289	$(function() {
102	jQuery('#map').vectorMap({	290	jQuery('#map').vectorMap({
103	map: 'us_lcc',	291	map: 'us_lcc',
104	backgroundColor: '#ffce99',	292	backgroundColor: '#ffce99',
105	color: '#dfdfdd',	293	color: '#dfdfdd',
106	hoverOpacity: 0,	294	hoverOpacity: 0,
107	selectedColor: '#5f8b98',	295	selectedColor: '#5f8b98',
108	hoverColor: '#5f8b98',	296	hoverColor: '#5f8b98',
109	enableZoom: true,	297	enableZoom: true,
110	showTooltip: true,	298	showTooltip: true,
111	scaleColors: ['#dfdfdd'],	299	scaleColors: ['#dfdfdd'],
112	//values: sample_data	300	//values: sample_data
113	onRegionClick: function(event, code) {	301	onRegionClick: function(event, code) {
114	var map = $('#map').vectorMap('get', 'mapObject');	302	var map = $('#map').vectorMap('get', 'mapObject');
115	var name = map.getRegionName(code);	303	var name = map.getRegionName(code);
116	getRegionPap(name);	304	getRegionPap(name);
117	},	305	},
118	normalizeFunction: 'polynomial'	306	normalizeFunction: 'polynomial'
119	});	307	});
120	});	308	});
121	})*/	309	})
		310
122		311
123		312
124	function getRegionPap(code) {	313	function getRegionPap(code) {
125	$scope.showLoader = true;	314	$scope.showLoader = true;
126	analyticsService.getRPP(code).then(function(result) {	315	analyticsService.getRPP(code).then(function(result) {
127	$scope.rppData = result;	316	$scope.rppData = result;
128	$scope.showLoader = false;	317	$scope.showLoader = false;
129	$('#popup1').css('display', 'block');	318	$('#popup1').css('display', 'block');
130	})	319	})
131	}	320	}*/
132		321
		322
133	$scope.cancelStatus = function() {	323	$scope.cancelStatus = function() {
134	$('#popup1').css('display', 'none');	324	$('#popup1').css('display', 'none');
135	}	325	}
136	$scope.ordersCost = 0;	326	$scope.ordersCost = 0;
137	$scope.ordersCount = 0;	327	$scope.ordersCount = 0;
138		328
139	$scope.orderCostAndCount = function() {	329	$scope.orderCostAndCount = function() {
140	analyticsService.orderCostAndCount().then(function(result) {	330	analyticsService.orderCostAndCount().then(function(result) {
141	$scope.ordersCost = result.cost;	331	$scope.ordersCost = result.cost;
142	$scope.ordersCount = result.count;	332	$scope.ordersCount = result.count;
143	})	333	})
144	}	334	}
145		335
146	$scope.drf = {};	336	$scope.drf = {};
147	$scope.hfp = {};	337	$scope.hfp = {};
148	$scope.cs = {};	338	$scope.cs = {};
149	$scope.mfsValues = [];	339	$scope.mfsValues = [];
150	$scope.msfarray = [];	340	$scope.msfarray = [];
151	$scope.getMFS = function() {	341	$scope.getMFS = function() {
152	//var makeId = makeId;	342	//var makeId = makeId;
153	analyticsService.getMFS().then(function(result) {	343	analyticsService.getMFS().then(function(result) {
154	$scope.mfsValues = result;	344	$scope.mfsValues = result;
155	$scope.optionsmfs = {	345	$scope.optionsmfs = {
156	chart: {	346	chart: {
157	type: 'multiBarChart',	347	type: 'multiBarChart',
158	height: 450,	348	height: 450,
159	margin: {	349	margin: {
160	top: 45,	350	top: 45,
161	right: 20,	351	right: 20,
162	bottom: 45,	352	bottom: 45,
163	left: 45	353	left: 45
164	},	354	},
165	clipEdge: true,	355	clipEdge: true,
166	//staggerLabels: true,	356	//staggerLabels: true,
167	duration: 500,	357	duration: 500,
168	stacked: false,	358	stacked: false,
169	color: ["#FEDFC3", "#990000", "#000099", "#009900"],	359	color: ["#FEDFC3", "#990000", "#000099", "#009900"],
170	xAxis: {	360	xAxis: {
171	axisLabel: 'Months',	361	axisLabel: 'Months',
172	showMaxMin: false,	362	showMaxMin: false,
173	},	363	},
174	yAxis: {	364	yAxis: {
175	axisLabel: 'Orders',	365	axisLabel: 'Orders',
176	axisLabelDistance: -20,	366	axisLabelDistance: -20,
177	tickFormat: function(d) {	367	tickFormat: function(d) {
178	return d3.format(',.1f')(d);	368	return d3.format(',.1f')(d);
179	}	369	}
180	}	370	}
181	}	371	}
182	};	372	};
183	$scope.datamfs = $scope.mfsValues;	373	$scope.datamfs = $scope.mfsValues;
184	})	374	})
185	}	375	}
186		376
187	$scope.orderCostAndCount();	377	$scope.orderCostAndCount();
188	$scope.getMFS();	378	$scope.getMFS();
189	$scope.csValues = [];	379	$scope.csValues = [];
190	$scope.getCS = function() {	380	$scope.getCS = function() {
191	//var makeId = makeId;	381	//var makeId = makeId;
192	analyticsService.getCS().then(function(result) {	382	analyticsService.getCS().then(function(result) {
193	$scope.csValues = result;	383	$scope.csValues = result;
194	$scope.optionscs = {	384	$scope.optionscs = {
195	chart: {	385	chart: {
196	type: 'pieChart',	386	type: 'pieChart',
197	height: 500,	387	height: 500,
198	// color: ["#FEDFC3","#D89700","#FFE8B3","FFD980","#FF7F0E","#fff2e6","#ffcc99","#ffa64d","#ff8c1a","#B37D00","#f5f5f0","#e0e0d1","#ccccb3","#adad85","#999966","#7a7a52"],	388	// color: ["#FEDFC3","#D89700","#FFE8B3","FFD980","#FF7F0E","#fff2e6","#ffcc99","#ffa64d","#ff8c1a","#B37D00","#f5f5f0","#e0e0d1","#ccccb3","#adad85","#999966","#7a7a52"],
199	x: function(d) {	389	x: function(d) {
200	return d.key;	390	return d.key;
201	},	391	},
202	y: function(d) {	392	y: function(d) {
203	return d.y;	393	return d.y;
204	},	394	},
205	showLabels: false,	395	showLabels: false,
206	segmentShowStroke: false,	396	segmentShowStroke: false,
207	animationSteps: 20,	397	animationSteps: 20,
208	animationEasing: "linear",	398	animationEasing: "linear",
209	animateScale: true,	399	animateScale: true,
210	duration: 500,	400	duration: 500,
211	labelThreshold: 0.01,	401	labelThreshold: 0.01,
212	labelSunbeamLayout: true,	402	labelSunbeamLayout: true,
213	legend: {	403	legend: {
214	margin: {	404	margin: {
215	top: 5,	405	top: 5,
216	right: 35,	406	right: 35,
217	bottom: 5,	407	bottom: 5,
218	left: 0	408	left: 0
219	}	409	}
220	}	410	}
221	}	411	}
222	};	412	};
223	$scope.datacs = $scope.csValues;	413	$scope.datacs = $scope.csValues;
224	})	414	})
225	}	415	}
226		416
227	$scope.getCS();	417	$scope.getCS();
228		418
229		419
230	$scope.hfpValues = [];	420	$scope.hfpValues = [];
231	$scope.getHfpChartData = function() {	421	$scope.getHfpChartData = function() {
232	//var makeId = makeId;	422	//var makeId = makeId;
233	analyticsService.gethfpChart().then(function(result) {	423	analyticsService.gethfpChart().then(function(result) {
234	$scope.hfpValues = result;	424	$scope.hfpValues = result;
235	//console.log('---kd result--',$scope.hfpValues);	425	//console.log('---kd result--',$scope.hfpValues);
236		426
237	/Historic Fuel Price /	427	/Historic Fuel Price /
238		428
239	$scope.optionshfp = {	429	$scope.optionshfp = {
240	chart: {	430	chart: {
241	type: 'cumulativeLineChart',	431	type: 'cumulativeLineChart',
242	height: 450,	432	height: 450,
243	margin: {	433	margin: {
244	top: 40,	434	top: 40,
245	right: 20,	435	right: 20,
246	bottom: 50,	436	bottom: 50,
247	left: 65	437	left: 65
248	},	438	},
249	x: function(d) {	439	x: function(d) {
250	return d[0];	440	return d[0];
251	},	441	},
252	y: function(d) {	442	y: function(d) {
253	return d[1] / 100 ;	443	return d[1] / 100 ;
254	},	444	},
255	average: function(d) {	445	average: function(d) {
256	return d.mean / 100;	446	return d.mean / 100;
257	},	447	},
258		448
259	color: ["#FEDFC3"],	449	color: ["#FEDFC3"],
260	duration: 300,	450	duration: 300,
261	useInteractiveGuideline: true,	451	useInteractiveGuideline: true,
262	clipVoronoi: false,	452	clipVoronoi: false,
263		453
264	xAxis: {	454	xAxis: {
265	axisLabel: '',	455	axisLabel: '',
266		456
267	tickFormat: function(d) {	457	tickFormat: function(d) {
268	return d3.time.format('%m/%d/%y')(new Date(d))	458	return d3.time.format('%m/%d/%y')(new Date(d))
269	//return d3.time.format('%b \-%y')(new Date(d))	459	//return d3.time.format('%b \-%y')(new Date(d))
270	},	460	},
271	showMaxMin: false,	461	showMaxMin: false,
272	staggerLabels: true	462	staggerLabels: true
273	},	463	},
274		464
275	yAxis: {	465	yAxis: {
276	axisLabel: 'PaP/Retail Price',	466	axisLabel: 'PaP/Retail Price',
277		467
278	tickFormat: function(d) {	468	tickFormat: function(d) {
279	//return d3.format('')(d).toFixed(2);	469	//return d3.format('')(d).toFixed(2);
280	return '$ '+d.toFixed(2)	470	return '$ '+d.toFixed(2)
281	},	471	},
282	axisLabelDistance: 5	472	axisLabelDistance: 5
283	}	473	}
284	}	474	}
285	};	475	};
286	$scope.datahfp = [{	476	$scope.datahfp = [{
287	key: "Long",	477	key: "Long",
288	values: $scope.hfpValues,	478	values: $scope.hfpValues,
289	mean: 0	479	mean: 0
290	}];	480	}];
291		481
292	})	482	})
293	}	483	}
294		484
295	$scope.getHfpChartData();	485	$scope.getHfpChartData();
296		486
297		487
298	/Date Range Filter for Monthly fuel Sales/	488	/Date Range Filter for Monthly fuel Sales/
299	$scope.submitDate = function() {	489	$scope.submitDate = function() {
300	if ($scope.drf.fromDate === undefined) {	490	if ($scope.drf.fromDate === undefined) {
301	$scope.fillForm = true;	491	$scope.fillForm = true;
302	} else if ($scope.drf.fromDate != undefined && $scope.drf.toDate === undefined \|\| $scope.drf.toDate === '') {	492	} else if ($scope.drf.fromDate != undefined && $scope.drf.toDate === undefined \|\| $scope.drf.toDate === '') {
303	$scope.fillForm = false;	493	$scope.fillForm = false;
304	var today = new Date();	494	var today = new Date();
305	var DefaultToDate = today.getFullYear() + '-' + ("0" + (today.getMonth() + 1)).slice(-2) + '-' + ("0" + today.getDate()).slice(-2);	495	var DefaultToDate = today.getFullYear() + '-' + ("0" + (today.getMonth() + 1)).slice(-2) + '-' + ("0" + today.getDate()).slice(-2);
306	//from date format	496	//from date format
307	$scope.dat1 = $scope.drf.fromDate;	497	$scope.dat1 = $scope.drf.fromDate;
308	$scope.fd1 = $scope.dat1.split("/").reverse();	498	$scope.fd1 = $scope.dat1.split("/").reverse();
309	$scope.tmp = $scope.fd1[2];	499	$scope.tmp = $scope.fd1[2];
310	$scope.fd1[2] = $scope.fd1[1];	500	$scope.fd1[2] = $scope.fd1[1];
311	$scope.fd1[1] = $scope.tmp;	501	$scope.fd1[1] = $scope.tmp;
312	$scope.fd = $scope.fd1.join("-");	502	$scope.fd = $scope.fd1.join("-");
313	analyticsService.getDRFChart($scope.fd, DefaultToDate).then(function(result) {	503	analyticsService.getDRFChart($scope.fd, DefaultToDate).then(function(result) {
314	$scope.datamfs = [];	504	$scope.datamfs = [];
315	$scope.datamfs = result;	505	$scope.datamfs = result;
316	})	506	})
317		507
318	analyticsService.orderCostAndCountByDate($scope.fd, DefaultToDate).then(function(result) {	508	analyticsService.orderCostAndCountByDate($scope.fd, DefaultToDate).then(function(result) {
319	$scope.ordersCost = result.cost;	509	$scope.ordersCost = result.cost;
320	$scope.ordersCount = result.count;	510	$scope.ordersCount = result.count;
321	})	511	})
322	} else if ($scope.drf.fromDate != undefined && $scope.drf.toDate != undefined) {	512	} else if ($scope.drf.fromDate != undefined && $scope.drf.toDate != undefined) {
323	$scope.fillForm = false;	513	$scope.fillForm = false;
324	//from date format	514	//from date format
325	$scope.dat1 = $scope.drf.fromDate;	515	$scope.dat1 = $scope.drf.fromDate;
326	$scope.fd1 = $scope.dat1.split("/").reverse();	516	$scope.fd1 = $scope.dat1.split("/").reverse();
327	$scope.tmp = $scope.fd1[2];	517	$scope.tmp = $scope.fd1[2];
328	$scope.fd1[2] = $scope.fd1[1];	518	$scope.fd1[2] = $scope.fd1[1];
329	$scope.fd1[1] = $scope.tmp;	519	$scope.fd1[1] = $scope.tmp;
330	$scope.fd = $scope.fd1.join("-");	520	$scope.fd = $scope.fd1.join("-");
331	$scope.dat2 = $scope.drf.toDate;	521	$scope.dat2 = $scope.drf.toDate;
332	$scope.td1 = $scope.dat2.split("/").reverse();	522	$scope.td1 = $scope.dat2.split("/").reverse();
333	$scope.tmp1 = $scope.td1[2];	523	$scope.tmp1 = $scope.td1[2];
334	$scope.td1[2] = $scope.td1[1];	524	$scope.td1[2] = $scope.td1[1];
335	$scope.td1[1] = $scope.tmp1;	525	$scope.td1[1] = $scope.tmp1;
336	$scope.td = $scope.td1.join("-");	526	$scope.td = $scope.td1.join("-");
337		527
338	analyticsService.getDRFChart($scope.fd, $scope.td).then(function(result) {	528	analyticsService.getDRFChart($scope.fd, $scope.td).then(function(result) {
339	$scope.datamfs = [];	529	$scope.datamfs = [];
340	$scope.datamfs = result;	530	$scope.datamfs = result;
341	})	531	})
342		532
343	analyticsService.orderCostAndCountByDate($scope.fd, $scope.td).then(function(result) {	533	analyticsService.orderCostAndCountByDate($scope.fd, $scope.td).then(function(result) {
344	$scope.ordersCost = result.cost;	534	$scope.ordersCost = result.cost;
345	$scope.ordersCount = result.count;	535	$scope.ordersCount = result.count;
346	})	536	})
347		537
348	} else {	538	} else {
349	$scope.fillForm = true;	539	$scope.fillForm = true;
350	}	540	}
351		541
352		542
353	}	543	}
354		544
355	/Date Range Filter for Historic fuel Price/	545	/Date Range Filter for Historic fuel Price/
356	$scope.submitDateHfp = function() {	546	$scope.submitDateHfp = function() {
357		547
358	if ($scope.hfp.fromDate === undefined) {	548	if ($scope.hfp.fromDate === undefined) {
359		549
360	$scope.fillForm = true;	550	$scope.fillForm = true;
361	} else if ($scope.hfp.fromDate != undefined && $scope.hfp.toDate === undefined \|\| $scope.hfp.toDate === '') {	551	} else if ($scope.hfp.fromDate != undefined && $scope.hfp.toDate === undefined \|\| $scope.hfp.toDate === '') {
362	$scope.fillForm = false;	552	$scope.fillForm = false;
363	var today = new Date();	553	var today = new Date();
364	var DefaultToDate = today.getFullYear() + '-' + ("0" + (today.getMonth() + 1)).slice(-2) + '-' + ("0" + today.getDate()).slice(-2);	554	var DefaultToDate = today.getFullYear() + '-' + ("0" + (today.getMonth() + 1)).slice(-2) + '-' + ("0" + today.getDate()).slice(-2);
365	//from date format	555	//from date format
366	$scope.dat1 = $scope.hfp.fromDate;	556	$scope.dat1 = $scope.hfp.fromDate;
367	$scope.fd1 = $scope.dat1.split("/").reverse();	557	$scope.fd1 = $scope.dat1.split("/").reverse();
368	$scope.tmp = $scope.fd1[2];	558	$scope.tmp = $scope.fd1[2];
369	$scope.fd1[2] = $scope.fd1[1];	559	$scope.fd1[2] = $scope.fd1[1];
370	$scope.fd1[1] = $scope.tmp;	560	$scope.fd1[1] = $scope.tmp;
371	$scope.fd = $scope.fd1.join("-");	561	$scope.fd = $scope.fd1.join("-");
372	analyticsService.getDRFHfpChart($scope.fd, DefaultToDate).then(function(result) {	562	analyticsService.getDRFHfpChart($scope.fd, DefaultToDate).then(function(result) {
373	$scope.hfpValues = result;	563	$scope.hfpValues = result;
374	$scope.optionshfp = {	564	$scope.optionshfp = {
375	chart: {	565	chart: {
376	type: 'cumulativeLineChart',	566	type: 'cumulativeLineChart',
377	height: 450,	567	height: 450,
378	margin: {	568	margin: {
379	top: 40,	569	top: 40,
380	right: 20,	570	right: 20,
381	bottom: 50,	571	bottom: 50,
382	left: 65	572	left: 65
383	},	573	},
384	x: function(d) {	574	x: function(d) {
385	return d[0];	575	return d[0];
386	},	576	},
387	y: function(d) {	577	y: function(d) {
388	return d[1] / 100;	578	return d[1] / 100;
389	},	579	},
390	average: function(d) {	580	average: function(d) {
391	return d.mean / 100;	581	return d.mean / 100;
392	},	582	},
393		583
394	color: ["#FEDFC3"],	584	color: ["#FEDFC3"],
395	duration: 300,	585	duration: 300,
396	useInteractiveGuideline: true,	586	useInteractiveGuideline: true,
397	clipVoronoi: false,	587	clipVoronoi: false,
398		588
399	xAxis: {	589	xAxis: {
400	axisLabel: '',	590	axisLabel: '',
401		591
402	tickFormat: function(d) {	592	tickFormat: function(d) {
403	return d3.time.format('%d / %m / %y')(new Date(d))	593	return d3.time.format('%d / %m / %y')(new Date(d))
404	// return d3.time.format('%b \-%y')(new Date(d))	594	// return d3.time.format('%b \-%y')(new Date(d))
405	},	595	},
406	showMaxMin: false,	596	showMaxMin: false,
407	staggerLabels: true	597	staggerLabels: true
408	},	598	},
409		599
410	yAxis: {	600	yAxis: {
411	axisLabel: 'PaP/Retail Price',	601	axisLabel: 'PaP/Retail Price',
412		602
413	tickFormat: function(d) {	603	tickFormat: function(d) {
414	//return d3.format('')(d).toFixed(2);	604	//return d3.format('')(d).toFixed(2);
415	return '$ '+d.toFixed(2)	605	return '$ '+d.toFixed(2)
416	},	606	},
417	axisLabelDistance: 5	607	axisLabelDistance: 5
418	}	608	}
419	}	609	}
420	};	610	};
421	$scope.datahfp = [{	611	$scope.datahfp = [{
422	key: "Long",	612	key: "Long",
423	values: $scope.hfpValues,	613	values: $scope.hfpValues,
424	mean: 0	614	mean: 0
425	}];	615	}];
426	})	616	})
427		617
428		618
429	} else if ($scope.hfp.fromDate != undefined && $scope.hfp.toDate != undefined) {	619	} else if ($scope.hfp.fromDate != undefined && $scope.hfp.toDate != undefined) {
430	$scope.fillForm = false;	620	$scope.fillForm = false;
431	//from date format	621	//from date format
432	$scope.dat1 = $scope.hfp.fromDate;	622	$scope.dat1 = $scope.hfp.fromDate;
433	$scope.fd1 = $scope.dat1.split("/").reverse();	623	$scope.fd1 = $scope.dat1.split("/").reverse();
434	$scope.tmp = $scope.fd1[2];	624	$scope.tmp = $scope.fd1[2];
435	$scope.fd1[2] = $scope.fd1[1];	625	$scope.fd1[2] = $scope.fd1[1];
436	$scope.fd1[1] = $scope.tmp;	626	$scope.fd1[1] = $scope.tmp;
437	$scope.fd = $scope.fd1.join("-");	627	$scope.fd = $scope.fd1.join("-");
438	//to date format	628	//to date format
439	$scope.dat2 = $scope.hfp.toDate;	629	$scope.dat2 = $scope.hfp.toDate;
440	$scope.td1 = $scope.dat2.split("/").reverse();	630	$scope.td1 = $scope.dat2.split("/").reverse();
441	$scope.tmp1 = $scope.td1[2];	631	$scope.tmp1 = $scope.td1[2];
442	$scope.td1[2] = $scope.td1[1];	632	$scope.td1[2] = $scope.td1[1];
443	$scope.td1[1] = $scope.tmp1;	633	$scope.td1[1] = $scope.tmp1;
444	$scope.td = $scope.td1.join("-");	634	$scope.td = $scope.td1.join("-");
445		635
446	analyticsService.getDRFHfpChart($scope.fd, $scope.td).then(function(result) {	636	analyticsService.getDRFHfpChart($scope.fd, $scope.td).then(function(result) {
447	$scope.hfpValues = result;	637	$scope.hfpValues = result;
448	$scope.optionshfp = {	638	$scope.optionshfp = {
449	chart: {	639	chart: {
450	type: 'cumulativeLineChart',	640	type: 'cumulativeLineChart',
451	height: 450,	641	height: 450,
452	margin: {	642	margin: {
453	top: 40,	643	top: 40,
454	right: 20,	644	right: 20,
455	bottom: 50,	645	bottom: 50,
456	left: 65	646	left: 65
457	},	647	},
458	x: function(d) {	648	x: function(d) {
459	return d[0];	649	return d[0];
460	},	650	},
461	y: function(d) {	651	y: function(d) {
462	return d[1] / 100 ;	652	return d[1] / 100 ;
463	},	653	},
464	average: function(d) {	654	average: function(d) {
465	return d.mean / 100;	655	return d.mean / 100;
466	},	656	},
467		657
468	color: ["#FEDFC3"],	658	color: ["#FEDFC3"],
469	duration: 300,	659	duration: 300,
470	useInteractiveGuideline: true,	660	useInteractiveGuideline: true,
471	clipVoronoi: false,	661	clipVoronoi: false,
472		662
473	xAxis: {	663	xAxis: {
474	axisLabel: '',	664	axisLabel: '',
475		665
476	tickFormat: function(d) {	666	tickFormat: function(d) {
477	return d3.time.format('%d / %m / %y')(new Date(d))	667	return d3.time.format('%d / %m / %y')(new Date(d))
478	//return d3.time.format('%b \-%y')(new Date(d))	668	//return d3.time.format('%b \-%y')(new Date(d))
479	},	669	},
480	showMaxMin: false,	670	showMaxMin: false,
481	staggerLabels: true	671	staggerLabels: true
482	},	672	},
483		673
484	yAxis: {	674	yAxis: {
485	axisLabel: 'PaP/Retail Price',	675	axisLabel: 'PaP/Retail Price',
486		676
487	tickFormat: function(d) {	677	tickFormat: function(d) {
488	//return d3.format('')(d).toFixed(2);	678	//return d3.format('')(d).toFixed(2);
489	return '$ '+d.toFixed(2)	679	return '$ '+d.toFixed(2)
490	},	680	},
491	axisLabelDistance: 5	681	axisLabelDistance: 5
492	}	682	}
493	}	683	}
494	};	684	};
495	$scope.datahfp = [{	685	$scope.datahfp = [{
496	key: "Long",	686	key: "Long",
497	values:$scope.hfpValues,	687	values:$scope.hfpValues,
498	mean: 0	688	mean: 0
499	}];	689	}];
500	})	690	})
501		691
502	} else {	692	} else {
503	$scope.fillForm = true;	693	$scope.fillForm = true;
504	}	694	}
505		695
506		696
507	}	697	}
508		698
509	/Date Range Filter for Customer Sources/	699	/Date Range Filter for Customer Sources/
510	$scope.submitDateCs = function() {	700	$scope.submitDateCs = function() {
511	if ($scope.cs.fromDate === undefined) {	701	if ($scope.cs.fromDate === undefined) {
512		702
513	$scope.fillForm = true;	703	$scope.fillForm = true;
514	} else if ($scope.cs.fromDate != undefined && $scope.cs.toDate === undefined \|\| $scope.cs.toDate === '') {	704	} else if ($scope.cs.fromDate != undefined && $scope.cs.toDate === undefined \|\| $scope.cs.toDate === '') {
515	$scope.fillForm = false;	705	$scope.fillForm = false;
516	var today = new Date();	706	var today = new Date();
517	var DefaultToDate = today.getFullYear() + '-' + ("0" + (today.getMonth() + 1)).slice(-2) + '-' + ("0" + today.getDate()).slice(-2);	707	var DefaultToDate = today.getFullYear() + '-' + ("0" + (today.getMonth() + 1)).slice(-2) + '-' + ("0" + today.getDate()).slice(-2);
518	//from date format	708	//from date format
519	$scope.dat1 = $scope.cs.fromDate;	709	$scope.dat1 = $scope.cs.fromDate;
520	$scope.fd1 = $scope.dat1.split("/").reverse();	710	$scope.fd1 = $scope.dat1.split("/").reverse();
521	$scope.tmp = $scope.fd1[2];	711	$scope.tmp = $scope.fd1[2];
522	$scope.fd1[2] = $scope.fd1[1];	712	$scope.fd1[2] = $scope.fd1[1];
523	$scope.fd1[1] = $scope.tmp;	713	$scope.fd1[1] = $scope.tmp;
524	$scope.fd = $scope.fd1.join("-");	714	$scope.fd = $scope.fd1.join("-");
525	analyticsService.getDRFCSChart($scope.fd, DefaultToDate).then(function(result) {	715	analyticsService.getDRFCSChart($scope.fd, DefaultToDate).then(function(result) {
526	$scope.csValues = result;	716	$scope.csValues = result;
527	$scope.optionscs = {	717	$scope.optionscs = {
528	chart: {	718	chart: {
529	type: 'pieChart',	719	type: 'pieChart',
530	height: 500,	720	height: 500,
531	// color: ["#FEDFC3","#D89700","#FFE8B3","FFD980","#FF7F0E","#fff2e6","#ffcc99","#ffa64d","#ff8c1a","#B37D00","#f5f5f0","#e0e0d1","#ccccb3","#adad85","#999966","#7a7a52"],	721	// color: ["#FEDFC3","#D89700","#FFE8B3","FFD980","#FF7F0E","#fff2e6","#ffcc99","#ffa64d","#ff8c1a","#B37D00","#f5f5f0","#e0e0d1","#ccccb3","#adad85","#999966","#7a7a52"],
532	x: function(d) {	722	x: function(d) {
533	return d.key;	723	return d.key;
534	},	724	},
535	y: function(d) {	725	y: function(d) {
536	return d.y;	726	return d.y;
537	},	727	},
538	showLabels: false,	728	showLabels: false,
539	segmentShowStroke: false,	729	segmentShowStroke: false,
540	animationSteps: 20,	730	animationSteps: 20,
541	animationEasing: "linear",	731	animationEasing: "linear",
542	animateScale: true,	732	animateScale: true,
543	duration: 500,	733	duration: 500,
544	labelThreshold: 0.01,	734	labelThreshold: 0.01,
545	labelSunbeamLayout: true,	735	labelSunbeamLayout: true,
546	legend: {	736	legend: {
547	margin: {	737	margin: {
548	top: 5,	738	top: 5,
549	right: 35,	739	right: 35,
550	bottom: 5,	740	bottom: 5,
551	left: 0	741	left: 0
552	}	742	}
553	}	743	}
554	}	744	}
555	};	745	};
556	$scope.datacs = $scope.csValues;	746	$scope.datacs = $scope.csValues;
557	})	747	})
558		748
559		749
560	} else if ($scope.cs.fromDate != undefined && $scope.cs.toDate != undefined) {	750	} else if ($scope.cs.fromDate != undefined && $scope.cs.toDate != undefined) {
561	$scope.fillForm = false;	751	$scope.fillForm = false;
562	//from date format	752	//from date format
563	$scope.dat1 = $scope.cs.fromDate;	753	$scope.dat1 = $scope.cs.fromDate;
564	$scope.fd1 = $scope.dat1.split("/").reverse();	754	$scope.fd1 = $scope.dat1.split("/").reverse();
565	$scope.tmp = $scope.fd1[2];	755	$scope.tmp = $scope.fd1[2];
566	$scope.fd1[2] = $scope.fd1[1];	756	$scope.fd1[2] = $scope.fd1[1];
567	$scope.fd1[1] = $scope.tmp;	757	$scope.fd1[1] = $scope.tmp;
568	$scope.fd = $scope.fd1.join("-");	758	$scope.fd = $scope.fd1.join("-");
569	//to date format	759	//to date format
570	$scope.dat2 = $scope.cs.toDate;	760	$scope.dat2 = $scope.cs.toDate;
571	$scope.td1 = $scope.dat2.split("/").reverse();	761	$scope.td1 = $scope.dat2.split("/").reverse();
572	$scope.tmp1 = $scope.td1[2];	762	$scope.tmp1 = $scope.td1[2];
573	$scope.td1[2] = $scope.td1[1];	763	$scope.td1[2] = $scope.td1[1];
574	$scope.td1[1] = $scope.tmp1;	764	$scope.td1[1] = $scope.tmp1;
575	$scope.td = $scope.td1.join("-");	765	$scope.td = $scope.td1.join("-");
576		766
577	analyticsService.getDRFCSChart($scope.fd, $scope.td).then(function(result) {	767	analyticsService.getDRFCSChart($scope.fd, $scope.td).then(function(result) {
578	$scope.csValues = result;	768	$scope.csValues = result;
579	$scope.optionscs = {	769	$scope.optionscs = {
580	chart: {	770	chart: {
581	type: 'pieChart',	771	type: 'pieChart',
582	height: 500,	772	height: 500,
583	// color: ["#FEDFC3","#D89700","#FFE8B3","FFD980","#FF7F0E","#fff2e6","#ffcc99","#ffa64d","#ff8c1a","#B37D00","#f5f5f0","#e0e0d1","#ccccb3","#adad85","#999966","#7a7a52"],	773	// color: ["#FEDFC3","#D89700","#FFE8B3","FFD980","#FF7F0E","#fff2e6","#ffcc99","#ffa64d","#ff8c1a","#B37D00","#f5f5f0","#e0e0d1","#ccccb3","#adad85","#999966","#7a7a52"],
584	x: function(d) {	774	x: function(d) {
585	return d.key;	775	return d.key;
586	},	776	},
587	y: function(d) {	777	y: function(d) {
588	return d.y;	778	return d.y;
589	},	779	},
590	showLabels: false,	780	showLabels: false,
591	segmentShowStroke: false,	781	segmentShowStroke: false,
592	animationSteps: 20,	782	animationSteps: 20,
593	animationEasing: "linear",	783	animationEasing: "linear",
594	animateScale: true,	784	animateScale: true,
595	duration: 500,	785	duration: 500,
596	labelThreshold: 0.01,	786	labelThreshold: 0.01,
597	labelSunbeamLayout: true,	787	labelSunbeamLayout: true,
598	legend: {	788	legend: {
599	margin: {	789	margin: {
600	top: 5,	790	top: 5,
601	right: 35,	791	right: 35,
602	bottom: 5,	792	bottom: 5,
603	left: 0	793	left: 0
604	}	794	}
605	}	795	}
606	}	796	}
607	};	797	};
608	$scope.datacs = $scope.csValues;	798	$scope.datacs = $scope.csValues;
609	})	799	})
610		800
611	} else {	801	} else {
612	$scope.fillForm = true;	802	$scope.fillForm = true;
613	}	803	}
614		804
615		805
616	}	806	}
617		807
618		808
619	}]);	809	}]);

app/partials/analytics/analytics.html

Diff comments View file @89c9d6e

1	<style>	1	<style>
2	.chart-holder {	2	.chart-holder {
3	height: 325px;	3	height: 325px;
4	}	4	}
5	.cirque-stats {	5	.cirque-stats {
6	text-align: center;	6	text-align: center;
7	}	7	}
8	.cirque-stats .cirque-container {	8	.cirque-stats .cirque-container {
9	margin-top: 1.5em;	9	margin-top: 1.5em;
10	margin-bottom: 1.5em;	10	margin-bottom: 1.5em;
11	margin-right: 2em;	11	margin-right: 2em;
12	margin-left: 2em;	12	margin-left: 2em;
13	}	13	}
14	.subnavbar .mainnav > li:nth-child(6) > a{	14	.subnavbar .mainnav > li:nth-child(6) > a{
15	color: #ca5c6a;	15	color: #ca5c6a;
16	}	16	}
17	.table {	17	.table {
18	border-collapse: separate;	18	border-collapse: separate;
19	padding: 0px;	19	padding: 0px;
20		20
21	}	21	}
22		22
23	.highcharts-button-box{	23	.highcharts-button-box{
24	display: none;	24	display: none;
25	}	25	}
		26
		27	.highcharts-button-symbol{
		28	display: none;
		29	}
		30
26	.highcharts-map-navigation{	31	.highcharts-map-navigation{
27	background-color: #eee;	32	background-color: #eee;
28	border-color: grey;	33	border-color: grey;
29	}	34	}
30		35
31	/*.highcharts-legend{
32	transform: unset;
33	margin-top: 250px;
34	}*/
35	@import 'https://code.highcharts.com/css/themes/sand-signika.css';	36	@import 'https://code.highcharts.com/css/themes/sand-signika.css';
36	</style>	37	</style>
37		38
38	<div class="main">	39	<div class="main">
39	<div style="padding: 0 3%; margin-left: 15px;">	40	<div style="padding: 0 3%; margin-left: 15px;">
40	<div class="row">	41	<div class="row">
41	<div class="col-md-6">	42	<div class="col-md-6">
42	<div class="customInputWrap">	43	<div class="customInputWrap">
43	<div style="margin-left: 0px;">	44	<div style="margin-left: 0px;">
44	<label>Date Range Filter</label>	45	<label>Date Range Filter</label>
45	<form name="myForm">	46	<form name="myForm">
46	<input type="text" ng-model="drf.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>	47	<input type="text" ng-model="drf.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>
47	<input type="text" ng-model="drf.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">	48	<input type="text" ng-model="drf.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">
48	<button class="btn btn-primary" ng-disabled="myForm.$invalid" ng-click="submitDate()" style="float: left; display: none;">Apply</button>	49	<button class="btn btn-primary" ng-disabled="myForm.$invalid" ng-click="submitDate()" style="float: left; display: none;">Apply</button>
49	<button class="btn btn-primary" ng-click="submitDate()" style="float: left;">Apply</button>	50	<button class="btn btn-primary" ng-click="submitDate()" style="float: left;">Apply</button>
50	<div class="clearfix"></div>	51	<div class="clearfix"></div>
51	</form>	52	</form>
52	</div>	53	</div>
53	<div class="clearfix"></div>	54	<div class="clearfix"></div>
54	</div>	55	</div>
55	<div class="widget stacked">	56	<div class="widget stacked">
56	<div class="widget-header">	57	<div class="widget-header">
57	<i class="icon-bar-chart"></i>	58	<i class="icon-bar-chart"></i>
58	<h3>${{ordersCost \| number :2}}/{{ordersCount}} Fuel Sales</h3>	59	<h3>${{ordersCost \| number :2}}/{{ordersCount}} Fuel Sales</h3>
59	</div>	60	</div>
60	<!-- /widget-header -->	61	<!-- /widget-header -->
61	<div class="widget-content">	62	<div class="widget-content">
62	<nvd3 options="optionsmfs" data="datamfs"></nvd3>	63	<nvd3 options="optionsmfs" data="datamfs"></nvd3>
63	<!-- /bar-chart -->	64	<!-- /bar-chart -->
64	</div>	65	</div>
65	<!-- /widget-content -->	66	<!-- /widget-content -->
66	</div>	67	</div>
67	<!-- /widget -->	68	<!-- /widget -->
68	</div>	69	</div>
69	<!-- /.span6 -->	70	<!-- /.span6 -->
70	<div class="col-md-6">	71	<div class="col-md-6">
71	<div class="customInputWrap">	72	<div class="customInputWrap">
72	<div style="margin-left: 0px;">	73	<div style="margin-left: 0px;">
73	<label>Date Range Filter</label>	74	<label>Date Range Filter</label>
74	<form name="myForm1">	75	<form name="myForm1">
75	<input type="text" ng-model="hfp.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>	76	<input type="text" ng-model="hfp.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>
76	<input type="text" ng-model="hfp.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">	77	<input type="text" ng-model="hfp.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">
77	<button class="btn btn-primary" ng-disabled="myForm1.$invalid" ng-click="submitDateHfp()" style="float: left; display: none;">Apply</button>	78	<button class="btn btn-primary" ng-disabled="myForm1.$invalid" ng-click="submitDateHfp()" style="float: left; display: none;">Apply</button>
78	<button class="btn btn-primary" ng-click="submitDateHfp()" style="float: left;">Apply</button>	79	<button class="btn btn-primary" ng-click="submitDateHfp()" style="float: left;">Apply</button>
79	<div class="clearfix"></div>	80	<div class="clearfix"></div>
80	</form>	81	</form>
81	</div>	82	</div>
82	<div class="clearfix"></div>	83	<div class="clearfix"></div>
83	</div>	84	</div>
84	<div class="widget stacked">	85	<div class="widget stacked">
85	<div class="widget-header">	86	<div class="widget-header">
86	<i class="icon-bar-chart"></i>	87	<i class="icon-bar-chart"></i>
87	<h3>Historic Fuel Pricing</h3>	88	<h3>Historic Fuel Pricing</h3>
88	</div>	89	</div>
89	<!-- /widget-header -->	90	<!-- /widget-header -->
90	<div class="widget-content">	91	<div class="widget-content">
91	<nvd3 options="optionshfp" data="datahfp"></nvd3>	92	<nvd3 options="optionshfp" data="datahfp"></nvd3>
92	<!-- /pie-chart -->	93	<!-- /pie-chart -->
93	</div>	94	</div>
94	<!-- /widget-content -->	95	<!-- /widget-content -->
95	</div>	96	</div>
96	<!-- /widget -->	97	<!-- /widget -->
97	</div>	98	</div>
98	<!-- /span6 -->	99	<!-- /span6 -->
99	</div>	100	</div>
100	<div class="row"></div>	101	<div class="row"></div>
101	<div class="row">	102	<div class="row">
102	<div class="col-md-6">	103	<div class="col-md-6">
103	<div class="customInputWrap">	104	<div class="customInputWrap">
104	<div style="margin-left: 0px;">	105	<div style="margin-left: 0px;">
105	<label>Date Range Filter</label>	106	<label>Date Range Filter</label>
106	<form name="myForm2">	107	<form name="myForm2">
107	<input type="text" ng-model="cs.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>	108	<input type="text" ng-model="cs.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>
108	<input type="text" ng-model="cs.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">	109	<input type="text" ng-model="cs.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">
109	<button class="btn btn-primary" ng-disabled="myForm2.$invalid" ng-click="submitDateCs()" style="float: left; display: none;">Apply</button>	110	<button class="btn btn-primary" ng-disabled="myForm2.$invalid" ng-click="submitDateCs()" style="float: left; display: none;">Apply</button>
110	<button class="btn btn-primary" ng-click="submitDateCs()" style="float: left;">Apply</button>	111	<button class="btn btn-primary" ng-click="submitDateCs()" style="float: left;">Apply</button>
111	<div class="clearfix"></div>	112	<div class="clearfix"></div>
112	</form>	113	</form>
113	</div>	114	</div>
114	<div class="clearfix"></div>	115	<div class="clearfix"></div>
115	</div>	116	</div>
116	<div class="widget stacked">	117	<div class="widget stacked">
117	<div class="widget-header">	118	<div class="widget-header">
118	<i class="icon-bar-chart"></i>	119	<i class="icon-bar-chart"></i>
119	<h3>Customer Sources</h3>	120	<h3>Customer Sources</h3>
120	</div>	121	</div>
121	<!-- /widget-header -->	122	<!-- /widget-header -->
122	<div class="widget-content">	123	<div class="widget-content">
123	<div style="margin-left: -15px;">	124	<div style="margin-left: -15px;">
124	<nvd3 options="optionscs" class="custom-graph" data="datacs"></nvd3>	125	<nvd3 options="optionscs" class="custom-graph" data="datacs"></nvd3>
125	</div>	126	</div>
126	<!-- /pie-chart -->	127	<!-- /pie-chart -->
127	</div>	128	</div>
128	<!-- /widget-content -->	129	<!-- /widget-content -->
129	</div>	130	</div>
130	<!-- /widget -->	131	<!-- /widget -->
131	</div>	132	</div>
132	<!-- /span6 -->	133	<!-- /span6 -->
133	<div class="col-md-6">	134	<div class="col-md-6">
134	<div class="customInputWrap">	135	<div class="customInputWrap">
135	<div style="margin-top: 75px">	136	<div style="margin-top: 75px">
136	<!-- <label>Date Range Filter</label>	137	<!-- <label>Date Range Filter</label>
137	<form name="myForm3">	138	<form name="myForm3">
138	<input type="text" ng-model="rpp.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>	139	<input type="text" ng-model="rpp.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>
139	<input type="text" ng-model="rpp.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">	140	<input type="text" ng-model="rpp.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">
140	<button class="btn btn-primary" ng-disabled="myForm3.$invalid" ng-click="submitDateRpp()" style="float: left; display: none;">Apply</button>	141	<button class="btn btn-primary" ng-disabled="myForm3.$invalid" ng-click="submitDateRpp()" style="float: left; display: none;">Apply</button>
141	<button class="btn btn-primary" ng-click="submitDateRpp()" style="float: left;">Apply</button>	142	<button class="btn btn-primary" ng-click="submitDateRpp()" style="float: left;">Apply</button>
142	<div class="clearfix"></div>	143	<div class="clearfix"></div>
143	</form> -->	144	</form> -->
144	</div>	145	</div>
145	<div class="clearfix"></div>	146	<div class="clearfix"></div>
146	</div>	147	</div>
147	<div class="widget stacked">	148	<div class="widget stacked">
148	<div class="widget-header">	149	<div class="widget-header">
149	<i class="icon-bar-chart"></i>	150	<i class="icon-bar-chart"></i>
150	<h3>Regional PAP Pricing</h3>	151	<h3>Regional PAP Pricing</h3>
151	</div>	152	</div>
152	<!-- /widget-header -->	153	<!-- /widget-header -->
153	<div class="widget-content">	154	<div class="widget-content">
154	<div ng-show="flag">	155	<div ng-show="flag">
155	<center><img id="spinner" src="/img/spinner.gif"/></center>	156	<center><img id="spinner" src="/img/spinner.gif"/></center>
156	</div>	157	</div>
157	<!-- <div id="map" style="width: 100%; height: 325px;"></div> -->	158	<!-- <div id="map" style="width: 100%; height: 325px;"></div> -->
158	<div ng-hide="flag" id="regional-pap" style="height: 400px; min-width: 310px; max-width: 600px; margin: 0 auto"></div>	159
		160	<!-- <div ng-hide="flag" id="regional-pap" style="height: 400px; min-width: 310px; max-width: 600px; margin: 0 auto"></div> -->
		161
		162	<div ng-hide="flag" id="container" style="height: 400px; min-width: 310px; max-width: 600px; margin: 0 auto"></div>
159	</div>	163	</div>
160	<!-- /widget-content -->	164	<!-- /widget-content -->
161	</div>	165	</div>
162	<!-- /widget -->	166	<!-- /widget -->
163	</div>	167	</div>
164	<!-- /.span6 -->	168	<!-- /.span6 -->
165	</div>	169	</div>
166	</div>	170	</div>
167	<!-- /container -->	171	<!-- /container -->
168	</div>	172	</div>
169	<!-- /main -->	173	<!-- /main -->
170	<div class="customConfirmPopBackdrop" id="popup1">	174	<div class="customConfirmPopBackdrop" id="popup1">
171	<div class="customModalInner" style="max-width: 400px;">	175	<div class="customModalInner" style="max-width: 400px;">
172	<div class="customModelBody" style="border-radius: 5px 5px 0 0;max-height: 200px;overflow: hidden;overflow-y: auto;"">	176	<div class="customModelBody" style="border-radius: 5px 5px 0 0;max-height: 200px;overflow: hidden;overflow-y: auto;"">
173	<table border="1">	177	<table border="1">
174		178
175	<tr>	179	<tr>
176	<th style="padding: 5px">Region</th>	180	<th style="padding: 5px">Region</th>
177	<th style="padding: 5px">Average PAP</th>	181	<th style="padding: 5px">Average PAP</th>
178	</tr>	182	</tr>
179	<tr ng-repeat="data in rppData">	183	<tr ng-repeat="data in rppData">
180	<td style="padding: 5px">	184	<td style="padding: 5px">
181	{{data.region}}	185	{{data.region}}
182	</td>	186	</td>
183	<td style="padding: 5px">	187	<td style="padding: 5px">
184	{{data.averagePAP \| number :4 }}	188	{{data.averagePAP \| number :4 }}
185	</td>	189	</td>
186	</tr>	190	</tr>
187	</table>	191	</table>
188	</div>	192	</div>
189	<div class="customModelFooter text-right" style="border-top: 0px !important">	193	<div class="customModelFooter text-right" style="border-top: 0px !important">
190	<button class="btn btn-primary" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Close</button>	194	<button class="btn btn-primary" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Close</button>
191	</div>	195	</div>
192	</div>	196	</div>
193	</div>	197	</div>
194		198
195		199
196		200
197		201