viithiisys / Acufuel

Browse Code »

Commit 7b21cec8fa57ef7e97ba6628a0cf3750d92ebf84

Authored by Kuldeep Arora 2018-09-03 06:58:14 -0400

1 parent 70200a3cae

Exists in master

analytical regional pap chart

Showing 7 changed files with 149 additions and 17 deletions Show diff stats

app/index.html

Diff comments View file @7b21cec

 <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>
        -->
-<!--       <script src="./js/Application.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/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 -->
+      <!-- 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>
    </body>
 </html>

app/partials/analytics/analytics.controller.js

Diff comments View file @7b21cec

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	$(document).ready(function() {	5
		6
		7	$scope.getAllRegionalPap = function() {
		8	$scope.flag=true;
		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'},
		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'},
		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'},
		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'},
		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'},
		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'},
		21	{region:'West Virginia' ,code:'WV'},{region:'Wisconsin' ,code:'WI'},{region:'Wyoming',code:'WY'}]
		22
		23	analyticsService.getAllRPP().then(function(result) {
		24	for (var i = 0; i < $scope.stateList.length; i++) {
		25	for (var j = 0; j<result.length; j++){
		26	if ($scope.stateList[i].region === result[j].region) {
		27	result[j].code = $scope.stateList[i].code;
		28	}
		29	}
		30	}
		31	$scope.flag=false;
		32	// Instantiate the map
		33	Highcharts.mapChart('regional-pap', {
		34
		35	chart: {
		36	map: 'countries/us/us-all',
		37	borderWidth: 1,
		38	},
		39
		40	title: {
		41	text: 'Regional PAP'
		42	},
		43
		44	exporting: {
		45	sourceWidth: 600,
		46	sourceHeight: 500
		47	},
		48
		49	legend: {
		50	layout: 'vertical',
		51	borderWidth: 0,
		52	backgroundColor: 'rgba(255,255,255,0.85)',
		53	floating: true,
		54	width:'12px',
		55	height:'200px',
		56	verticalAlign: 'bottom',
		57	y: 0,
		58	x: -230,
		59	},
		60
		61	mapNavigation: {
		62	enabled: true
		63	},
		64
		65	/* colorAxis: {
		66	min: 1,
		67	type: 'logarithmic',
		68	minColor: '#2b908f',
		69	maxColor: '#000022',
		70	stops: [
		71	[0, '#EFEFFF'],
		72	[5, '#f45b5b'],
		73	[10, 'rgb(117,0,0)']
		74	]
		75	},*/
		76
		77	series: [{
		78	animation: {
		79	duration: 1000
		80	},
		81	data: result,
		82	joinBy: ['postal-code', 'code'],
		83	dataLabels: {
		84	enabled: true,
		85	color: '#FFFFFF',
		86	format: '{point.code}'
		87	},
		88	name: 'Data' ,
		89	tooltip: {
		90	pointFormat: '{point.region} : {point.averagePAP}'
		91	},
		92	}]
		93	});
		94	})
		95	}
		96
		97	$scope.getAllRegionalPap();
		98
		99	/*$(document).ready(function() {
6	$(function() {	100	$(function() {
7	jQuery('#map').vectorMap({	101	jQuery('#map').vectorMap({
8	map: 'us_lcc',	102	map: 'us_lcc',
9	backgroundColor: '#ffce99',	103	backgroundColor: '#ffce99',
10	color: '#dfdfdd',	104	color: '#dfdfdd',
11	hoverOpacity: 0,	105	hoverOpacity: 0,
12	selectedColor: '#5f8b98',	106	selectedColor: '#5f8b98',
13	hoverColor: '#5f8b98',	107	hoverColor: '#5f8b98',
14	enableZoom: true,	108	enableZoom: true,
15	showTooltip: true,	109	showTooltip: true,
16	scaleColors: ['#dfdfdd'],	110	scaleColors: ['#dfdfdd'],
17	//values: sample_data	111	//values: sample_data
18	onRegionClick: function(event, code) {	112	onRegionClick: function(event, code) {
19	var map = $('#map').vectorMap('get', 'mapObject');	113	var map = $('#map').vectorMap('get', 'mapObject');
20	var name = map.getRegionName(code);	114	var name = map.getRegionName(code);
21	getRegionPap(name);	115	getRegionPap(name);
22	},	116	},
23	normalizeFunction: 'polynomial'	117	normalizeFunction: 'polynomial'
24	});	118	});
25	});	119	});
26	})	120	})*/
		121
27		122
28	function getRegionPap(code) {	123	function getRegionPap(code) {
29	$scope.showLoader = true;	124	$scope.showLoader = true;
30	analyticsService.getRPP(code).then(function(result) {	125	analyticsService.getRPP(code).then(function(result) {
31	$scope.rppData = result;	126	$scope.rppData = result;
32	$scope.showLoader = false;	127	$scope.showLoader = false;
33	$('#popup1').css('display', 'block');	128	$('#popup1').css('display', 'block');
34	})	129	})
35	}	130	}
		131
36	$scope.cancelStatus = function() {	132	$scope.cancelStatus = function() {
37	$('#popup1').css('display', 'none');	133	$('#popup1').css('display', 'none');
38	}	134	}
39	$scope.ordersCost = 0;	135	$scope.ordersCost = 0;
40	$scope.ordersCount = 0;	136	$scope.ordersCount = 0;
41		137
42	$scope.orderCostAndCount = function() {	138	$scope.orderCostAndCount = function() {
43	analyticsService.orderCostAndCount().then(function(result) {	139	analyticsService.orderCostAndCount().then(function(result) {
44	$scope.ordersCost = result.cost;	140	$scope.ordersCost = result.cost;
45	$scope.ordersCount = result.count;	141	$scope.ordersCount = result.count;
46	})	142	})
47	}	143	}
48		144
49	$scope.drf = {};	145	$scope.drf = {};
50	$scope.hfp = {};	146	$scope.hfp = {};
51	$scope.cs = {};	147	$scope.cs = {};
52	$scope.mfsValues = [];	148	$scope.mfsValues = [];
53	$scope.msfarray = [];	149	$scope.msfarray = [];
54	$scope.getMFS = function() {	150	$scope.getMFS = function() {
55	//var makeId = makeId;	151	//var makeId = makeId;
56	analyticsService.getMFS().then(function(result) {	152	analyticsService.getMFS().then(function(result) {
57	$scope.mfsValues = result;	153	$scope.mfsValues = result;
58	$scope.optionsmfs = {	154	$scope.optionsmfs = {
59	chart: {	155	chart: {
60	type: 'multiBarChart',	156	type: 'multiBarChart',
61	height: 450,	157	height: 450,
62	margin: {	158	margin: {
63	top: 45,	159	top: 45,
64	right: 20,	160	right: 20,
65	bottom: 45,	161	bottom: 45,
66	left: 45	162	left: 45
67	},	163	},
68	clipEdge: true,	164	clipEdge: true,
69	//staggerLabels: true,	165	//staggerLabels: true,
70	duration: 500,	166	duration: 500,
71	stacked: false,	167	stacked: false,
72	color: ["#FEDFC3", "#990000", "#000099", "#009900"],	168	color: ["#FEDFC3", "#990000", "#000099", "#009900"],
73	xAxis: {	169	xAxis: {
74	axisLabel: 'Months',	170	axisLabel: 'Months',
75	showMaxMin: false,	171	showMaxMin: false,
76	},	172	},
77	yAxis: {	173	yAxis: {
78	axisLabel: 'Orders',	174	axisLabel: 'Orders',
79	axisLabelDistance: -20,	175	axisLabelDistance: -20,
80	tickFormat: function(d) {	176	tickFormat: function(d) {
81	return d3.format(',.1f')(d);	177	return d3.format(',.1f')(d);
82	}	178	}
83	}	179	}
84	}	180	}
85	};	181	};
86	$scope.datamfs = $scope.mfsValues;	182	$scope.datamfs = $scope.mfsValues;
87	})	183	})
88	}	184	}
89		185
90	$scope.orderCostAndCount();	186	$scope.orderCostAndCount();
91	$scope.getMFS();	187	$scope.getMFS();
92	$scope.csValues = [];	188	$scope.csValues = [];
93	$scope.getCS = function() {	189	$scope.getCS = function() {
94	//var makeId = makeId;	190	//var makeId = makeId;
95	analyticsService.getCS().then(function(result) {	191	analyticsService.getCS().then(function(result) {
96	$scope.csValues = result;	192	$scope.csValues = result;
97	$scope.optionscs = {	193	$scope.optionscs = {
98	chart: {	194	chart: {
99	type: 'pieChart',	195	type: 'pieChart',
100	height: 500,	196	height: 500,
101	// color: ["#FEDFC3","#D89700","#FFE8B3","FFD980","#FF7F0E","#fff2e6","#ffcc99","#ffa64d","#ff8c1a","#B37D00","#f5f5f0","#e0e0d1","#ccccb3","#adad85","#999966","#7a7a52"],	197	// color: ["#FEDFC3","#D89700","#FFE8B3","FFD980","#FF7F0E","#fff2e6","#ffcc99","#ffa64d","#ff8c1a","#B37D00","#f5f5f0","#e0e0d1","#ccccb3","#adad85","#999966","#7a7a52"],
102	x: function(d) {	198	x: function(d) {
103	return d.key;	199	return d.key;
104	},	200	},
105	y: function(d) {	201	y: function(d) {
106	return d.y;	202	return d.y;
107	},	203	},
108	showLabels: false,	204	showLabels: false,
109	segmentShowStroke: false,	205	segmentShowStroke: false,
110	animationSteps: 20,	206	animationSteps: 20,
111	animationEasing: "linear",	207	animationEasing: "linear",
112	animateScale: true,	208	animateScale: true,
113	duration: 500,	209	duration: 500,
114	labelThreshold: 0.01,	210	labelThreshold: 0.01,
115	labelSunbeamLayout: true,	211	labelSunbeamLayout: true,
116	legend: {	212	legend: {
117	margin: {	213	margin: {
118	top: 5,	214	top: 5,
119	right: 35,	215	right: 35,
120	bottom: 5,	216	bottom: 5,
121	left: 0	217	left: 0
122	}	218	}
123	}	219	}
124	}	220	}
125	};	221	};
126	$scope.datacs = $scope.csValues;	222	$scope.datacs = $scope.csValues;
127	})	223	})
128	}	224	}
129		225
130	$scope.getCS();	226	$scope.getCS();
131		227
132		228
133	$scope.hfpValues = [];	229	$scope.hfpValues = [];
134	$scope.getHfpChartData = function() {	230	$scope.getHfpChartData = function() {
135	//var makeId = makeId;	231	//var makeId = makeId;
136	analyticsService.gethfpChart().then(function(result) {	232	analyticsService.gethfpChart().then(function(result) {
137	$scope.hfpValues = result;	233	$scope.hfpValues = result;
138	console.log('---kd result--',$scope.hfpValues);	234	//console.log('---kd result--',$scope.hfpValues);
139		235
140	/Historic Fuel Price /	236	/Historic Fuel Price /
141		237
142	$scope.optionshfp = {	238	$scope.optionshfp = {
143	chart: {	239	chart: {
144	type: 'cumulativeLineChart',	240	type: 'cumulativeLineChart',
145	height: 450,	241	height: 450,
146	margin: {	242	margin: {
147	top: 40,	243	top: 40,
148	right: 20,	244	right: 20,
149	bottom: 50,	245	bottom: 50,
150	left: 65	246	left: 65
151	},	247	},
152	x: function(d) {	248	x: function(d) {
153	return d[0];	249	return d[0];
154	},	250	},
155	y: function(d) {	251	y: function(d) {
156	return d[1] / 100 ;	252	return d[1] / 100 ;
157	},	253	},
158	average: function(d) {	254	average: function(d) {
159	return d.mean / 100;	255	return d.mean / 100;
160	},	256	},
161		257
162	color: ["#FEDFC3"],	258	color: ["#FEDFC3"],
163	duration: 300,	259	duration: 300,
164	useInteractiveGuideline: true,	260	useInteractiveGuideline: true,
165	clipVoronoi: false,	261	clipVoronoi: false,
166		262
167	xAxis: {	263	xAxis: {
168	axisLabel: '',	264	axisLabel: '',
169		265
170	tickFormat: function(d) {	266	tickFormat: function(d) {
171	return d3.time.format('%m/%d/%y')(new Date(d))	267	return d3.time.format('%m/%d/%y')(new Date(d))
172	//return d3.time.format('%b \-%y')(new Date(d))	268	//return d3.time.format('%b \-%y')(new Date(d))
173	},	269	},
174	showMaxMin: false,	270	showMaxMin: false,
175	staggerLabels: true	271	staggerLabels: true
176	},	272	},
177		273
178	yAxis: {	274	yAxis: {
179	axisLabel: 'PaP/Retail Price',	275	axisLabel: 'PaP/Retail Price',
180		276
181	tickFormat: function(d) {	277	tickFormat: function(d) {
182	//return d3.format('')(d).toFixed(2);	278	//return d3.format('')(d).toFixed(2);
183	return '$ '+d.toFixed(2)	279	return '$ '+d.toFixed(2)
184	},	280	},
185	axisLabelDistance: 5	281	axisLabelDistance: 5
186	}	282	}
187	}	283	}
188	};	284	};
189	$scope.datahfp = [{	285	$scope.datahfp = [{
190	key: "Long",	286	key: "Long",
191	values: $scope.hfpValues,	287	values: $scope.hfpValues,
192	mean: 0	288	mean: 0
193	}];	289	}];
194		290
195	})	291	})
196	}	292	}
197		293
198	$scope.getHfpChartData();	294	$scope.getHfpChartData();
199		295
200		296
201	/Date Range Filter for Monthly fuel Sales/	297	/Date Range Filter for Monthly fuel Sales/
202	$scope.submitDate = function() {	298	$scope.submitDate = function() {
203	if ($scope.drf.fromDate === undefined) {	299	if ($scope.drf.fromDate === undefined) {
204	$scope.fillForm = true;	300	$scope.fillForm = true;
205	} else if ($scope.drf.fromDate != undefined && $scope.drf.toDate === undefined \|\| $scope.drf.toDate === '') {	301	} else if ($scope.drf.fromDate != undefined && $scope.drf.toDate === undefined \|\| $scope.drf.toDate === '') {
206	$scope.fillForm = false;	302	$scope.fillForm = false;
207	var today = new Date();	303	var today = new Date();
208	var DefaultToDate = today.getFullYear() + '-' + ("0" + (today.getMonth() + 1)).slice(-2) + '-' + ("0" + today.getDate()).slice(-2);	304	var DefaultToDate = today.getFullYear() + '-' + ("0" + (today.getMonth() + 1)).slice(-2) + '-' + ("0" + today.getDate()).slice(-2);
209	//from date format	305	//from date format
210	$scope.dat1 = $scope.drf.fromDate;	306	$scope.dat1 = $scope.drf.fromDate;
211	$scope.fd1 = $scope.dat1.split("/").reverse();	307	$scope.fd1 = $scope.dat1.split("/").reverse();
212	$scope.tmp = $scope.fd1[2];	308	$scope.tmp = $scope.fd1[2];
213	$scope.fd1[2] = $scope.fd1[1];	309	$scope.fd1[2] = $scope.fd1[1];
214	$scope.fd1[1] = $scope.tmp;	310	$scope.fd1[1] = $scope.tmp;
215	$scope.fd = $scope.fd1.join("-");	311	$scope.fd = $scope.fd1.join("-");
216	analyticsService.getDRFChart($scope.fd, DefaultToDate).then(function(result) {	312	analyticsService.getDRFChart($scope.fd, DefaultToDate).then(function(result) {
217	$scope.datamfs = [];	313	$scope.datamfs = [];
218	$scope.datamfs = result;	314	$scope.datamfs = result;
219	})	315	})
220		316
221	analyticsService.orderCostAndCountByDate($scope.fd, DefaultToDate).then(function(result) {	317	analyticsService.orderCostAndCountByDate($scope.fd, DefaultToDate).then(function(result) {
222	$scope.ordersCost = result.cost;	318	$scope.ordersCost = result.cost;
223	$scope.ordersCount = result.count;	319	$scope.ordersCount = result.count;
224	})	320	})
225	} else if ($scope.drf.fromDate != undefined && $scope.drf.toDate != undefined) {	321	} else if ($scope.drf.fromDate != undefined && $scope.drf.toDate != undefined) {
226	$scope.fillForm = false;	322	$scope.fillForm = false;
227	//from date format	323	//from date format
228	$scope.dat1 = $scope.drf.fromDate;	324	$scope.dat1 = $scope.drf.fromDate;
229	$scope.fd1 = $scope.dat1.split("/").reverse();	325	$scope.fd1 = $scope.dat1.split("/").reverse();
230	$scope.tmp = $scope.fd1[2];	326	$scope.tmp = $scope.fd1[2];
231	$scope.fd1[2] = $scope.fd1[1];	327	$scope.fd1[2] = $scope.fd1[1];
232	$scope.fd1[1] = $scope.tmp;	328	$scope.fd1[1] = $scope.tmp;
233	$scope.fd = $scope.fd1.join("-");	329	$scope.fd = $scope.fd1.join("-");
234	$scope.dat2 = $scope.drf.toDate;	330	$scope.dat2 = $scope.drf.toDate;
235	$scope.td1 = $scope.dat2.split("/").reverse();	331	$scope.td1 = $scope.dat2.split("/").reverse();
236	$scope.tmp1 = $scope.td1[2];	332	$scope.tmp1 = $scope.td1[2];
237	$scope.td1[2] = $scope.td1[1];	333	$scope.td1[2] = $scope.td1[1];
238	$scope.td1[1] = $scope.tmp1;	334	$scope.td1[1] = $scope.tmp1;
239	$scope.td = $scope.td1.join("-");	335	$scope.td = $scope.td1.join("-");
240		336
241	analyticsService.getDRFChart($scope.fd, $scope.td).then(function(result) {	337	analyticsService.getDRFChart($scope.fd, $scope.td).then(function(result) {
242	$scope.datamfs = [];	338	$scope.datamfs = [];
243	$scope.datamfs = result;	339	$scope.datamfs = result;
244	})	340	})
245		341
246	analyticsService.orderCostAndCountByDate($scope.fd, $scope.td).then(function(result) {	342	analyticsService.orderCostAndCountByDate($scope.fd, $scope.td).then(function(result) {
247	$scope.ordersCost = result.cost;	343	$scope.ordersCost = result.cost;
248	$scope.ordersCount = result.count;	344	$scope.ordersCount = result.count;
249	})	345	})
250		346
251	} else {	347	} else {
252	$scope.fillForm = true;	348	$scope.fillForm = true;
253	}	349	}
254		350
255		351
256	}	352	}
257		353
258	/Date Range Filter for Historic fuel Price/	354	/Date Range Filter for Historic fuel Price/
259	$scope.submitDateHfp = function() {	355	$scope.submitDateHfp = function() {
260		356
261	if ($scope.hfp.fromDate === undefined) {	357	if ($scope.hfp.fromDate === undefined) {
262		358
263	$scope.fillForm = true;	359	$scope.fillForm = true;
264	} else if ($scope.hfp.fromDate != undefined && $scope.hfp.toDate === undefined \|\| $scope.hfp.toDate === '') {	360	} else if ($scope.hfp.fromDate != undefined && $scope.hfp.toDate === undefined \|\| $scope.hfp.toDate === '') {
265	$scope.fillForm = false;	361	$scope.fillForm = false;
266	var today = new Date();	362	var today = new Date();
267	var DefaultToDate = today.getFullYear() + '-' + ("0" + (today.getMonth() + 1)).slice(-2) + '-' + ("0" + today.getDate()).slice(-2);	363	var DefaultToDate = today.getFullYear() + '-' + ("0" + (today.getMonth() + 1)).slice(-2) + '-' + ("0" + today.getDate()).slice(-2);
268	//from date format	364	//from date format
269	$scope.dat1 = $scope.hfp.fromDate;	365	$scope.dat1 = $scope.hfp.fromDate;
270	$scope.fd1 = $scope.dat1.split("/").reverse();	366	$scope.fd1 = $scope.dat1.split("/").reverse();
271	$scope.tmp = $scope.fd1[2];	367	$scope.tmp = $scope.fd1[2];
272	$scope.fd1[2] = $scope.fd1[1];	368	$scope.fd1[2] = $scope.fd1[1];
273	$scope.fd1[1] = $scope.tmp;	369	$scope.fd1[1] = $scope.tmp;
274	$scope.fd = $scope.fd1.join("-");	370	$scope.fd = $scope.fd1.join("-");
275	analyticsService.getDRFHfpChart($scope.fd, DefaultToDate).then(function(result) {	371	analyticsService.getDRFHfpChart($scope.fd, DefaultToDate).then(function(result) {
276	$scope.hfpValues = result;	372	$scope.hfpValues = result;
277	$scope.optionshfp = {	373	$scope.optionshfp = {
278	chart: {	374	chart: {
279	type: 'cumulativeLineChart',	375	type: 'cumulativeLineChart',
280	height: 450,	376	height: 450,
281	margin: {	377	margin: {
282	top: 40,	378	top: 40,
283	right: 20,	379	right: 20,
284	bottom: 50,	380	bottom: 50,
285	left: 65	381	left: 65
286	},	382	},
287	x: function(d) {	383	x: function(d) {
288	return d[0];	384	return d[0];
289	},	385	},
290	y: function(d) {	386	y: function(d) {
291	return d[1] / 100;	387	return d[1] / 100;
292	},	388	},
293	average: function(d) {	389	average: function(d) {
294	return d.mean / 100;	390	return d.mean / 100;
295	},	391	},
296		392
297	color: ["#FEDFC3"],	393	color: ["#FEDFC3"],
298	duration: 300,	394	duration: 300,
299	useInteractiveGuideline: true,	395	useInteractiveGuideline: true,
300	clipVoronoi: false,	396	clipVoronoi: false,
301		397
302	xAxis: {	398	xAxis: {
303	axisLabel: '',	399	axisLabel: '',
304		400
305	tickFormat: function(d) {	401	tickFormat: function(d) {
306	return d3.time.format('%d / %m / %y')(new Date(d))	402	return d3.time.format('%d / %m / %y')(new Date(d))
307	// return d3.time.format('%b \-%y')(new Date(d))	403	// return d3.time.format('%b \-%y')(new Date(d))
308	},	404	},
309	showMaxMin: false,	405	showMaxMin: false,
310	staggerLabels: true	406	staggerLabels: true
311	},	407	},
312		408
313	yAxis: {	409	yAxis: {
314	axisLabel: 'PaP/Retail Price',	410	axisLabel: 'PaP/Retail Price',
315		411
316	tickFormat: function(d) {	412	tickFormat: function(d) {
317	//return d3.format('')(d).toFixed(2);	413	//return d3.format('')(d).toFixed(2);
318	return '$ '+d.toFixed(2)	414	return '$ '+d.toFixed(2)
319	},	415	},
320	axisLabelDistance: 5	416	axisLabelDistance: 5
321	}	417	}
322	}	418	}
323	};	419	};
324	$scope.datahfp = [{	420	$scope.datahfp = [{
325	key: "Long",	421	key: "Long",
326	values: $scope.hfpValues,	422	values: $scope.hfpValues,
327	mean: 0	423	mean: 0
328	}];	424	}];
329	})	425	})
330		426
331		427
332	} else if ($scope.hfp.fromDate != undefined && $scope.hfp.toDate != undefined) {	428	} else if ($scope.hfp.fromDate != undefined && $scope.hfp.toDate != undefined) {
333	$scope.fillForm = false;	429	$scope.fillForm = false;
334	//from date format	430	//from date format
335	$scope.dat1 = $scope.hfp.fromDate;	431	$scope.dat1 = $scope.hfp.fromDate;
336	$scope.fd1 = $scope.dat1.split("/").reverse();	432	$scope.fd1 = $scope.dat1.split("/").reverse();
337	$scope.tmp = $scope.fd1[2];	433	$scope.tmp = $scope.fd1[2];
338	$scope.fd1[2] = $scope.fd1[1];	434	$scope.fd1[2] = $scope.fd1[1];
339	$scope.fd1[1] = $scope.tmp;	435	$scope.fd1[1] = $scope.tmp;
340	$scope.fd = $scope.fd1.join("-");	436	$scope.fd = $scope.fd1.join("-");
341	//to date format	437	//to date format
342	$scope.dat2 = $scope.hfp.toDate;	438	$scope.dat2 = $scope.hfp.toDate;
343	$scope.td1 = $scope.dat2.split("/").reverse();	439	$scope.td1 = $scope.dat2.split("/").reverse();
344	$scope.tmp1 = $scope.td1[2];	440	$scope.tmp1 = $scope.td1[2];
345	$scope.td1[2] = $scope.td1[1];	441	$scope.td1[2] = $scope.td1[1];
346	$scope.td1[1] = $scope.tmp1;	442	$scope.td1[1] = $scope.tmp1;
347	$scope.td = $scope.td1.join("-");	443	$scope.td = $scope.td1.join("-");
348		444
349	analyticsService.getDRFHfpChart($scope.fd, $scope.td).then(function(result) {	445	analyticsService.getDRFHfpChart($scope.fd, $scope.td).then(function(result) {
350	$scope.hfpValues = result;	446	$scope.hfpValues = result;
351	$scope.optionshfp = {	447	$scope.optionshfp = {
352	chart: {	448	chart: {
353	type: 'cumulativeLineChart',	449	type: 'cumulativeLineChart',
354	height: 450,	450	height: 450,
355	margin: {	451	margin: {
356	top: 40,	452	top: 40,
357	right: 20,	453	right: 20,
358	bottom: 50,	454	bottom: 50,
359	left: 65	455	left: 65
360	},	456	},
361	x: function(d) {	457	x: function(d) {
362	return d[0];	458	return d[0];
363	},	459	},
364	y: function(d) {	460	y: function(d) {
365	return d[1] / 100 ;	461	return d[1] / 100 ;
366	},	462	},
367	average: function(d) {	463	average: function(d) {
368	return d.mean / 100;	464	return d.mean / 100;
369	},	465	},
370		466
371	color: ["#FEDFC3"],	467	color: ["#FEDFC3"],
372	duration: 300,	468	duration: 300,
373	useInteractiveGuideline: true,	469	useInteractiveGuideline: true,
374	clipVoronoi: false,	470	clipVoronoi: false,
375		471
376	xAxis: {	472	xAxis: {
377	axisLabel: '',	473	axisLabel: '',
378		474
379	tickFormat: function(d) {	475	tickFormat: function(d) {
380	return d3.time.format('%d / %m / %y')(new Date(d))	476	return d3.time.format('%d / %m / %y')(new Date(d))
381	//return d3.time.format('%b \-%y')(new Date(d))	477	//return d3.time.format('%b \-%y')(new Date(d))
382	},	478	},
383	showMaxMin: false,	479	showMaxMin: false,
384	staggerLabels: true	480	staggerLabels: true
385	},	481	},
386		482
387	yAxis: {	483	yAxis: {
388	axisLabel: 'PaP/Retail Price',	484	axisLabel: 'PaP/Retail Price',
389		485
390	tickFormat: function(d) {	486	tickFormat: function(d) {
391	//return d3.format('')(d).toFixed(2);	487	//return d3.format('')(d).toFixed(2);
392	return '$ '+d.toFixed(2)	488	return '$ '+d.toFixed(2)
393	},	489	},
394	axisLabelDistance: 5	490	axisLabelDistance: 5
395	}	491	}
396	}	492	}
397	};	493	};
398	$scope.datahfp = [{	494	$scope.datahfp = [{
399	key: "Long",	495	key: "Long",
400	values:$scope.hfpValues,	496	values:$scope.hfpValues,
401	mean: 0	497	mean: 0
402	}];	498	}];
403	})	499	})
404		500
405	} else {	501	} else {
406	$scope.fillForm = true;	502	$scope.fillForm = true;
407	}	503	}
408		504
409		505
410	}	506	}
411		507
412	/Date Range Filter for Customer Sources/	508	/Date Range Filter for Customer Sources/
413	$scope.submitDateCs = function() {	509	$scope.submitDateCs = function() {
414	if ($scope.cs.fromDate === undefined) {	510	if ($scope.cs.fromDate === undefined) {
415		511
416	$scope.fillForm = true;	512	$scope.fillForm = true;
417	} else if ($scope.cs.fromDate != undefined && $scope.cs.toDate === undefined \|\| $scope.cs.toDate === '') {	513	} else if ($scope.cs.fromDate != undefined && $scope.cs.toDate === undefined \|\| $scope.cs.toDate === '') {
418	$scope.fillForm = false;	514	$scope.fillForm = false;
419	var today = new Date();	515	var today = new Date();
420	var DefaultToDate = today.getFullYear() + '-' + ("0" + (today.getMonth() + 1)).slice(-2) + '-' + ("0" + today.getDate()).slice(-2);	516	var DefaultToDate = today.getFullYear() + '-' + ("0" + (today.getMonth() + 1)).slice(-2) + '-' + ("0" + today.getDate()).slice(-2);
421	//from date format	517	//from date format
422	$scope.dat1 = $scope.cs.fromDate;	518	$scope.dat1 = $scope.cs.fromDate;
423	$scope.fd1 = $scope.dat1.split("/").reverse();	519	$scope.fd1 = $scope.dat1.split("/").reverse();
424	$scope.tmp = $scope.fd1[2];	520	$scope.tmp = $scope.fd1[2];
425	$scope.fd1[2] = $scope.fd1[1];	521	$scope.fd1[2] = $scope.fd1[1];
426	$scope.fd1[1] = $scope.tmp;	522	$scope.fd1[1] = $scope.tmp;
427	$scope.fd = $scope.fd1.join("-");	523	$scope.fd = $scope.fd1.join("-");
428	analyticsService.getDRFCSChart($scope.fd, DefaultToDate).then(function(result) {	524	analyticsService.getDRFCSChart($scope.fd, DefaultToDate).then(function(result) {
429	$scope.csValues = result;	525	$scope.csValues = result;
430	$scope.optionscs = {	526	$scope.optionscs = {
431	chart: {	527	chart: {
432	type: 'pieChart',	528	type: 'pieChart',
433	height: 500,	529	height: 500,
434	// color: ["#FEDFC3","#D89700","#FFE8B3","FFD980","#FF7F0E","#fff2e6","#ffcc99","#ffa64d","#ff8c1a","#B37D00","#f5f5f0","#e0e0d1","#ccccb3","#adad85","#999966","#7a7a52"],	530	// color: ["#FEDFC3","#D89700","#FFE8B3","FFD980","#FF7F0E","#fff2e6","#ffcc99","#ffa64d","#ff8c1a","#B37D00","#f5f5f0","#e0e0d1","#ccccb3","#adad85","#999966","#7a7a52"],
435	x: function(d) {	531	x: function(d) {
436	return d.key;	532	return d.key;
437	},	533	},
438	y: function(d) {	534	y: function(d) {
439	return d.y;	535	return d.y;
440	},	536	},
441	showLabels: false,	537	showLabels: false,
442	segmentShowStroke: false,	538	segmentShowStroke: false,
443	animationSteps: 20,	539	animationSteps: 20,
444	animationEasing: "linear",	540	animationEasing: "linear",
445	animateScale: true,	541	animateScale: true,
446	duration: 500,	542	duration: 500,
447	labelThreshold: 0.01,	543	labelThreshold: 0.01,
448	labelSunbeamLayout: true,	544	labelSunbeamLayout: true,
449	legend: {	545	legend: {
450	margin: {	546	margin: {
451	top: 5,	547	top: 5,
452	right: 35,	548	right: 35,
453	bottom: 5,	549	bottom: 5,
454	left: 0	550	left: 0
455	}	551	}
456	}	552	}
457	}	553	}
458	};	554	};
459	$scope.datacs = $scope.csValues;	555	$scope.datacs = $scope.csValues;
460	})	556	})
461		557
462		558
463	} else if ($scope.cs.fromDate != undefined && $scope.cs.toDate != undefined) {	559	} else if ($scope.cs.fromDate != undefined && $scope.cs.toDate != undefined) {
464	$scope.fillForm = false;	560	$scope.fillForm = false;
465	//from date format	561	//from date format
466	$scope.dat1 = $scope.cs.fromDate;	562	$scope.dat1 = $scope.cs.fromDate;
467	$scope.fd1 = $scope.dat1.split("/").reverse();	563	$scope.fd1 = $scope.dat1.split("/").reverse();
468	$scope.tmp = $scope.fd1[2];	564	$scope.tmp = $scope.fd1[2];
469	$scope.fd1[2] = $scope.fd1[1];	565	$scope.fd1[2] = $scope.fd1[1];
470	$scope.fd1[1] = $scope.tmp;	566	$scope.fd1[1] = $scope.tmp;
471	$scope.fd = $scope.fd1.join("-");	567	$scope.fd = $scope.fd1.join("-");
472	//to date format	568	//to date format
473	$scope.dat2 = $scope.cs.toDate;	569	$scope.dat2 = $scope.cs.toDate;
474	$scope.td1 = $scope.dat2.split("/").reverse();	570	$scope.td1 = $scope.dat2.split("/").reverse();
475	$scope.tmp1 = $scope.td1[2];	571	$scope.tmp1 = $scope.td1[2];
476	$scope.td1[2] = $scope.td1[1];	572	$scope.td1[2] = $scope.td1[1];
477	$scope.td1[1] = $scope.tmp1;	573	$scope.td1[1] = $scope.tmp1;
478	$scope.td = $scope.td1.join("-");	574	$scope.td = $scope.td1.join("-");
479		575
480	analyticsService.getDRFCSChart($scope.fd, $scope.td).then(function(result) {	576	analyticsService.getDRFCSChart($scope.fd, $scope.td).then(function(result) {
481	$scope.csValues = result;	577	$scope.csValues = result;
482	$scope.optionscs = {	578	$scope.optionscs = {
483	chart: {	579	chart: {
484	type: 'pieChart',	580	type: 'pieChart',
485	height: 500,	581	height: 500,
486	// color: ["#FEDFC3","#D89700","#FFE8B3","FFD980","#FF7F0E","#fff2e6","#ffcc99","#ffa64d","#ff8c1a","#B37D00","#f5f5f0","#e0e0d1","#ccccb3","#adad85","#999966","#7a7a52"],	582	// color: ["#FEDFC3","#D89700","#FFE8B3","FFD980","#FF7F0E","#fff2e6","#ffcc99","#ffa64d","#ff8c1a","#B37D00","#f5f5f0","#e0e0d1","#ccccb3","#adad85","#999966","#7a7a52"],
487	x: function(d) {	583	x: function(d) {
488	return d.key;	584	return d.key;
489	},	585	},
490	y: function(d) {	586	y: function(d) {
491	return d.y;	587	return d.y;
492	},	588	},
493	showLabels: false,	589	showLabels: false,
494	segmentShowStroke: false,	590	segmentShowStroke: false,
495	animationSteps: 20,	591	animationSteps: 20,
496	animationEasing: "linear",	592	animationEasing: "linear",
497	animateScale: true,	593	animateScale: true,
498	duration: 500,	594	duration: 500,
499	labelThreshold: 0.01,	595	labelThreshold: 0.01,
500	labelSunbeamLayout: true,	596	labelSunbeamLayout: true,
501	legend: {	597	legend: {
502	margin: {	598	margin: {
503	top: 5,	599	top: 5,
504	right: 35,	600	right: 35,
505	bottom: 5,	601	bottom: 5,
506	left: 0	602	left: 0
507	}	603	}
508	}	604	}
509	}	605	}
510	};	606	};
511	$scope.datacs = $scope.csValues;	607	$scope.datacs = $scope.csValues;
512	})	608	})
513		609
514	} else {	610	} else {
515	$scope.fillForm = true;	611	$scope.fillForm = true;
516	}	612	}
517		613
518		614
519	}	615	}
520		616
521		617
522

app/partials/analytics/analytics.html

Diff comments View file @7b21cec

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

app/partials/analytics/analytics.service.js

Diff comments View file @7b21cec

 (function(){
  'use strict';
     angular.module('acufuel')
       .service('analyticsService', ['$q', '$http', 'BASE_URL',analyticsService]);
       function analyticsService($q, $http, BASE_URL) {
         var temp = {};
         this.getMFS = function(){
             var deferred = $q.defer();
             $http({
                 method : 'GET',
                   url : BASE_URL.url + '/fuelOrder/analytics'
             })
             .then(function (result){
                 deferred.resolve(result.data);
             },function (result){
               console.log(result)
                 deferred.resolve(result.data);
             })
             return deferred.promise;
         }
         this.orderCostAndCount = function(){
             var deferred = $q.defer();
             $http({
                 method : 'GET',
                // url : BASE_URL.url +'/fuelOrder/export/mfs'
                   url : BASE_URL.url + '/fuelOrder/orderCostAndCount'
             })
             .then(function (result){
                 deferred.resolve(result.data);
             },function (result){
               console.log(result)
                 deferred.resolve(result.data);
             })
             return deferred.promise;
         }
         this.getCS = function(){
             var deferred = $q.defer();
             $http({
                 method : 'GET',
                 url : BASE_URL.url +'/user/sources'
             })
             .then(function (result){
                 deferred.resolve(result.data);
             },function (result){
               console.log(result)
                 deferred.resolve(result.data);
             })
             return deferred.promise;
         }
+        /* With region Code */
         this.getRPP = function(code){
             var deferred = $q.defer();
             $http({
                 method : 'GET',
                 url : BASE_URL.url +'/fuelerlinx/getAircrafts/'+code
             })
             .then(function (result){
                 deferred.resolve(result.data);
             },function (result){
               console.log(result)
                 deferred.resolve(result.data);
             })
             return deferred.promise;
         }
+        /* without region code */
+        this.getAllRPP = function(){
+            var deferred = $q.defer();
+            $http({
+                method : 'GET',
+                url : BASE_URL.url +'/fuelerlinx/getAllRegionalPap'
+            })
+            .then(function (result){
+                deferred.resolve(result.data);
+            },function (result){
+              console.log(result)
+                deferred.resolve(result.data);
+            })
+            return deferred.promise;
+        }
          /*---date filter for Monthly fuel sales chart - dates are sending to the api  */
         this.getDRFChart = function(fd,td){
             var deferred = $q.defer();
             $http({
                 method : 'GET',
                 url : BASE_URL.url + '/fuelOrder/filterchart?fromDate='+fd+'&toDate='+td+''
             })
             .then(function (result){
                 deferred.resolve(result.data);
             },function (result){
               console.log(result)
                 deferred.resolve(result.data);
             })
             return deferred.promise;
         }
         this.orderCostAndCountByDate = function(fd,td){
             var deferred = $q.defer();
             $http({
                 method : 'GET',
                 url : BASE_URL.url + '/fuelOrder/orderCostAndCountByDate?fromDate='+fd+'&toDate='+td+''
             })
             .then(function (result){
                 deferred.resolve(result.data);
             },function (result){
               console.log(result)
                 deferred.resolve(result.data);
             })
             return deferred.promise;
         }
         /*---date filter for Historic Fuel price --- DRF--Date Range Filter  */
         this.getDRFHfpChart = function(fd,td){
             var deferred = $q.defer();
             $http({
                 method : 'GET',
                 url : BASE_URL.url + '/fuelOrder/hfp/filterchart?fromDate='+fd+'&toDate='+td+''
             })
             .then(function (result){
                 deferred.resolve(result.data);
             },function (result){
               console.log(result)
                 deferred.resolve(result.data);
             })
             return deferred.promise;
         }
         this.gethfpChart = function(fd,td){
             var deferred = $q.defer();
             $http({
                 method : 'GET',
                 url : BASE_URL.url + '/fuelOrder/hfp/'
             })
             .then(function (result){
                 deferred.resolve(result.data);
             },function (result){
               console.log(result)
                 deferred.resolve(result.data);
             })
             return deferred.promise;
         }
         /*---date filter for Customer Sources --- DRF--Date Range Filter  */
         this.getDRFCSChart = function(fd,td){
             var deferred = $q.defer();
             $http({
                 method : 'GET',
                 url : BASE_URL.url + '/user/cs/filterchart?fromDate='+fd+'&toDate='+td+''
             })
             .then(function (result){
                 deferred.resolve(result.data);
             },function (result){
               console.log(result)
                 deferred.resolve(result.data);
             })
             return deferred.promise;
         }
       }
 })();

app/partials/dashboard/dashboard.html

Diff comments View file @7b21cec

 <style>
    .subnavbar .mainnav > li:first-child > a{
       color: #ca5c6a;
    }
 </style>
 <!-- <style>
 table, th , td  {
   border: 1px solid grey;
   border-collapse: collapse;
   padding: 5px;
 }
 table tr:nth-child(odd) {
   background-color: #f1f1f1;
 }
 table tr:nth-child(even) {
   background-color: #ffffff;
 }
 </style> -->
 <div class="main">
    <div class="container" ng-if="isAuthenticated">
       <div class="row">
          <div class="col-md-7">
             <div class="widget stacked">
                <div class="row">
                   <div class="col-md-3">
                      <div class="widget-header">
                         <i class="fa fa-tint"></i> &nbsp; Fuel Orders
                      </div>
                      <div class="custom-widget-content">
                         <div>
                            <div class="col-xs-12">
                               <label class="pull-left" style="font-size: 13px" >Completed</label>
                               <span style="font-size: 11px">&nbsp;Monthly</span>
                               <!-- <button class="btn btn-success btn-xs pull-right" style="cursor: default"> -->
                               <!--  <label class="pull-right">Montly</label>  -->
                               <!--  <span style="font-size:13px;">(Monthly)</span> -->
                               <div class="clearfix"></div>
                            </div>
                            <div class="clearfix"></div>
                         </div>
                         <hr class="hr">
                            <div class="col-xs-12">
                               <h2 style="margin-bottom: 0px;">{{completeOrderCount}}</h2>
                               <span>Fuel Orders</span>
                            </div>
                            <div class="clearfix"></div>
                         </div>
                      </div>
                      <div class="col-md-3">
                         <div class="widget-header">
                            <i class="fa fa-tint"></i> &nbsp; Fuel Orders
                         </div>
                         <div class="custom-widget-content">
                            <div>
                               <div class="col-xs-12">
                                  <label class="pull-left" style="font-size: 13px" >Pending</label>
                                  <span style="font-size: 11px">&nbsp;Monthly</span>
                                  <!-- <span class="pull-left">Pending</span><button class="btn btn-success btn-xs pull-right pull-right-color " style="cursor: default"><span style="font-size:9px;">Monthly</span></button> -->
                                  <div class="clearfix"></div>
                               </div>
                               <div class="clearfix"></div>
                            </div>
                            <hr class="hr">
                               <div class="col-xs-12">
                                  <h2 style="margin-bottom: 0px;">{{pendingOrderCount}}</h2>
                                  <span>Fuel Orders</span>
                               </div>
                               <div class="clearfix"></div>
                            </div>
                         </div>
                         <div class="col-md-6">
                            <div class="widget-header">
                               <i class="fa fa-list-alt "></i>
                               <h3>Fuel Order</h3>
                            </div>
                            <div class="custom-widget-content">
                               <div>
                                  <div class="col-xs-12">
                                     <label class="pull-left" style="font-size: 12px" >Activity :&nbsp;Airport Operations</label>
                                     <span style="font-size: 11px">&nbsp;&nbsp;Monthly</span>
                                     <!-- <span class="pull-left">Activity: Airport Operations</span><button class="btn btn-primary btn-xs pull-right" style="cursor: default"><span style="font-size:9px;">Monthly</span></button> -->
                                     <div class="clearfix"></div>
                                  </div>
                                  <div class="clearfix"></div>
                               </div>
                               <hr class="hr">
                                  <div class="col-xs-6">
                                     <h2 style="margin-bottom:0px;">280</h2>
                                     <span>Based-Aircraft</span>
                                  </div>
                                  <div class="col-xs-6">
                                     <h2 style="margin-bottom: 0px;">280</h2>
                                     <span>Take-offs & Landings</span>
                                  </div>
                                  <div class="clearfix"></div>
                               </div>
                            </div>
                         </div>
                      </br>
                      <div class="row">
                         <div class="col-md-12">
                            <!-- <div class="widget stacked"> -->
 				            <div class="widget-header">
 				              <i class="icon-bar-chart"></i>
 				              <h3>${{ordersCost | number :2}}/{{ordersCount}} Fuel Sales</h3>
 				            </div>
 				            <!-- /widget-header -->
 				            <div class="widget-content">
 				              <nvd3 options="optionsmfs" data="datamfs"></nvd3>
 				              <!-- /bar-chart -->
 				            <!-- </div> -->
 				            <!-- /widget-content -->
 				          </div>
                            <!-- /widget-content -->
                         </div>
                         <!-- /widget -->
                      </div>
                   </div>
                </div>
                <!-- /span6 -->
                <div class="col-md-5">
                   <div class="widget stacked">
                      <div class="widget-header">
                         <i class="fa fa-pencil"></i>
                         <h3>Price Manager Active</h3>
                         <select ng-show="isShowEmail" style="float: right; margin: 7px 10px; width: 150px; height: 26px; padding: 0 0;" class="btn btn-primary" class="form-control" ng-model="sendEmail.pricing" ng-click="confirmMail()">
                            <option value="" disabled selected="selected">Email All Pricing</option>
                            <option value="JET-A">Email JET-A pricing only</option>
                            <option value="AVGAS">Email AVGAS pricing only</option>
                            <option disabled>_______________________________</option>
                            <option value="all">Distribute All</option>
                         </select>
                      </div>
                      <!-- /widget-header -->
                      <div class="widget-content">
                         <h4>Deployed Fuel Prices</h4>
                         <table  class="table vertical-center"">
                            <thead>
                               <tr>
                                  <th> Product</th>
                                  <th> Cost</th>
                                  <th> Margin</th>
                                  <th> PAP(Total)</th>
                                  <th style="color: #F90;"> Expires</th>
                               </tr>
                            </thead>
                            <tbody>
                               <tr ng-repeat="fuelPricing in newFuelPricing | orderBy : 'namejetrest'| filter:{ status: true }">
                                  <td>
                                     <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span>
                                     <span  ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span>
                                     <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span>
                                     <span  ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span>
                                  </td>
                                  <td>
                                     <span>{{fuelPricing.fuelPricing.cost | number : 4}}</span>
                                  </td>
                                  <td>
                                     <span>{{fuelPricing.fuelPricing.papMargin | number : 4}}</span>
                                  </td>
                                  <td>
                                     <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.fuelPricing.cost -- fuelPricing.fuelPricing.papMargin  | number : 4 }}</span>
                                  </td>
                                  <td>
                                     <span>{{fuelPricing.fuelPricing.expirationDate}}</span>
                                  </td>
                               </tr>
                            </tbody>
                         </table>
                      </div>
                      <!-- /widget-content -->
                   </div>
                   <!-- /widget -->
                   <div class="widget widget-nopad stacked">
                      <div class="widget-header">
                         <i class="fa fa-comment" aria-hidden="true"></i>
                         <h3>Messages</h3>
                      </div>
                      <!-- /widget-header -->
                      <div class="widget-content">
                         <h4 style="padding:10px">Messages</h4>
                         <hr class="hr">
                            <table>
                               <tr ng-repeat="msg in pendingMessageRecord">
                                  <td>Fuel Order is Pending for the company {{ msg[5] }} </td>
                               </tr>
                            </table>
                            <!-- <ul class="news-items"><li><div class="news-item-detail"><a href="javascript:;" class="news-item-title">Duis aute irure dolor in reprehenderit</a><p class="news-item-preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p></div><div class="news-item-date"><span class="news-item-day">08</span><span class="news-item-month">Mar</span></div></li><li><div class="news-item-detail"><a href="javascript:;" class="news-item-title">Duis aute irure dolor in reprehenderit</a><p class="news-item-preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p></div><div class="news-item-date"><span class="news-item-day">08</span><span class="news-item-month">Mar</span></div></li></ul> -->
                         </div>
                         <!-- /widget-content -->
                      </div>
                      <!-- /widget -->
                   </div>
                   <!-- /span6 -->
                </div>
                <!-- /row -->
             </div>
             <!-- /container -->
          </div>
          <!-- /main -->
          <div class="customConfirmPopBackdrop" id="confirm1" style="display: none;">
             <div class="customModalInner">
                <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
                   <table>
                      <tr>
                         <td>
                            <img src="img/info.png" style="width: 50px;">
                            </td>
                            <td>
                               <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
                            </td>
                         </tr>
                      </table>
                   </div>
                   <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
                      <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button>
                      <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
                   </div>
                </div>
