loader added

Swarn Singh
1 parent 406deaecb9
Showing 4 changed files with 23 additions and 0 deletions Show diff stats
app/css/custom.css
app/img/hourglass.gif
app/partials/fuelManager/fuelManager.controller.js
app/partials/fuelManager/fuelManager.html
@@ -675,4 +675,19 @@ font-size: 10px !important;
 	height: auto !important;
 	min-height: 28px !important;
  
+}
+
+.myLoader{
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	z-index: 9999;
+	top: 0;
+	left: 0;
+	text-align: center;
+	background-color: rgba(0, 0, 0, 0.2);
+}
+.myLoader img{
+	position: relative;
+	top: calc(50% - 25px);
 }
 \ No newline at end of file
@@ -10,14 +10,17 @@
   function fuelManagerController($scope, $rootScope, $uibModal, $filter, $http, fuelManagerService) {
  
       $scope.currentUserData = JSON.parse(localStorage.getItem('userProfileId'));
+      $scope.showLoader = true;
  
       fuelManagerService.getFullList().then(function(result) {
         $scope.fullJetList = result;
+        $scope.showLoader = false;
       })
  
       $scope.avoidanceList = {};
  
       $scope.updateList = function(fullJetList){
+        $scope.showLoader = true;
         $scope.addData = [];
         $scope.newJetList = fullJetList;
         if ($scope.currentUserData == undefined || $scope.currentUserData == null) {
@@ -51,6 +54,7 @@
             })
             fuelManagerService.getFullList().then(function(result) {
               $scope.fullJetList = result;
+              $scope.showLoader = false;
             })
           })
  
@@ -3,6 +3,10 @@
    color: #ff9900;
    }
 </style>
+<div class="myLoader" ng-show="showLoader">
+   <img src="../img/hourglass.gif" width="50px;">
+</div>
+
 <div class="container" style="display: none;">
    <div class="row">
       <div class="col-md-10">
...	...	@@ -675,4 +675,19 @@ font-size: 10px !important;
675	675	height: auto !important;
676	676	min-height: 28px !important;
677	677
	678	+}
	679	+
	680	+.myLoader{
	681	+ width: 100%;
	682	+ height: 100%;
	683	+ position: fixed;
	684	+ z-index: 9999;
	685	+ top: 0;
	686	+ left: 0;
	687	+ text-align: center;
	688	+ background-color: rgba(0, 0, 0, 0.2);
	689	+}
	690	+.myLoader img{
	691	+ position: relative;
	692	+ top: calc(50% - 25px);
678	693	}
679	694	\ No newline at end of file
...	...
...	...	@@ -10,14 +10,17 @@
10	10	function fuelManagerController($scope, $rootScope, $uibModal, $filter, $http, fuelManagerService) {
11	11
12	12	$scope.currentUserData = JSON.parse(localStorage.getItem('userProfileId'));
	13	+ $scope.showLoader = true;
13	14
14	15	fuelManagerService.getFullList().then(function(result) {
15	16	$scope.fullJetList = result;
	17	+ $scope.showLoader = false;
16	18	})
17	19
18	20	$scope.avoidanceList = {};
19	21
20	22	$scope.updateList = function(fullJetList){
	23	+ $scope.showLoader = true;
21	24	$scope.addData = [];
22	25	$scope.newJetList = fullJetList;
23	26	if ($scope.currentUserData == undefined \|\| $scope.currentUserData == null) {
...	...	@@ -51,6 +54,7 @@
51	54	})
52	55	fuelManagerService.getFullList().then(function(result) {
53	56	$scope.fullJetList = result;
	57	+ $scope.showLoader = false;
54	58	})
55	59	})
56	60
...	...
...	...	@@ -3,6 +3,10 @@
3	3	color: #ff9900;
4	4	}
5	5	</style>
	6	+<div class="myLoader" ng-show="showLoader">
	7	+ <img src="../img/hourglass.gif" width="50px;">
	8	+</div>
	9	+
6	10	<div class="container" style="display: none;">
7	11	<div class="row">
8	12	<div class="col-md-10">
...	...