viithiisys / Acufuel

Browse Code »

Commit 3e6e9e0f40e312e874e9807fd6f270935443b9be

Authored by Anchit Jindal 2018-05-21 01:48:30 -0400

1 parent 0ed3fc0f72

Exists in master

validate user exists

Showing 3 changed files with 34 additions and 2 deletions Show diff stats

app/partials/accountSetting/accountSetting.Controller.js

Diff comments View file @3e6e9e0

 (function() {
     'use strict'
     angular.module('acufuel')
         .controller('AccountSettingController', [ '$scope', '$filter', '$rootScope', '$state', 'AccountSettingService', AccountSettingController]);
       function AccountSettingController($scope, $filter, $rootScope, $state, AccountSettingService) {
           $scope.addArray = [];
           $scope.userData = {};
           getAdditionalAccounts();
           function getAdditionalAccounts() {
             AccountSettingService.getAdditionalAccounts().then(function(result) {
               $scope.additionalAccounts = result;
                 })
           }
           $scope.userid = JSON.parse(localStorage.getItem('userProfileId'));
           if($scope.userid && $scope.userid != null && $scope.userid != undefined){
             var id = $scope.userid;
             AccountSettingService.loginUserData(id).then(function(result) {
                 $scope.userData = result;
                 $scope.userData.status = $scope.userData.account.user.status.toLowerCase();
                 $scope.userData.userType = $scope.userData.userType.type.toLowerCase();
             })
           }
           AccountSettingService.getProducts().then(function(result) {
                 $scope.productList = result;
                 for(var i=0;i<$scope.productList.length;i++){
                   var obj = {
                     id : $scope.productList[i].id,
                     name : $scope.productList[i].name,
                     status : $scope.productList[i].status
                   }
                   $scope.addArray.push(obj);
                 }
           })
           $scope.productData = {};
           $scope.productData.productList = [];
           $scope.checkProduct = function(productlist, product, index){
               $scope.addArray[index].id =  productlist[index].id;
               $scope.addArray[index].name =  productlist[index].name;
               $scope.addArray[index].status =  productlist[index].status;
               $scope.productData.productList = $scope.addArray;
                console.log($scope.productData)
           }
           $scope.updateUser = function(){
             var updateData = "companyName=" + $scope.userData.companyName + "&username=" + $scope.userData.username + "&firstName=" + $scope.userData.firstName
             + "&lastName=" + $scope.userData.lastName + "&phone=" + $scope.userData.phone + "&mobile=" + $scope.userData.mobile
             + "&status=" + $scope.userData.status + "&userType=" + $scope.userData.userType + "&userTypeId=" + $scope.userData.userType.id + "&userProfileId=" + $scope.userid;
             AccountSettingService.updateUserProfile(updateData).then(function(result) {
               AccountSettingService.updateProducts($scope.productData).then(function(result) {
                 toastr.success(''+result.success+'', {
                     closeButton: true
                 });
                 window.localStorage.setItem('currentUserName', JSON.stringify($scope.userData.firstName +' '+ $scope.userData.lastName));
                 window.localStorage.setItem('companyName', JSON.stringify($scope.userData.companyName));
                 $scope.currentUserName = JSON.parse(localStorage.getItem('currentUserName'));
                 $scope.companyName= JSON.parse(localStorage.getItem('companyName'))
                 $scope.testFunction();
               })
             })
           }
           $scope.accountdata = {};
           $scope.accountdata.userName = '';
           $scope.accountdata.status = true;
             $scope.addAccount = function(){
               $('#demo-modal').css('display', 'block');
                $scope.accountdata.status = true;
           }
           $scope.cancelAddAccount = function(){
               $scope.accountdata = {};
               $('#demo-modal').css('display', '');
           }
+          $scope.checkEmail = function(email, type) {
+        	  console.log(type)
+        	  AccountSettingService.checkEmail(email).then(function(result) {
+        		  if(result.status == 'ACTIVE'){
+        			  toastr.error('Email already exists.', {
+                          closeButton: true
+                      })
+                      if(type == 'additional'){
+                    	  $scope.accountdata.userName = '';
+                      }
+        		  }
+        	  })
+          }
            $scope.additionalAccnObj = {};
            $scope.createAddAccount = function(){
             $scope.accountdata.status = true;
               if ($scope.accountdata.userName === '') {
                 toastr.error('Please enter all the fields.', {
                     closeButton: true
                 })
               }else{
                 if (validateEmail($scope.accountdata.userName)) {
                   console.log("checkbox",$scope.accountdata.allowEpd ,$scope.accountdata.allowFma
 )
                    AccountSettingService.addAdditionalAccount($scope.accountdata).then(function(result) {
                       getAdditionalAccounts();
                       $scope.accountdata = {};
                       $('#demo-modal').css('display', '');
                       toastr.success(''+result.success+'', {
                           closeButton: true
                       })
                     })
                 }else{
                   toastr.error('Please enter valid email.', {
                       closeButton: true
                   })
                 }
               }
           }
         /*Validate Email */
          function validateEmail(email) {
             var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
             return re.test(email);
           }
                $scope.changeStatus = function(id, index){
                event.stopPropagation();
                var id = id;
                var statusData = "status=" + $scope.additionalAccounts[index].status + "&id=" + $scope.additionalAccounts[index].id + "&firstName=" + $scope.additionalAccounts[index].firstName
                + "&lastName=" + $scope.additionalAccounts[index].lastName + "&username=" + $scope.additionalAccounts[index].userName + "&password=" + $scope.additionalAccounts[index].password
                + "&allowEpd=" + $scope.additionalAccounts[index].allowEpd + "&allowFma=" + $scope.additionalAccounts[index].allowFma;
                AccountSettingService.updateStatus(statusData).then(function(result) {
                    if(result.success){
                      toastr.success('Updated Successfully', {
                            closeButton: true
                        })
                    }
                })
             }
            var deleteAccnId = "";
            $scope.deleteAdditionalAccount = function(id) {
              $('#delete1').css('display', 'block');
                deleteAccnId = id;
            }
            $scope.accnDelete = function(){
              AccountSettingService.deleteAccount(deleteAccnId).then(function(result) {
                getAdditionalAccounts();
                $('#delete1').css('display', 'none');
                    if(result.success){
                      toastr.success('Deleted Successfully', {
                            closeButton: true
                        })
                    }
                })
            }
            $scope.cancelDelete = function(){
              $('#delete1').css('display', 'none');
            }
       }
 })();