-            </div>
+         </div>

app/partials/main/main.controller.js

Diff comments View file @7b21cec

1	(function() {	1	(function() {
2	'use strict'	2	'use strict'
3		3
4	angular.module('acufuel')	4	angular.module('acufuel')
5	.controller('MainController', [ '$scope', '$filter','$rootScope','$state', '$window', '$interval', MainController]);	5	.controller('MainController', [ '$scope', '$filter','$rootScope','$state', '$window', '$interval', MainController]);
6		6
7	function MainController($scope, $filter, $rootScope,$state, $window, $interval) {	7	function MainController($scope, $filter, $rootScope,$state, $window, $interval) {
8		8
9	$scope.currentUserName = JSON.parse(localStorage.getItem('currentUserName'));	9	$scope.currentUserName = JSON.parse(localStorage.getItem('currentUserName'));
10	$scope.companyName = JSON.parse(localStorage.getItem('companyName'));	10	$scope.companyName = JSON.parse(localStorage.getItem('companyName'));
11	var User = JSON.parse(localStorage.getItem('currentUser'));	11	var User = JSON.parse(localStorage.getItem('currentUser'));
12		12
13	if(User.type === 'ADDITIONAL'){	13	if(User.type === 'ADDITIONAL'){
14	$scope.companyName = $scope.currentUserName;	14	$scope.companyName = $scope.currentUserName;
15	}	15	}
16		16
17	$scope.testFunction = function(){	17	$scope.testFunction = function(){
18	$scope.currentUserName = JSON.parse(localStorage.getItem('currentUserName'));	18	$scope.currentUserName = JSON.parse(localStorage.getItem('currentUserName'));
19	$scope.companyName = JSON.parse(localStorage.getItem('companyName'));	19	$scope.companyName = JSON.parse(localStorage.getItem('companyName'));
20	}	20	}
21		21
22	$scope.logout = function(){	22	$scope.logout = function(){
23	$state.go('login');	23	$state.go('login');
24	localStorage.clear();	24	localStorage.clear();
25	$rootScope.isAuthenticated = false;	25	$rootScope.isAuthenticated = false;
26		26
27	}	27	}
28		28
29	/**	29	/**
30	Automatic logout session after 2 hours	30	Automatic logout session after 2 hours
31	**/	31	**/
32		32
33	var resetTime;	33	var resetTime;
34	/*function warning(){	34	/*function warning(){
35	//setTimeout(function(){	35	//setTimeout(function(){
36	$('.warning-message').delay(5000).css('display', 'block');	36	$('.warning-message').delay(5000).css('display', 'block');
37	//}, 5000);	37	//}, 5000);
38	}*/	38	}*/
39		39
40	resetTime = setInterval(function(){	40	resetTime = setInterval(function(){
41	// $('.warning-message').delay(5000).css('display', 'block');	41	// $('.warning-message').delay(5000).css('display', 'block');
42	//console.log('out');	42	//console.log('out');
43	localStorage.clear();	43	localStorage.clear();
44	$state.go('login');	44	$state.go('login');
45	}, 7200000);	45	}, 7200000);
46		46
47		47
48	$(document).mousemove(function(event){	48	$(document).mousemove(function(event){
49	clearInterval(resetTime);	49	clearInterval(resetTime);
50	//$('.warning-message').delay(5000).css('display', 'none');	50	//$('.warning-message').delay(5000).css('display', 'none');
51	// warning();	51	// warning();
52	//console.log('restart');	52	//console.log('restart');
53	resetTime = setInterval(function(){	53	resetTime = setInterval(function(){
54	//console.log('out');	54	//console.log('out');
55	//warning();	55	//warning();
56	localStorage.clear();	56	localStorage.clear();
57	$state.go('login');	57	$state.go('login');
58	}, 7200000);	58	}, 7200000);
59	})	59	})
60		60
61		61
62		62
63	// Flight Tracking page code	63	// Flight Tracking page code
64		64
65	/*$scope.reloadPage = function(){	65	/*$scope.reloadPage = function(){
66	console.log("if",$state)	66	console.log("if",$state)
67	console.log("=========state name",$state.current.name);	67	console.log("=========state name",$state.current.name);
68	// $state.go('app.flightTracking', {}, {reload: 'app.flightTracking'})	68	// $state.go('app.flightTracking', {}, {reload: 'app.flightTracking'})
69	//$state.go($state.current, {}, {reload: true});	69	//$state.go($state.current, {}, {reload: true});
70		70
71	if($state.current.name != "app.flightTracking"){	71	if($state.current.name != "app.flightTracking"){
72	$window.location.href = '/#!/flightTracking';	72	$window.location.href = '/#!/flightTracking';
73	setInterval(function(){	73	setInterval(function(){
74	console.log("come")	74	console.log("come")
75	$window.location.reload()	75	$window.location.reload()
76	},10);	76	},10);
77	}else{	77	}else{
78	console.log("flight tracking state found=====");	78	console.log("flight tracking state found=====");
79	$window.location.reload();	79	$window.location.reload();
80	}	80	}
81	}*/	81	}*/
82		82
83	// Set timeout variables.	83	// Set timeout variables.
84		84
85	}	85	}
86	//var timoutWarning = 840000; // Display warning in 14 Mins.	86	//var timoutWarning = 840000; // Display warning in 14 Mins.
87	//var timoutNow = 900000; // Timeout in 15 mins.	87	//var timoutNow = 900000; // Timeout in 15 mins.
88		88
89		89
90		90
91		91
92	})();	92	})();
93		93
94		94