app/partials/accountSetting/accountSetting.Service.js

Diff comments View file @3e6e9e0

 (function() {
 	'use strict';
 	angular.module('acufuel').service(
 			'AccountSettingService',
 			[ '$rootScope', '$q', '$http', '$state', 'BASE_URL',
 					AccountSettingService ]);
 	function AccountSettingService($rootScope, $q, $http, $state, BASE_URL) {
 		this.getProducts = function() {
 			var deferred = $q.defer();
 			$http({
 				method : 'GET',
 				url : BASE_URL.url + '/user/products',
 				headers : {
 					'Content-Type' : 'application/json'
 				},
 			}).then(function(result) {
 				deferred.resolve(result.data);
 			}, function(result) {
 				//console.log(result.data)
 				deferred.resolve(result.data);
 			})
 			return deferred.promise;
 		}
 		this.updateProducts = function(data) {
 			var deferred = $q.defer();
 			$http({
 				method : 'PUT',
 				url : BASE_URL.url + '/fuelPricing/product',
 				data : data,
 				headers : {
 					'Content-Type' : 'application/json'
 				},
 			}).then(function(result) {
 				deferred.resolve(result.data);
 			}, function(result) {
 				//console.log(result.data)
 				deferred.resolve(result.data);
 			})
 			return deferred.promise;
 		}
 		this.loginUserData = function(id) {
 			var deferred = $q.defer();
 			$http({
 				method : 'GET',
 				url : BASE_URL.url + '/account/user/' + id,
 				headers : {
 					'Content-Type' : 'application/json'
 				},
 			}).then(function(result) {
 				deferred.resolve(result.data);
 			}, function(result) {
 				//console.log(result.data)
 				deferred.resolve(result.data);
 			})
 			return deferred.promise;
 		}
+		this.checkEmail = function(email) {
+			var deferred = $q.defer();
+			$http({
+				method : 'GET',
+				url : BASE_URL.url + '/user/email/status?email=' + email,
+				headers : {
+					'Content-Type' : 'application/json'
+				},
+			}).then(function(result) {
+				deferred.resolve(result.data);
+			}, function(result) {
+				//console.log(result.data)
+				deferred.resolve(result.data);
+			})
+			return deferred.promise;
+		}
 		this.updateUserProfile = function(data) {
 			var deferred = $q.defer();
 			$http({
 				method : 'PUT',
 				url : BASE_URL.url + '/account/updateProfile',
 				headers : {
 					'Content-Type' : 'application/x-www-form-urlencoded'
 				},
 				data : data
 			}).then(function(result) {
 				deferred.resolve(result.data);
 			}, function(result) {
 				//console.log(result.data)
 				deferred.resolve(result.data);
 			})
 			return deferred.promise;
 		}
 		this.addAdditionalAccount = function(data) {
 			console.log('----$scope.accountdata--', data);
 			var deferred = $q.defer();
 			$http({
 				method : 'POST',
 				url : BASE_URL.url + '/additionalAccount',
 				headers : {
 					'Content-Type' : 'application/json'
 				},
 				data : data
 			}).then(function(result) {
 				deferred.resolve(result.data);
 			}, function(result) {
 				deferred.resolve(result.data);
 			})
 			return deferred.promise;
 		}
 		this.getAdditionalAccounts = function() {
           var deferred = $q.defer();
           $http({
               method : 'GET',
               url : BASE_URL.url +'/user/additionalAccount',
               headers : {'Content-Type': 'application/json'},
           })
           .then(function (result){
               deferred.resolve(result.data);
           },function (result){
             //console.log(result.data)
               deferred.resolve(result.data);
           })
           return deferred.promise;
         }
 		this.updateStatus = function(data) {
 			var deferred = $q.defer();
 			$http({
 				method : 'PUT',
 				url : BASE_URL.url + '/additionalAccount',
 				headers : {
 					'Content-Type' : 'application/x-www-form-urlencoded'
 				},
 				data : data
 			}).then(function(result) {
 				deferred.resolve(result.data);
 			}, function(result) {
 				//console.log(result.data)
 				deferred.resolve(result.data);
 			})
 			return deferred.promise;
 		}
 		this.deleteAccount = function(id) {
 			var deferred = $q.defer();
 			$http({
 				method : 'DELETE',
 				url : BASE_URL.url + '/additionalAccount/'+id,
 				headers : {
 					'Content-Type' : 'application/x-www-form-urlencoded'
 				}
 			}).then(function(result) {
 				deferred.resolve(result.data);
 			}, function(result) {
 				//console.log(result.data)
 				deferred.resolve(result.data);
 			})
 			return deferred.promise;
 		}
 	}
 })();