app/partials/main/main.html

Diff comments View file @7b21cec

1		1
2	<nav class="navbar navbar-inverse" role="navigation">	2	<nav class="navbar navbar-inverse" role="navigation">
3	<div class="container">	3	<div class="container">
4	<!-- Brand and toggle get grouped for better mobile display -->	4	<!-- Brand and toggle get grouped for better mobile display -->
5	<div class="navbar-header">	5	<div class="navbar-header">
6	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">	6	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
7	<span class="sr-only">Toggle navigation</span>	7	<span class="sr-only">Toggle navigation</span>
8	<i class="icon-cog"></i>	8	<i class="icon-cog"></i>
9	</button>	9	</button>
10	<a class="navbar-brand" ui-sref="app.dashboard">	10	<a class="navbar-brand" ui-sref="app.dashboard">
11	<img src="./img/FBOinsights-logo.png" class="img-logo">	11	<img src="./img/FBOinsights-logo.png" class="img-logo">
12	</a>	12	</a>
13	</div>	13	</div>
14	<!-- Collect the nav links, forms, and other content for toggling -->	14	<!-- Collect the nav links, forms, and other content for toggling -->
15	<div class="collapse navbar-collapse navbar-ex1-collapse">	15	<div class="collapse navbar-collapse navbar-ex1-collapse">
16	<ul class="nav navbar-nav navbar-right">	16	<ul class="nav navbar-nav navbar-right">
17	<li class="dropdown">	17	<li class="dropdown">
18	<a href="javscript:;" class="dropdown-toggle" data-toggle="dropdown" style="color: #000000; background-color: #eeeeef;" >	18	<a href="javscript:;" class="dropdown-toggle" data-toggle="dropdown" style="color: #000000; background-color: #eeeeef;" >
19	<i class="icon-plane"></i> <font color="black">	19	<i class="icon-plane"></i> <font color="black">
20	<!--{{currentUserName}} -->	20	<!--{{currentUserName}} -->
21	{{companyName}} </font>	21	{{companyName}} </font>
22	<b class="caret"></b>	22	<b class="caret"></b>
23	</a>	23	</a>
24	<ul class="dropdown-menu">	24	<ul class="dropdown-menu">
25	<li ng-if="!isAuthenticated"><a href="javascript:;">My Profile</a></li>	25	<li ng-if="!isAuthenticated"><a href="javascript:;">My Profile</a></li>
26	<li ng-if="isAuthenticated"><a ui-sref="app.accountSetting">Account Settings</a></li>	26	<li ng-if="isAuthenticated"><a ui-sref="app.accountSetting">Account Settings</a></li>
27	<li class="divider"></li>	27	<li class="divider"></li>
28	<li><a ng-click="logout();">Logout</a></li>	28	<li><a ng-click="logout();">Logout</a></li>
29	</ul>	29	</ul>
30	</li>	30	</li>
31	</ul>	31	</ul>
32	</div>	32	</div>
33	<!-- /.navbar-collapse -->	33	<!-- /.navbar-collapse -->
34	</div>	34	</div>
35	<!-- /.container -->	35	<!-- /.container -->
36	</nav>	36	</nav>
37	<div class="subnavbar">	37	<div class="subnavbar">
38	<div class="subnavbar-inner">	38	<div class="subnavbar-inner">
39	<div class="container">	39	<div class="container">
40	<a href="javascript:;" class="subnav-toggle" data-toggle="collapse" data-target=".subnav-collapse">	40	<a href="javascript:;" class="subnav-toggle" data-toggle="collapse" data-target=".subnav-collapse">
41	<span class="sr-only">Toggle navigation</span>	41	<span class="sr-only">Toggle navigation</span>
42	<i class="icon-reorder"></i>	42	<i class="icon-reorder"></i>
43	</a>	43	</a>
44	<div class="collapse subnav-collapse">	44	<div class="collapse subnav-collapse">
45	<ul class="mainnav">	45	<ul class="mainnav">
46	<li ng-if="isAuthenticated">	46	<li ng-if="isAuthenticated">
47	<a ui-sref="app.dashboard">	47	<a ui-sref="app.dashboard">
48	<i class="fa fa-home"></i>	48	<i class="fa fa-home"></i>
49	<span>Home</span>	49	<span>Home</span>
50	</a>	50	</a>
51	</li>	51	</li>
52		52
53	<li class="dropdown" ng-if="isAuthenticated">	53	<li class="dropdown" ng-if="isAuthenticated">
54	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">	54	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
55	<i class="fa fa-user"></i>	55	<i class="fa fa-user"></i>
56	<span>Accounts</span>	56	<span>Accounts</span>
57	<b class="caret"></b>	57	<b class="caret"></b>
58	</a>	58	</a>
59	<ul class="dropdown-menu">	59	<ul class="dropdown-menu">
60	<!-- <li><a ui-sref="app.viewCompany">View Companies</a></li> -->	60	<!-- <li><a ui-sref="app.viewCompany">View Companies</a></li> -->
61	<li><a ui-sref="app.customers">View Customers</a></li>	61	<li><a ui-sref="app.customers">View Customers</a></li>
62	<li><a ui-sref="app.account">View Fuel Vendors</a></li>	62	<li><a ui-sref="app.account">View Fuel Vendors</a></li>
63	<!-- <li><a ui-sref="app.analytics">Lookup Flight Dept</a></li> -->	63	<!-- <li><a ui-sref="app.analytics">Lookup Flight Dept</a></li> -->
64	</ul>	64	</ul>
65	</li>	65	</li>
66		66
67		67
68	<li class="dropdown" ng-if="isAuthenticated">	68	<li class="dropdown" ng-if="isAuthenticated">
69	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">	69	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
70	<i class="fa fa-book"></i>	70	<i class="fa fa-book"></i>
71	<span>Fuel Manager</span>	71	<span>Fuel Manager</span>
72	<b class="caret"></b>	72	<b class="caret"></b>
73	</a>	73	</a>
74	<ul class="dropdown-menu">	74	<ul class="dropdown-menu">
75	<li ng-show = 'isShowFMA'><a ui-sref="app.updateFuelManager" href="#/updateFuelManager">Update Fuel Pricing</a></li>	75	<li ng-show = 'isShowFMA'><a ui-sref="app.updateFuelManager" href="#/updateFuelManager">Update Fuel Pricing</a></li>
76	<li><a ui-sref="app.fuelManager" href="#/fuelManager">Update Ramp Fees</a></li>	76	<li><a ui-sref="app.fuelManager" href="#/fuelManager">Update Ramp Fees</a></li>
77	<li class="dropdown-submenu">	77	<li class="dropdown-submenu">
78	<a tabindex="-1" >Tax Manager</a>	78	<a tabindex="-1" >Tax Manager</a>
79	<ul class="dropdown-menu">	79	<ul class="dropdown-menu">
80	<li><a tabindex="-1" ui-sref="app.taxes" href="#/taxes">Federal Taxes</a></li>	80	<li><a tabindex="-1" ui-sref="app.taxes" href="#/taxes">Federal Taxes</a></li>
81	<li><a ui-sref="app.taxes" href="#/taxes">State & Country Taxes</a></li>	81	<li><a ui-sref="app.taxes" href="#/taxes">State & Country Taxes</a></li>
82	<li><a ui-sref="app.taxes" href="#/taxes">Airport Taxes</a></li>	82	<li><a ui-sref="app.taxes" href="#/taxes">Airport Taxes</a></li>
83	</ul>	83	</ul>
84	</li>	84	</li>
85	</ul>	85	</ul>
86	</li>	86	</li>
87		87
88	<li class="dropdown" ng-if="isAuthenticated">	88	<li class="dropdown" ng-if="isAuthenticated">
89	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">	89	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
90	<i class="fa fa-tint"></i>	90	<i class="fa fa-tint"></i>
91	<span>Fuel Orders</span>	91	<span>Fuel Orders</span>
92	<b class="caret"></b>	92	<b class="caret"></b>
93	</a>	93	</a>
94	<ul class="dropdown-menu">	94	<ul class="dropdown-menu">
95	<li ng-show = 'isShowFMA'><a ui-sref="app.enterFuelOrder" href="#/fuelOrders">Create Fuel Order</a></li>	95	<li ng-show = 'isShowFMA'><a ui-sref="app.enterFuelOrder" href="#/fuelOrders">Create Fuel Order</a></li>
96	<li>	96	<li>
97	<a ui-sref="app.fuelOrders">Fuel Transactions</a>	97	<a ui-sref="app.fuelOrders">Fuel Transactions</a>
98	</li>	98	</li>
99	</ul>	99	</ul>
100	</li>	100	</li>
101		101
102	<li ng-if="isAuthenticated">	102	<li ng-if="isAuthenticated">
103	<a ui-sref="app.scheduler">	103	<a ui-sref="app.scheduler">
104	<i class="fa fa-calendar"></i>	104	<i class="fa fa-calendar"></i>
105	<span>Scheduler</span>	105	<span>Scheduler</span>
106	</a>	106	</a>
107	</li>	107	</li>
108	<li ng-if="isAuthenticated">	108	<li ng-if="isAuthenticated">
109	<a ui-sref="app.analytics">	109	<a ui-sref="app.analytics">
110	<i class="fa fa-signal"></i>	110	<i class="fa fa-signal"></i>
111	<span>Analytics</span>	111	<span>Analytics</span>
112	</a>	112	</a>
113	</li>	113	</li>
114	<li ng-if="isAuthenticated">	114	<li ng-if="isAuthenticated">
115	<!-- <a ui-sref="app.flightTracking()" ng-click="reloadPage()" data-ui-sref-opts="{reload:false}"> -->	115	<!-- <a ui-sref="app.flightTracking()" ng-click="reloadPage()" data-ui-sref-opts="{reload:false}"> -->
116	<a ui-sref="app.flightTracking">	116	<a ui-sref="app.flightTracking">
117	<i class="fa fa-plane"></i>	117	<i class="fa fa-plane"></i>
118	<span>Flight Tracking</span>	118	<span>Flight Tracking</span>
119	</a>	119	</a>
120	</li>	120	</li>
		121
121	<li ng-if="!isAuthenticated">	122	<li ng-if="!isAuthenticated">
122	<a ui-sref="app.flightDepDashboard">	123	<a ui-sref="app.flightDepDashboard">
123	<i class="fa fa-search"></i>	124	<i class="fa fa-search"></i>
124	<span>Search Fuel</span>	125	<span>Search Fuel</span>
125	</a>	126	</a>
126	</li>	127	</li>
127	<li class="dropdown" ng-if="!isAuthenticated">	128	<li class="dropdown" ng-if="!isAuthenticated">
128	<a ui-sref="app.flightDepOrders" class="dropdown-toggle" data-toggle="dropdown">	129	<a ui-sref="app.flightDepOrders" class="dropdown-toggle" data-toggle="dropdown">
129	<i class="fa fa-tint"></i>	130	<i class="fa fa-tint"></i>
130	<span>Fuel Orders</span>	131	<span>Fuel Orders</span>
131	</a>	132	</a>
132	</li>	133	</li>
133	</ul>	134	</ul>
134	</div>	135	</div>
135	<!-- /.subnav-collapse -->	136	<!-- /.subnav-collapse -->
136	</div>	137	</div>
137	<!-- /container -->	138	<!-- /container -->
138	</div>	139	</div>
139	<!-- /subnavbar-inner -->	140	<!-- /subnavbar-inner -->
140	</div>	141	</div>
141	<!-- /subnavbar -->	142	<!-- /subnavbar -->
142	<div ui-view></div>	143	<div ui-view></div>
143	<!-- </body> -->	144	<!-- </body> -->
144	<!-- footer -->	145	<!-- footer -->
145	<div class="extra" style="display: none;">	146	<div class="extra" style="display: none;">
146	<div class="container">	147	<div class="container">
147	<div class="row">	148	<div class="row">
148	<div class="col-md-3">	149	<div class="col-md-3">
149	<h4>About</h4>	150	<h4>About</h4>
150	<ul>	151	<ul>
151	<li><a href="javascript:;">About Us</a></li>	152	<li><a href="javascript:;">About Us</a></li>
152	<li><a href="javascript:;">Twitter</a></li>	153	<li><a href="javascript:;">Twitter</a></li>
153	<li><a href="javascript:;">Facebook</a></li>	154	<li><a href="javascript:;">Facebook</a></li>
154	<li><a href="javascript:;">Google+</a></li>	155	<li><a href="javascript:;">Google+</a></li>
155	</ul>	156	</ul>
156	</div>	157	</div>
157	<!-- /span3 -->	158	<!-- /span3 -->
158	<div class="col-md-3">	159	<div class="col-md-3">
159	<h4>Support</h4>	160	<h4>Support</h4>
160	<ul>	161	<ul>
161	<li><a href="javascript:;">Frequently Asked Questions</a></li>	162	<li><a href="javascript:;">Frequently Asked Questions</a></li>
162	<li><a href="javascript:;">Ask a Question</a></li>	163	<li><a href="javascript:;">Ask a Question</a></li>
163	<li><a href="javascript:;">Video Tutorial</a></li>	164	<li><a href="javascript:;">Video Tutorial</a></li>
164	<li><a href="javascript:;">Feedback</a></li>	165	<li><a href="javascript:;">Feedback</a></li>
165	</ul>	166	</ul>
166	</div>	167	</div>
167	<!-- /span3 -->	168	<!-- /span3 -->
168	<div class="col-md-3">	169	<div class="col-md-3">
169	<h4>Legal</h4>	170	<h4>Legal</h4>
170	<ul>	171	<ul>
171	<li><a href="javascript:;">License</a></li>	172	<li><a href="javascript:;">License</a></li>
172	<li><a href="javascript:;">Terms of Use</a></li>	173	<li><a href="javascript:;">Terms of Use</a></li>
173	<li><a href="javascript:;">Privacy Policy</a></li>	174	<li><a href="javascript:;">Privacy Policy</a></li>
174	<li><a href="javascript:;">Security</a></li>	175	<li><a href="javascript:;">Security</a></li>
175	</ul>	176	</ul>
176	</div>	177	</div>
177	<!-- /span3 -->	178	<!-- /span3 -->
178	<div class="col-md-3">	179	<div class="col-md-3">
179	<h4>Settings</h4>	180	<h4>Settings</h4>
180	<ul>	181	<ul>
181	<li><a href="javascript:;">Consectetur adipisicing</a></li>	182	<li><a href="javascript:;">Consectetur adipisicing</a></li>
182	<li><a href="javascript:;">Eiusmod tempor </a></li>	183	<li><a href="javascript:;">Eiusmod tempor </a></li>
183	<li><a href="javascript:;">Fugiat nulla pariatur</a></li>	184	<li><a href="javascript:;">Fugiat nulla pariatur</a></li>
184	<li><a href="javascript:;">Officia deserunt</a></li>	185	<li><a href="javascript:;">Officia deserunt</a></li>
185	</ul>	186	</ul>
186	</div>	187	</div>
187	<!-- /span3 -->	188	<!-- /span3 -->
188	</div>	189	</div>
189	<!-- /row -->	190	<!-- /row -->
190	</div>	191	</div>
191	<!-- /container -->	192	<!-- /container -->
192	</div>	193	</div>
193	<!-- /extra -->	194	<!-- /extra -->
194	<div class="footer">	195	<div class="footer">
195	<div class="container">	196	<div class="container">
196	<div class="row">	197	<div class="row">
197	<div id="footer-copyright" class="col-md-6">	198	<div id="footer-copyright" class="col-md-6">
198	© 2018-19 FBOinsights.	199	© 2018-19 FBOinsights.
199	</div>	200	</div>
200	<!-- /span6 -->	201	<!-- /span6 -->
201	<!-- <div id="footer-terms" class="col-md-6">	202	<!-- <div id="footer-terms" class="col-md-6">
202	Theme by <a href="#" target="_blank">FBOinsights</a>	203	Theme by <a href="#" target="_blank">FBOinsights</a>
203	</div> -->	204	</div> -->
204	<!-- /.span6 -->	205	<!-- /.span6 -->
205	</div>	206	</div>
206	<!-- /row -->	207	<!-- /row -->
207	</div>	208	</div>
208	<!-- /container -->	209	<!-- /container -->
209	</div>	210	</div>
210		211
211		212
212	<!--automatic logout session-->	213	<!--automatic logout session-->
213	<!-- <div class="alert alert-warning warning-message" style="display: none; z-index: 99999; position: fixed; top: 50px; right: 50px;">	214	<!-- <div class="alert alert-warning warning-message" style="display: none; z-index: 99999; position: fixed; top: 50px; right: 50px;">
214	<strong>Warning!</strong> Indicates a warning that might need attention.	215	<strong>Warning!</strong> Indicates a warning that might need attention.
215	</div> -->	216	</div> -->