app/partials/accountSetting/accountSetting.html

Diff comments View file @3e6e9e0

1	<div class="col-xs-12 col-md-11">	1	<div class="col-xs-12 col-md-11">
2	<div class="row" style="margin-left:0px">	2	<div class="row" style="margin-left:0px">
3	<div class="col-md-5">	3	<div class="col-md-5">
4	<div class="widget">	4	<div class="widget">
5	<div class="widget-header">	5	<div class="widget-header">
6	<i class="fa fa-user" aria-hidden="true"></i>	6	<i class="fa fa-user" aria-hidden="true"></i>
7	<h3>Account Setting</h3>	7	<h3>Account Setting</h3>
8	</div>	8	</div>
9	<!-- /widget-header -->	9	<!-- /widget-header -->
10	<div class="widget-content">	10	<div class="widget-content">
11	<h3 style="color: #666;margin-left: 10px; text-transform: capitalize;"><b>{{userData.companyName}}</b> </h3></br>	11	<h3 style="color: #666;margin-left: 10px; text-transform: capitalize;"><b>{{userData.companyName}}</b> </h3></br>
12		12
13	<form role="form">	13	<form role="form">
14	<div class="col-sm-6">	14	<div class="col-sm-6">
15	<div class="form-group"><label>Email Username</label> <input type="email" placeholder="Username" ng-model="userData.email" class="form-control"></div>	15	<div class="form-group"><label>Email Username</label> <input type="email" placeholder="Username" ng-model="userData.email" ng-blur="checkEmail(userData.email, 'user')" class="form-control"></div>
16	<div class="form-group"><label>First Name</label> <input type="text" placeholder="First Name" ng-model="userData.firstName" class="form-control"></div>	16	<div class="form-group"><label>First Name</label> <input type="text" placeholder="First Name" ng-model="userData.firstName" class="form-control"></div>
17	<div class="form-group"><label>Last Name</label> <input type="text" placeholder="Last Name" ng-model="userData.lastName" class="form-control"></div>	17	<div class="form-group"><label>Last Name</label> <input type="text" placeholder="Last Name" ng-model="userData.lastName" class="form-control"></div>
18	</div>	18	</div>
19		19
20	<div class="col-sm-6">	20	<div class="col-sm-6">
21	<!-- <div class="form-group"><label>Password</label> <input type="password" ng-model="userData.password" placeholder="Password" class="form-control"></div> -->	21	<!-- <div class="form-group"><label>Password</label> <input type="password" ng-model="userData.password" placeholder="Password" class="form-control"></div> -->
22	<div class="form-group"><label>Phone</label> <input type="tel" ng-model="userData.phone" placeholder="Phone" class="form-control"></div>	22	<div class="form-group"><label>Phone</label> <input type="tel" ng-model="userData.phone" placeholder="Phone" class="form-control"></div>
23	<div class="form-group"><label>Mobile</label> <input type="tel" ng-model="userData.mobile" placeholder="Mobile" class="form-control"></div>	23	<div class="form-group"><label>Mobile</label> <input type="tel" ng-model="userData.mobile" placeholder="Mobile" class="form-control"></div>
24	<div class="form-group"><label>Company Name</label> <input type="tel" ng-model="userData.companyName" placeholder="Company Name" class="form-control"></div>	24	<div class="form-group"><label>Company Name</label> <input type="tel" ng-model="userData.companyName" placeholder="Company Name" class="form-control"></div>
25	</div>	25	</div>
26	<div class="col-xs-12">	26	<div class="col-xs-12">
27	<div class="col-xs-12">	27	<div class="col-xs-12">
28	<div class="form-group">	28	<div class="form-group">
29	<div class="row">	29	<div class="row">
30	<div class="col-md-5">	30	<div class="col-md-5">
31	<label class="new-input-label"><b>Fuel Types Offered </b></label>	31	<label class="new-input-label"><b>Fuel Types Offered </b></label>
32	</div>	32	</div>
33	<div class="col-md-7" >	33	<div class="col-md-7" >
34	<label ng-repeat="product in productList" style="width: 100%; font-weight: normal;">	34	<label ng-repeat="product in productList" style="width: 100%; font-weight: normal;">
35	<!-- <input type="checkbox" ng-model="product.status" ng-click="checkProduct(product)"> {{product.name}}<br> -->	35	<!-- <input type="checkbox" ng-model="product.status" ng-click="checkProduct(product)"> {{product.name}}<br> -->
36	<input type="checkbox" id="Weekdays" ng-model="product.status" ng-click="checkProduct(productList, product, $index)">{{product.name}}	36	<input type="checkbox" id="Weekdays" ng-model="product.status" ng-click="checkProduct(productList, product, $index)">{{product.name}}
37	</label>	37	</label>
38	</div>	38	</div>
39	</div>	39	</div>
40	</div>	40	</div>
41	</div>	41	</div>
42	</div>	42	</div>
43	<div class="clearfix"></div>	43	<div class="clearfix"></div>
44	<div class="row" style="text-align: center;">	44	<div class="row" style="text-align: center;">
45	<button type="button" class="btn btn-primary" ng-click="updateUser()">Save</button>	45	<button type="button" class="btn btn-primary" ng-click="updateUser()">Save</button>
46	<button type="button" class="btn btn-default">Cancel</button>	46	<button type="button" class="btn btn-default">Cancel</button>
47	</div>	47	</div>
48	</form>	48	</form>
49	</div>	49	</div>
50	<!-- /widget-content -->	50	<!-- /widget-content -->
51	</div>	51	</div>
52	<!-- /widget -->	52	<!-- /widget -->
53	</div>	53	</div>
54	<div class="col-md-7">	54	<div class="col-md-7">
55	<div class="widget">	55	<div class="widget">
56	<div class="widget-header">	56	<div class="widget-header">
57	<i class="fa fa-tasks" aria-hidden="true"></i>	57	<i class="fa fa-tasks" aria-hidden="true"></i>
58	<h3>Additional User Accounts</h3>	58	<h3>Additional User Accounts</h3>
59	<div class="pull-right">	59	<div class="pull-right">
60	<button type="submit" style="margin-top: 4px;margin-right: 9px;" ng-click="addAccount()" data-toggle="modal" data-target="#vendor-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Contact</button>	60	<button type="submit" style="margin-top: 4px;margin-right: 9px;" ng-click="addAccount()" data-toggle="modal" data-target="#vendor-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Contact</button>
61	</div>	61	</div>
62	<div class="clearfix"></div>	62	<div class="clearfix"></div>
63	</div>	63	</div>
64	<!-- /widget-header -->	64	<!-- /widget-header -->
65	<div class="widget-content">	65	<div class="widget-content">
66	<div class="table-responsive">	66	<div class="table-responsive">
67	<table class="table table-bordered table-hover table-striped">	67	<table class="table table-bordered table-hover table-striped">
68	<thead>	68	<thead>
69	<tr>	69	<tr>
70	<th></th>	70	<th></th>
71	<th>First Name</th>	71	<th>First Name</th>
72	<th>Last Name</th>	72	<th>Last Name</th>
73	<th>Email Username</th>	73	<th>Email Username</th>
74	<th>Password</th>	74	<th>Password</th>
75	<th>Control</th>	75	<th>Control</th>
76	</tr>	76	</tr>
77	</thead>	77	</thead>
78	<tbody>	78	<tbody>
79	<tr ng-repeat="additionalAccount in additionalAccounts">	79	<tr ng-repeat="additionalAccount in additionalAccounts">
80	<td>	80	<td>
81	<i class="fa fa-trash-o deleteTierIcon" ng-click="deleteAdditionalAccount(additionalAccount.id)" aria-hidden="true"></i>	81	<i class="fa fa-trash-o deleteTierIcon" ng-click="deleteAdditionalAccount(additionalAccount.id)" aria-hidden="true"></i>
82	</td>	82	</td>
83	<td>{{additionalAccount.firstName}}</td>	83	<td>{{additionalAccount.firstName}}</td>
84	<td>{{additionalAccount.lastName}}</td>	84	<td>{{additionalAccount.lastName}}</td>
85	<td>{{additionalAccount.userName}}</td>	85	<td>{{additionalAccount.userName}}</td>
86	<td>{{additionalAccount.password}}</td>	86	<td>{{additionalAccount.password}}</td>
87	<td>	87	<td>
88	<toggle ng-model="additionalAccount.status" ng-change="changeStatus(additionalAccount.id, $index)" size="customToogle"></toggle>	88	<toggle ng-model="additionalAccount.status" ng-change="changeStatus(additionalAccount.id, $index)" size="customToogle"></toggle>
89	</td>	89	</td>
90	</tr>	90	</tr>
91	</tbody>	91	</tbody>
92	</table>	92	</table>
93	</div>	93	</div>
94	</div>	94	</div>
95	<!-- /widget-content -->	95	<!-- /widget-content -->
96	</div>	96	</div>
97	<!-- /widget -->	97	<!-- /widget -->
98	</div>	98	</div>
99	<!-- /span6 -->	99	<!-- /span6 -->
100	</div>	100	</div>
101	<!-- /widget -->	101	<!-- /widget -->
102	</div>	102	</div>
103	<!-- /container -->	103	<!-- /container -->
104	<div class="clearfix"></div>	104	<div class="clearfix"></div>
105		105
106	<form class="modal multi-step" id="demo-modal" name="fuelOrderUpdateForm">	106	<form class="modal multi-step" id="demo-modal" name="fuelOrderUpdateForm">
107	<div class="modal-dialog modal-m">	107	<div class="modal-dialog modal-m">
108	<div class="modal-content">	108	<div class="modal-content">
109	<div class="modal-body step-1" data-step="1" style="padding: 0;">	109	<div class="modal-body step-1" data-step="1" style="padding: 0;">
110	<div>	110	<div>
111	<div class="row" style="margin: 0;">	111	<div class="row" style="margin: 0;">
112	<div>	112	<div>
113	<div class="widget" style="margin-bottom: 0;">	113	<div class="widget" style="margin-bottom: 0;">
114	<div class="widget-header">	114	<div class="widget-header">
115	<i class="icon-pencil"></i>	115	<i class="icon-pencil"></i>
116	<i class="fa fa-user" aria-hidden="true"></i>	116	<i class="fa fa-user" aria-hidden="true"></i>
117	<h3>Account Settings</h3>	117	<h3>Account Settings</h3>
118	<div class="pull-right" style="margin-top: 5px; margin-right: 10px;">	118	<div class="pull-right" style="margin-top: 5px; margin-right: 10px;">
119	<toggle ng-model="accountdata.status" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle>	119	<toggle ng-model="accountdata.status" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle>
120	</div>	120	</div>
121	<div class="clearfix"></div>	121	<div class="clearfix"></div>
122	</div>	122	</div>
123	<div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">	123	<div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
124	<div class="col-xs-12">	124	<div class="col-xs-12">
125	<div class="col-xs-12">	125	<div class="col-xs-12">
126	<h2 style="color:#666;">Additional User Control</h2>	126	<h2 style="color:#666;">Additional User Control</h2>
127	</div>	127	</div>
128	<div class="clearfix"></div><br>	128	<div class="clearfix"></div><br>
129		129
130	<div class="col-xs-12">	130	<div class="col-xs-12">
131		131
132	<div class="col-md-6">	132	<div class="col-md-6">
133	<div class="pull-left" style="width: 110px;">	133	<div class="pull-left" style="width: 110px;">
134	<label class="new-input-label"><b>First Name</b></label>	134	<label class="new-input-label"><b>First Name</b></label>
135	</div>	135	</div>
136		136
137		137
138	</div>	138	</div>
139	<div class="col-md-6">	139	<div class="col-md-6">
140	<div class="pull-left" style="width: 110px;">	140	<div class="pull-left" style="width: 110px;">
141	<label class="new-input-label"><b>Last Name</b></label>	141	<label class="new-input-label"><b>Last Name</b></label>
142	</div>	142	</div>
143		143
144		144
145	</div>	145	</div>
146		146
147	</div>	147	</div>
148		148
149	<br/>	149	<br/>
150		150
151		151
152	<div class="col-xs-12">	152	<div class="col-xs-12">
153		153
154	<div class="col-md-6">	154	<div class="col-md-6">
155	<div class="pull-left" style="width: calc(140% - 170px);">	155	<div class="pull-left" style="width: calc(140% - 170px);">
156	<input type="text" ng-model="accountdata.firstName" placeholder="First Name" class="form-control" >	156	<input type="text" ng-model="accountdata.firstName" placeholder="First Name" class="form-control" >
157	</div>	157	</div>
158		158
159	<div class="clearfix"></div>	159	<div class="clearfix"></div>
160	</div>	160	</div>
161	<div class="col-md-6">	161	<div class="col-md-6">
162	<div class="pull-left" style="width: calc(140% - 170px);">	162	<div class="pull-left" style="width: calc(140% - 170px);">
163	<input type="text" ng-model="accountdata.lastName" placeholder="Last Name" class="form-control" >	163	<input type="text" ng-model="accountdata.lastName" placeholder="Last Name" class="form-control" >
164	</div>	164	</div>
165		165
166	<div class="clearfix"></div>	166	<div class="clearfix"></div>
167	</div>	167	</div>
168	</div>	168	</div>
169	<div class="clearfix"></div>	169	<div class="clearfix"></div>
170	<br/>	170	<br/>
171		171
172	<div class="col-xs-12">	172	<div class="col-xs-12">
173		173
174	<div class="col-md-6">	174	<div class="col-md-6">
175	<div class="pull-left" style="width: 110px;">	175	<div class="pull-left" style="width: 110px;">
176	<label class="new-input-label"><b>Email Username</b></label>	176	<label class="new-input-label"><b>Email Username</b></label>
177	</div>	177	</div>
178		178
179		179
180	</div>	180	</div>
181	<div class="col-md-6">	181	<div class="col-md-6">
182	<div class="pull-left" style="width: 110px;">	182	<div class="pull-left" style="width: 110px;">
183	<label class="new-input-label"><b>Password</b></label>	183	<label class="new-input-label"><b>Password</b></label>
184	</div>	184	</div>
185		185
186		186
187	</div>	187	</div>
188		188
189	</div>	189	</div>
190		190
191	<br/>	191	<br/>
192	<div class="col-xs-12">	192	<div class="col-xs-12">
193		193
194	<div class="col-md-6">	194	<div class="col-md-6">
195	<div class="pull-left" style="width: calc(140% - 170px);">	195	<div class="pull-left" style="width: calc(140% - 170px);">
196	<input type="email" ng-model="accountdata.userName" placeholder="XYZfbo@gmail.com" class="form-control" required >	196	<input type="email" ng-model="accountdata.userName" ng-blur="checkEmail(accountdata.userName, 'additional')" placeholder="XYZfbo@gmail.com" class="form-control" required >
197	</div>	197	</div>
198		198
199	<div class="clearfix"></div>	199	<div class="clearfix"></div>
200	</div>	200	</div>
201	<div class="col-md-6">	201	<div class="col-md-6">
202	<div class="pull-left" style="width: calc(140% - 170px);">	202	<div class="pull-left" style="width: calc(140% - 170px);">
203	<input type="text" ng-model="accountdata.password" placeholder="Password" class="form-control" >	203	<input type="text" ng-model="accountdata.password" placeholder="Password" class="form-control" >
204	</div>	204	</div>
205		205
206	<div class="clearfix"></div>	206	<div class="clearfix"></div>
207	</div>	207	</div>
208	</div>	208	</div>
209	<div class="clearfix"></div>	209	<div class="clearfix"></div>
210	<div class="clearfix"></div>	210	<div class="clearfix"></div>
211	<br/>	211	<br/>
212	<div class="col-xs-12">	212	<div class="col-xs-12">
213	<div class="col-md-6">	213	<div class="col-md-6">
214	<input type="checkbox" id="Weekdays" ng-model="accountdata.allowFma" >&nbsp Allow Fuel Manager Access	214	<input type="checkbox" id="Weekdays" ng-model="accountdata.allowFma" >&nbsp Allow Fuel Manager Access
215	<br>	215	<br>
216	<input type="checkbox" id="Weekdays" ng-model="accountdata.allowEpd" >&nbsp Allow Emailed Price Distribution	216	<input type="checkbox" id="Weekdays" ng-model="accountdata.allowEpd" >&nbsp Allow Emailed Price Distribution
217	</div>	217	</div>
218	</div>	218	</div>
219	<div class="clearfix"></div>	219	<div class="clearfix"></div>
220	<br/>	220	<br/>
221	<div class="col-xs-12">	221	<div class="col-xs-12">
222		222
223	</div>	223	</div>
224		224
225		225
226	</div>	226	</div>
227	</div>	227	</div>
228		228
229	</div>	229	</div>
230	</div>	230	</div>
231	</div>	231	</div>
232	</div>	232	</div>
233		233
234	<div class="modal-footer" style="border-top: 0;">	234	<div class="modal-footer" style="border-top: 0;">
235	<button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="createAddAccount()" >Save</button>	235	<button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="createAddAccount()" >Save</button>
236	<button type="button" class="btn btn-default" ng-click="cancelAddAccount()" data-dismiss="modal">Cancel</button>	236	<button type="button" class="btn btn-default" ng-click="cancelAddAccount()" data-dismiss="modal">Cancel</button>
237	</div>	237	</div>
238	</div>	238	</div>
239	</div>	239	</div>
240	</div>	240	</div>
241	</form>	241	</form>
242	<div class="customConfirmPopBackdrop" id="delete1">	242	<div class="customConfirmPopBackdrop" id="delete1">
243	<div class="customModalInner" style="max-width: 400px;">	243	<div class="customModalInner" style="max-width: 400px;">
244	<div class="customModelBody" style="border-radius: 5px 5px 0 0;">	244	<div class="customModelBody" style="border-radius: 5px 5px 0 0;">
245	<table>	245	<table>
246	<tr>	246	<tr>
247	<td>	247	<td>
248	<img src="img/info.png" style="width: 50px;">	248	<img src="img/info.png" style="width: 50px;">
249	</td>	249	</td>
250	<td>	250	<td>
251	<p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Account?</p>	251	<p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Account?</p>
252	</td>	252	</td>
253	</tr>	253	</tr>
254	</table>	254	</table>
255	</div>	255	</div>
256	<div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">	256	<div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
257	<button class="btn" style="padding: 4px 0; width: 80px;" ng-click="accnDelete()">Accept</button>	257	<button class="btn" style="padding: 4px 0; width: 80px;" ng-click="accnDelete()">Accept</button>
258	<button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button>	258	<button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button>
259	</div>	259	</div>
260	</div>	260	</div>
261	</div>	261	</div>
262		262
263		263