FBO department functionality, and update airport loader on every csv when uploaded

Rishav
1 parent cf2b349837
Showing 11 changed files with 465 additions and 30 deletions Show diff stats
app/index.html
app/scripts/config.js
app/scripts/controllers.js
app/views/common/topnavbar.html
app/views/fbo-Clients/fboClients.html
app/views/login/login.service.js
app/views/update-airports/update-airports.html
app/views/update-airports/updateAirportController.js
app/views/updateFBODept/updateFBODept.controller.js
app/views/updateFBODept/updateFBODept.html
app/views/updateFBODept/updateFBODept.service.js
@@ -117,6 +117,8 @@
 <script src="views/updateAllFBO/updateAllFBO.service.js"></script>
 <script src="views/fbo-Clients/fboClient.controller.js"></script>
 <script src="views/fbo-Clients/fboClient.service.js"></script>
+<script src="views/updateFBODept/updateFBODept.controller.js"></script>
+<script src="views/updateFBODept/updateFBODept.service.js"></script>
 <!-- endbuild -->
  
 </body>
@@ -48,6 +48,11 @@ function config($stateProvider, $urlRouterProvider) {
             templateUrl: "views/updateAllFBO/updateAllFBO.html",
             controller: 'updateAllFBOController'
         })
+        .state('index.updateFBODept', {
+            url: "/updateFBODept/:id",
+            templateUrl: "views/updateFBODept/updateFBODept.html",
+            controller: 'updateFBODeptController'
+        })
         .state('index.fboClients', {
             url: "/fboClients",
             templateUrl: "views/fbo-Clients/fboClients.html",
@@ -6,12 +6,16 @@
 /**
  * MainCtrl - controller
  */
-function MainCtrl($scope, $location) {
+function MainCtrl($scope, $location, LoginService) {
  
     $scope.userName = 'Dylan Goodwin';
     $scope.helloText = 'Welcome in SeedProject';
     $scope.descriptionText = 'It is an application skeleton for a typical AngularJS web app. You can use it to quickly bootstrap your angular webapp projects and dev environment for these projects.';
  
+    $scope.logout = function(){
+    	console.log("Called")
+    	LoginService.logout();
+    }
 };
  
  
@@ -17,7 +17,7 @@
             </li>
         </ul>
     </nav> -->
-    <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
+    <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0" ng-controller="MainCtrl">
         <div class="navbar-header">
             <span minimaliza-sidebar></span>
             <h1 style="font-weight: 500;margin-left: 10px;margin-top: 12px;float: left;">FBO Admin Conductor</h1>
@@ -124,7 +124,7 @@
  
  
             <li>
-                <a href="login.html">
+                <a ng-click="logout()">
                     <i class="fa fa-sign-out"></i> Log out
                 </a>
             </li>
@@ -58,7 +58,7 @@
                            <div class="table-responsive">
                               <table class="table table-striped table-hover">
                                  <tbody>
-                                    <tr ng-repeat="dept in fboDeptList">
+                                    <tr ng-repeat="dept in fboDeptList" ui-sref="index.updateFBODept({id: dept.user.id})" style="cursor: pointer;">
                                        <td><a data-toggle="tab" href="#company-1" class="client-link">Tellus Institute</a></td>
                                        <td>{{dept.user.firstName}}</td>
                                        <td><i class="fa fa-flag"></i> {{dept.user.lastName}}</td>
@@ -54,7 +54,7 @@
           $http({
               method : 'POST',
               url : BE.url +'/user/logout',
-              headers : {'Content-Type': 'application/x-www-form-urlencoded'},
+              headers : {'Content-Type': 'application/json'},
               data : data
           })
           .success(function(result) {
@@ -28,65 +28,90 @@
                         <tr style="background: #f9f9f9;">
                             <td>Airports</td>
                             <td>
-                                <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;">
+                                <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;" ng-show="showAirports">
                                     <div ngf-drop="importAirportData($files)" class="drop-box" ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-pattern="">
                                         <div class="dz-default dz-message drop-box" ngf-select="importAirportData($file)" ng-model="picFile">
                                             <p class="dpFiles"><i style="color: red;margin-right: 5px;" class="fa fa-caret-right" aria-hidden="true"></i><span ng-show="dropName">Drop files here or click to upload (Or Click)</span><span ng-hide="dropName">{{selectedFile.name}}</span><br></p>
                                         </div>
                                     </div>
                                 </form>
+                                <div class="spinner" ng-hide="showAirports" style="margin: 0px auto 0;">
+                                  <div class="bounce1"></div>
+                                  <div class="bounce2"></div>
+                                  <div class="bounce3"></div>
+                                </div>
                             </td>
                             <td>{{newDate}}</td>
                         </tr>
                         <tr style="background: #fff;">
                             <td>Countries</td>
                             <td>
-                                <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;">
+                                <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;" ng-show="showCountries">
                                     <div ngf-drop="importCountryData($files)" class="drop-box" ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-pattern="">
                                         <div class="dz-default dz-message drop-box" ngf-select="importCountryData($file)" ng-model="countryFile">
                                             <p class="dpFiles"><i style="color: red;margin-right: 5px;" class="fa fa-caret-right" aria-hidden="true"></i><span ng-show="countryName">Drop files here or click to upload (Or Click)</span><span ng-hide="countryName">{{selectedCountry.name}}</span><br></p>
                                         </div>
                                     </div>
                                 </form>
+                                <div class="spinner" ng-hide="showCountries" style="margin: 0px auto 0;">
+                                  <div class="bounce1"></div>
+                                  <div class="bounce2"></div>
+                                  <div class="bounce3"></div>
+                                </div>
                             </td>
                             <td>{{newDate}}</td>
                         </tr>
                         <tr style="background: #f9f9f9;">
                             <td>FBOHandlerDetail</td>
                             <td>
-                                <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;">
+                                <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;" ng-show="fboHandlerDetail">
                                     <div ngf-drop="importFboHandler($files)" class="drop-box" ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-pattern="">
                                         <div class="dz-default dz-message drop-box" ngf-select="importFboHandler($file)" ng-model="FBOFile">
                                             <p class="dpFiles"><i style="color: red;margin-right: 5px;" class="fa fa-caret-right" aria-hidden="true"></i><span ng-show="fboHandlerName">Drop files here or click to upload (Or Click)</span><span ng-hide="fboHandlerName">{{selectedFBO.name}}</span><br></p>
                                         </div>
                                     </div>
                                 </form>
+                                <div class="spinner" ng-hide="fboHandlerDetail" style="margin: 0px auto 0;">
+                                  <div class="bounce1"></div>
+                                  <div class="bounce2"></div>
+                                  <div class="bounce3"></div>
+                                </div>
                             </td>
                             <td>{{newDate}}</td>
                         </tr>
                         <tr style="background: #fff;">
                             <td>SubdivisionStates</td>
                             <td>
-                                <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;">
+                                <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;" ng-show="subDivState">
                                     <div ngf-drop="importsubDivisionData($files)" class="drop-box" ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-pattern="">
                                         <div class="dz-default dz-message drop-box" ngf-select="importsubDivisionData($file)" ng-model="stateFile">
                                             <p class="dpFiles"><i style="color: red;margin-right: 5px;" class="fa fa-caret-right" aria-hidden="true"></i><span ng-show="subDivisionName">Drop files here or click to upload (Or Click)</span><span ng-hide="subDivisionName">{{selectedState.name}}</span><br></p>
                                         </div>
                                     </div>
                                 </form>
+                                <div class="spinner" ng-hide="subDivState" style="margin: 0px auto 0;">
+                                  <div class="bounce1"></div>
+                                  <div class="bounce2"></div>
+                                  <div class="bounce3"></div>
+                                </div>
                             </td>
                             <td>{{newDate}}</td>
                         </tr>
                         <tr style="background: #f9f9f9;">
                             <td>SupplierDetail</td>
                             <td>
-                                <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;">
+                                <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;" ng-show="suppDetail">
                                     <div ngf-drop="importSuppluerDetail($files)" class="drop-box" ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-pattern="">
                                         <div class="dz-default dz-message drop-box" ngf-select="importSuppluerDetail($file)">
                                             <p class="dpFiles"><i style="color: red;margin-right: 5px;" class="fa fa-caret-right" aria-hidden="true"></i><span ng-show="supplierName">Drop files here or click to upload (Or Click)</span><span ng-hide="supplierName">{{selectedSuplier.name}}</span><br></p>
                                         </div>
                                     </div>
                                 </form>
+                                <div class="spinner" ng-hide="suppDetail" style="margin: 0px auto 0;">
+                                  <div class="bounce1"></div>
+                                  <div class="bounce2"></div>
+                                  <div class="bounce3"></div>
+                                </div>
                             </td>
                             <td>{{newDate}}</td>
                         </tr>
@@ -97,9 +122,4 @@
             </div>
         </div>
     </div>
-</div>
-<div class="spinner" ng-show="myLoader">
-  <div class="bounce1"></div>
-  <div class="bounce2"></div>
-  <div class="bounce3"></div>
 </div>
 \ No newline at end of file
@@ -8,7 +8,11 @@ angular.module(&#39;acuefuel&#39;)
       	$scope.countryName = true;
       	$scope.subDivisionName = true;
       	$scope.fboHandlerName = true;
-      	$scope.myLoader = false;
+      	$scope.showAirports = true;
+      	$scope.showCountries = true;
+      	$scope.fboHandlerDetail = true;
+      	$scope.subDivState = true;
+      	$scope.suppDetail = true;
  
   		// Showing Date
       	var today = new Date();
@@ -26,7 +30,7 @@ angular.module(&#39;acuefuel&#39;)
 		//Import Airport Data
 		$scope.data = {};
 		$scope.importAirportData = function(fileName) {
-			$scope.myLoader = true;
+			$scope.showAirports = false;
 			console.log(fileName)
 			if(fileName.name != undefined){
 				$scope.dropName = false;
@@ -41,13 +45,14 @@ angular.module(&#39;acuefuel&#39;)
 			console.log(fileCheck)
 			if(fileCheck == 'csv'){
 				UpdateAirportService.updateAirportData($scope.data).then(function(result) {
-					$scope.myLoader = false;
+					$scope.showAirports = true;
 			  		console.log(result)
 			  	 	toastr.success('Copied', {
 		              closeButton: true
 		            })
 				})
 			}else {
+				$scope.showAirports = true;
 				$scope.dropName = true;
 				toastr.error('Please select only csv file', {
 	              closeButton: true
@@ -59,7 +64,7 @@ angular.module(&#39;acuefuel&#39;)
 		//Import Supplier Detail Data
 		$scope.supplierData = {};
 		$scope.importSuppluerDetail = function(fileName){
-			$scope.myLoader = true;
+			$scope.suppDetail = false;
 			console.log(fileName)
 			if(fileName.name != undefined){
 				$scope.supplierName = false;
@@ -75,13 +80,13 @@ angular.module(&#39;acuefuel&#39;)
 			if(fileCheck == 'csv'){
 				UpdateAirportService.updateSupplierDetail($scope.supplierData).then(function(result) {
 			  	console.log(result)
-			  		$scope.myLoader = false;
+			  		$scope.suppDetail = true;
 			  	 	toastr.success('File Upload Successfully', {
 		              closeButton: true
 		            })
 				})
 			}else {
-				$scope.myLoader = false;
+				$scope.suppDetail = true;
 				$scope.supplierName = true;
 				toastr.error('Please select only csv file', {
 	              closeButton: true
@@ -92,7 +97,7 @@ angular.module(&#39;acuefuel&#39;)
 		//Import Countries Data
 		$scope.countryData = {};
 		$scope.importCountryData = function(fileName){
-			$scope.myLoader = true;
+			$scope.showCountries = false;
 			console.log(fileName)
 			if(fileName.name != undefined){
 				$scope.countryName = false;
@@ -108,13 +113,13 @@ angular.module(&#39;acuefuel&#39;)
 			if(fileCheck == 'csv'){
 				UpdateAirportService.updateCountries($scope.countryData).then(function(result) {
 			  	console.log(result)
-			  		$scope.myLoader = false;
+			  		$scope.showCountries = true;
 			  	 	toastr.success('File Upload Successfully', {
 		              closeButton: true
 		            })
 				})
 			}else {
-				$scope.myLoader = false;
+				$scope.showCountries = true;
 				$scope.countryName = true;
 				toastr.error('Please select only csv file', {
 	              closeButton: true
@@ -125,7 +130,7 @@ angular.module(&#39;acuefuel&#39;)
 		//Import Sub Divison State Data
 		$scope.subDivisionData = {};
 		$scope.importsubDivisionData = function(fileName){
-			$scope.myLoader = true;
+			$scope.subDivState = false;
 			console.log(fileName)
 			if(fileName.name != undefined){
 				$scope.subDivisionName = false;
@@ -141,13 +146,13 @@ angular.module(&#39;acuefuel&#39;)
 			if(fileCheck == 'csv'){
 				UpdateAirportService.updateSubDivisionState($scope.subDivisionData).then(function(result) {
 			  	console.log(result)
-			  		$scope.myLoader = false;
+			  		$scope.subDivState = true;
 			  	 	toastr.success('File Upload Successfully', {
 		              closeButton: true
 		            })
 				})
 			}else {
-				$scope.myLoader = false;
+				$scope.subDivState = true;
 				$scope.subDivisionName = true;
 				toastr.error('Please select only csv file', {
 	              closeButton: true
@@ -158,7 +163,7 @@ angular.module(&#39;acuefuel&#39;)
 		//Import FBO Handler Data
 		$scope.fboHandlerData = {};
 		$scope.importFboHandler = function(fileName){
-			$scope.myLoader = true;
+			$scope.fboHandlerDetail = false;
 			console.log(fileName)
 			if(fileName.name != undefined){
 				$scope.fboHandlerName = false;
@@ -174,13 +179,13 @@ angular.module(&#39;acuefuel&#39;)
 			if(fileCheck == 'csv'){
 				UpdateAirportService.updateFBOHandler($scope.fboHandlerData).then(function(result) {
 			  	console.log(result)
-			  		$scope.myLoader = false;
+			  		$scope.fboHandlerDetail = true;
 			  	 	toastr.success('File Upload Successfully', {
 		              closeButton: true
 		            })
 				})
 			}else {
-				$scope.myLoader = false;
+				$scope.fboHandlerDetail = true;
 				$scope.fboHandlerName = true;
 				toastr.error('Please select only csv file', {
 	              closeButton: true
@@ -0,0 +1,24 @@
+'use strict';
+
+ //Load controller
+  angular.module('acuefuel')
+
+	.controller('updateFBODeptController', function($scope, $stateParams, UpdateAllFBODept) {
+
+      var userProfileID = $stateParams.id;
+      UpdateAllFBODept.getALlFBOData(userProfileID).then(function(result) {
+        console.log(result)
+        $scope.user = result;
+        UpdateAllFBODept.getNotes(userProfileID).then(function(response) {
+          $scope.user.clientNote = response[0].notes
+        })
+        // $scope.feature = result.accountFeatureControl;
+        // console.log($scope.feature,"dsdsdsds")
+        if($scope.user.account.user.status == 'ACTIVE'){
+          $scope.status = true;
+        }else {
+          $scope.status = false;
+        }
+      })
+
+  });
 \ No newline at end of file
@@ -0,0 +1,336 @@
+</div>
+    <div class="row wrapper border-bottom white-bg page-heading">
+        <div class="col-lg-8">
+            <h2>Tellus Institute</h2>
+        </div>
+        <div class="col-lg-4" style="margin-top: 20px; text-align: right;">
+            <button type="button" class="btn btn-default btn-sm">Cancel</button>
+            <button type="button" class="btn btn-primary btn-sm" ng-click="userData()">Save Changes</button>
+        </div>
+    </div>
+</div>
+<div class="wrapper wrapper-content animated fadeInRight">
+    <div class="row">
+        <div class="col-lg-7">
+            <div class="ibox float-e-margins">
+                <div class="ibox-title">
+                    <div class="pull-left">
+                        <h5>Contact Information</h5>
+                    </div>
+                    <div class="pull-right my-toggle-switch">
+                        <div class="switch">
+                            <div class="onoffswitch">
+                                <input type="checkbox" ng-checked="status === true" ng-model="status" ng-init="status = true" class="onoffswitch-checkbox" id="example1">
+                                <label class="onoffswitch-label" for="example1">
+                                    <span class="onoffswitch-inner"></span>
+                                    <span class="onoffswitch-switch"></span>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="clearfix"></div>
+                </div>
+                <div class="ibox-content">
+                    <div class="row">
+                        <form role="form">
+                            <div class="col-sm-6 b-r">
+                                    <div class="form-group"><label>Username</label> <input type="email" placeholder="Email Username" ng-model="user.email" class="form-control"></div>
+                                    <div class="form-group"><label>First Name</label> <input type="text" placeholder="First Name" ng-model="user.firstName" class="form-control"></div>
+                                    <div class="form-group"><label>Last Name</label> <input type="text" placeholder="Last Name" ng-model="user.lastName" class="form-control"></div>
+                                    <!-- <div>
+                                        <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>Log in</strong></button>
+                                        <label> <input type="checkbox" class="i-checks"> Remember me </label>
+                                    </div> -->
+                                
+                            </div>
+                            <div class="col-sm-6">
+                                <div class="form-group"><label>Password</label> <input type="password" ng-model="user.password" placeholder="Password" class="form-control"></div>
+                                <div class="form-group"><label>Phone</label> <input type="tel" ng-model="user.phone" placeholder="Phone" class="form-control"></div>
+                                <div class="form-group"><label>Mobile</label> <input type="tel" ng-model="user.mobile" placeholder="Mobile" class="form-control"></div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-5">
+            <div class="ibox float-e-margins">
+                <div class="ibox-title">
+                    <h5>Client Notes</h5>
+                    
+                </div>
+                <div class="ibox-content">
+                    <div class="row">
+                        <form role="form">
+                            <textarea class="form-control" rows="10" ng-model="user.clientNote" id="comment"></textarea>
+                        </form>
+                    </div>
+                </div>
+                
+            </div>
+        </div>
+    </div>
+</div>
+
+<div>
+  <div class="row">
+      <div class="col-lg-7">
+          <div class="ibox float-e-margins">
+              <div class="ibox-title">
+                <div>
+                  <h3 style="float: left;">Aircraft List</h3>
+                </div>
+                <div class="pull-right">
+                  <button type="button" class="btn btn-success color-success" style="background-color: #4caf50;">+ Add</button>
+                </div>
+                <div class="clearfix"></div>
+              </div>
+              <div class="content">
+                <div class="table-responsive">
+                  <table class="table table-bordered table-hover table-striped">
+                    <thead>
+                      <tr>
+                        <th>Tail</th>
+                        <th>Make</th>
+                        <th>Model</th>
+                        <th>Size</th>
+                        <th>Margin</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td>
+                          <input type="text" style="width:100px;" class="form-control">
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td>
+                          <input type="text" style="width:100px;" class="form-control">
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td>
+                          <input type="text" style="width:100px;" class="form-control">
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td>
+                          <input type="text" style="width:100px;" class="form-control">
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td>
+                          <input type="text" style="width:100px;" class="form-control">
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                        <td>
+                          <select class="form-control" style="height:31px;">
+                             <option>Margin1</option>
+                             <option>Margin2</option>
+                          </select>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                     <div class="clearfix"></div>
+                  </div>
+               </div>
+            </div>
+            <div class="col-lg-5">
+                <div class="ibox float-e-margins">
+                    <div class="ibox-title">
+                        <h5>Account Authenticatio & Payment Method</h5>
+                        
+                    </div>
+                    <div class="ibox-content">
+                        <div class="row">
+                            <div class="container">
+                                <div class="row">
+                                  <div class="col-xs-12 col-md-4">
+                                     <div class="panel panel-default credit-card-box">
+                                        <div class="panel-heading display-table" >
+                                           <div class="row display-tr" >
+                                              <h3 class="panel-title display-td" >Payment Details</h3>
+                                              <div class="display-td" >                            
+                                                 <img class="img-responsive pull-right" src="http://i76.imgup.net/accepted_c22e0.png">
+                                              </div>
+                                           </div>
+                                        </div>
+                                        <div class="panel-body">
+                                           <form role="form" id="payment-form">
+                                              <div class="row">
+                                                 <div class="col-xs-12">
+                                                    <div class="form-group">
+                                                       <label for="cardNumber">CARD NUMBER</label>
+                                                       <div class="input-group">
+                                                          <input type="number" ng-model="data.cardNumber" maxlength="16" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" class="form-control" name="cardNumber" placeholder="Valid Card Number" autocomplete="cc-number" required autofocus>
+                                                          <span class="input-group-addon"><i class="fa fa-credit-card"></i></span>
+                                                       </div>
+                                                    </div>
+                                                 </div>
+                                              </div>
+                                              <div class="row">
+                                                 <div class="col-xs-7 col-md-7">
+                                                    <div class="form-group">
+                                                       <label for="cardExpiry"><span class="hidden-xs">EXPIRATION</span><span class="visible-xs-inline">EXP</span> DATE</label>
+                                                       <input type="text" ng-model="data.expiryDate" class="form-control" name="cardExpiry" placeholder="MM / YY" autocomplete="cc-exp"
+                                                          required>
+                                                    </div>
+                                                 </div>
+                                                 <div class="col-xs-5 col-md-5 pull-right">
+                                                    <div class="form-group">
+                                                       <label for="cardCVC">CVV CODE</label>
+                                                       <input type="number"  maxlength="3" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" class="form-control" name="cardCVC" placeholder="CVC" autocomplete="cc-csc"
+                                                          required>
+                                                    </div>
+                                                 </div>
+                                              </div>
+                                              <div class="row">
+                                                 <div class="col-xs-12">
+                                                    <div class="form-group">
+                                                       <label for="name">Card Type</label>
+                                                        <select class="form-control m-b" name="account" ng-model="data.cardType" style="margin-bottom: 0;">
+                                                            <option value="creditCard" selected>Credit Card</option>
+                                                            <option value="debitCard">Debit Card</option>
+                                                        </select>
+                                                    </div>
+                                                 </div>
+                                              </div>
+                                              <div class="row">
+                                                 <div class="col-xs-12">
+                                                    <button class="btn btn-success btn-lg btn-block" type="submit" ng-click="addCard()">Add</button>
+                                                 </div>
+                                              </div>
+                                              <div class="row" style="display:none;">
+                                                 <div class="col-xs-12">
+                                                    <p class="payment-errors"></p>
+                                                 </div>
+                                              </div>
+                                           </form>
+                                        </div>
+                                     </div>
+                                  </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
 \ No newline at end of file
@@ -0,0 +1,39 @@
+(function() {
+  'use strict';
+
+  angular.module('acuefuel')
+      .service('UpdateAllFBODept', ['$rootScope', '$q', '$http', 'BE', UpdateAllFBODept])
+
+   function UpdateAllFBODept($rootScope, $q, $http, BE) {
+
+        this.getALlFBOData = function(id) {
+
+          var deferred = $q.defer();
+          $http({
+              method : 'GET',
+              url : BE.url +'/account/user/'+id,
+              headers : {'Content-Type': 'application/json'},
+          })
+          .success(function(result) {
+              deferred.resolve(result);
+          })
+          return deferred.promise;
+        }
+
+        this.getNotes = function(id) {
+
+          var deferred = $q.defer();
+          $http({
+              method : 'GET',
+              url : BE.url +'/account/user/'+id + '/notes',
+              headers : {'Content-Type': 'application/json'},
+          })
+          .success(function(result) {
+              deferred.resolve(result);
+          })
+          return deferred.promise;
+        }
+
+   }
+
+})();
 \ No newline at end of file
...	...	@@ -117,6 +117,8 @@
117	117	<script src="views/updateAllFBO/updateAllFBO.service.js"></script>
118	118	<script src="views/fbo-Clients/fboClient.controller.js"></script>
119	119	<script src="views/fbo-Clients/fboClient.service.js"></script>
	120	+<script src="views/updateFBODept/updateFBODept.controller.js"></script>
	121	+<script src="views/updateFBODept/updateFBODept.service.js"></script>
120	122	<!-- endbuild -->
121	123
122	124	</body>
...	...
...	...	@@ -48,6 +48,11 @@ function config($stateProvider, $urlRouterProvider) {
48	48	templateUrl: "views/updateAllFBO/updateAllFBO.html",
49	49	controller: 'updateAllFBOController'
50	50	})
	51	+ .state('index.updateFBODept', {
	52	+ url: "/updateFBODept/:id",
	53	+ templateUrl: "views/updateFBODept/updateFBODept.html",
	54	+ controller: 'updateFBODeptController'
	55	+ })
51	56	.state('index.fboClients', {
52	57	url: "/fboClients",
53	58	templateUrl: "views/fbo-Clients/fboClients.html",
...	...
...	...	@@ -6,12 +6,16 @@
6	6	/**
7	7	* MainCtrl - controller
8	8	*/
9		-function MainCtrl($scope, $location) {
	9	+function MainCtrl($scope, $location, LoginService) {
10	10
11	11	$scope.userName = 'Dylan Goodwin';
12	12	$scope.helloText = 'Welcome in SeedProject';
13	13	$scope.descriptionText = 'It is an application skeleton for a typical AngularJS web app. You can use it to quickly bootstrap your angular webapp projects and dev environment for these projects.';
14	14
	15	+ $scope.logout = function(){
	16	+ console.log("Called")
	17	+ LoginService.logout();
	18	+ }
15	19	};
16	20
17	21
...	...
...	...	@@ -17,7 +17,7 @@
17	17	</li>
18	18	</ul>
19	19	</nav> -->
20		- <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
	20	+ <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0" ng-controller="MainCtrl">
21	21	<div class="navbar-header">
22	22	<span minimaliza-sidebar></span>
23	23	<h1 style="font-weight: 500;margin-left: 10px;margin-top: 12px;float: left;">FBO Admin Conductor</h1>
...	...	@@ -124,7 +124,7 @@
124	124
125	125
126	126	<li>
127		- <a href="login.html">
	127	+ <a ng-click="logout()">
128	128	<i class="fa fa-sign-out"></i> Log out
129	129	</a>
130	130	</li>
...	...
...	...	@@ -58,7 +58,7 @@
58	58	<div class="table-responsive">
59	59	<table class="table table-striped table-hover">
60	60	<tbody>
61		- <tr ng-repeat="dept in fboDeptList">
	61	+ <tr ng-repeat="dept in fboDeptList" ui-sref="index.updateFBODept({id: dept.user.id})" style="cursor: pointer;">
62	62	<td><a data-toggle="tab" href="#company-1" class="client-link">Tellus Institute</a></td>
63	63	<td>{{dept.user.firstName}}</td>
64	64	<td><i class="fa fa-flag"></i> {{dept.user.lastName}}</td>
...	...
...	...	@@ -54,7 +54,7 @@
54	54	$http({
55	55	method : 'POST',
56	56	url : BE.url +'/user/logout',
57		- headers : {'Content-Type': 'application/x-www-form-urlencoded'},
	57	+ headers : {'Content-Type': 'application/json'},
58	58	data : data
59	59	})
60	60	.success(function(result) {
...	...
...	...	@@ -28,65 +28,90 @@
28	28	<tr style="background: #f9f9f9;">
29	29	<td>Airports</td>
30	30	<td>
31		- <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;">
	31	+ <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;" ng-show="showAirports">
32	32	<div ngf-drop="importAirportData($files)" class="drop-box" ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-pattern="">
33	33	<div class="dz-default dz-message drop-box" ngf-select="importAirportData($file)" ng-model="picFile">
34	34	<p class="dpFiles"><i style="color: red;margin-right: 5px;" class="fa fa-caret-right" aria-hidden="true"></i><span ng-show="dropName">Drop files here or click to upload (Or Click)</span><span ng-hide="dropName">{{selectedFile.name}}</span><br></p>
35	35	</div>
36	36	</div>
37	37	</form>
	38	+ <div class="spinner" ng-hide="showAirports" style="margin: 0px auto 0;">
	39	+ <div class="bounce1"></div>
	40	+ <div class="bounce2"></div>
	41	+ <div class="bounce3"></div>
	42	+ </div>
38	43	</td>
39	44	<td>{{newDate}}</td>
40	45	</tr>
41	46	<tr style="background: #fff;">
42	47	<td>Countries</td>
43	48	<td>
44		- <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;">
	49	+ <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;" ng-show="showCountries">
45	50	<div ngf-drop="importCountryData($files)" class="drop-box" ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-pattern="">
46	51	<div class="dz-default dz-message drop-box" ngf-select="importCountryData($file)" ng-model="countryFile">
47	52	<p class="dpFiles"><i style="color: red;margin-right: 5px;" class="fa fa-caret-right" aria-hidden="true"></i><span ng-show="countryName">Drop files here or click to upload (Or Click)</span><span ng-hide="countryName">{{selectedCountry.name}}</span><br></p>
48	53	</div>
49	54	</div>
50	55	</form>
	56	+ <div class="spinner" ng-hide="showCountries" style="margin: 0px auto 0;">
	57	+ <div class="bounce1"></div>
	58	+ <div class="bounce2"></div>
	59	+ <div class="bounce3"></div>
	60	+ </div>
51	61	</td>
52	62	<td>{{newDate}}</td>
53	63	</tr>
54	64	<tr style="background: #f9f9f9;">
55	65	<td>FBOHandlerDetail</td>
56	66	<td>
57		- <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;">
	67	+ <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;" ng-show="fboHandlerDetail">
58	68	<div ngf-drop="importFboHandler($files)" class="drop-box" ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-pattern="">
59	69	<div class="dz-default dz-message drop-box" ngf-select="importFboHandler($file)" ng-model="FBOFile">
60	70	<p class="dpFiles"><i style="color: red;margin-right: 5px;" class="fa fa-caret-right" aria-hidden="true"></i><span ng-show="fboHandlerName">Drop files here or click to upload (Or Click)</span><span ng-hide="fboHandlerName">{{selectedFBO.name}}</span><br></p>
61	71	</div>
62	72	</div>
63	73	</form>
	74	+ <div class="spinner" ng-hide="fboHandlerDetail" style="margin: 0px auto 0;">
	75	+ <div class="bounce1"></div>
	76	+ <div class="bounce2"></div>
	77	+ <div class="bounce3"></div>
	78	+ </div>
64	79	</td>
65	80	<td>{{newDate}}</td>
66	81	</tr>
67	82	<tr style="background: #fff;">
68	83	<td>SubdivisionStates</td>
69	84	<td>
70		- <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;">
	85	+ <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;" ng-show="subDivState">
71	86	<div ngf-drop="importsubDivisionData($files)" class="drop-box" ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-pattern="">
72	87	<div class="dz-default dz-message drop-box" ngf-select="importsubDivisionData($file)" ng-model="stateFile">
73	88	<p class="dpFiles"><i style="color: red;margin-right: 5px;" class="fa fa-caret-right" aria-hidden="true"></i><span ng-show="subDivisionName">Drop files here or click to upload (Or Click)</span><span ng-hide="subDivisionName">{{selectedState.name}}</span><br></p>
74	89	</div>
75	90	</div>
76	91	</form>
	92	+ <div class="spinner" ng-hide="subDivState" style="margin: 0px auto 0;">
	93	+ <div class="bounce1"></div>
	94	+ <div class="bounce2"></div>
	95	+ <div class="bounce3"></div>
	96	+ </div>
77	97	</td>
78	98	<td>{{newDate}}</td>
79	99	</tr>
80	100	<tr style="background: #f9f9f9;">
81	101	<td>SupplierDetail</td>
82	102	<td>
83		- <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;">
	103	+ <form class="dropzone12 dz-clickable" id="dropzoneForm" style="cursor: pointer;" ng-show="suppDetail">
84	104	<div ngf-drop="importSuppluerDetail($files)" class="drop-box" ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-pattern="">
85	105	<div class="dz-default dz-message drop-box" ngf-select="importSuppluerDetail($file)">
86	106	<p class="dpFiles"><i style="color: red;margin-right: 5px;" class="fa fa-caret-right" aria-hidden="true"></i><span ng-show="supplierName">Drop files here or click to upload (Or Click)</span><span ng-hide="supplierName">{{selectedSuplier.name}}</span><br></p>
87	107	</div>
88	108	</div>
89	109	</form>
	110	+ <div class="spinner" ng-hide="suppDetail" style="margin: 0px auto 0;">
	111	+ <div class="bounce1"></div>
	112	+ <div class="bounce2"></div>
	113	+ <div class="bounce3"></div>
	114	+ </div>
90	115	</td>
91	116	<td>{{newDate}}</td>
92	117	</tr>
...	...	@@ -97,9 +122,4 @@
97	122	</div>
98	123	</div>
99	124	</div>
100		-</div>
101		-<div class="spinner" ng-show="myLoader">
102		- <div class="bounce1"></div>
103		- <div class="bounce2"></div>
104		- <div class="bounce3"></div>
105	125	</div>
106	126	\ No newline at end of file
...	...
...	...	@@ -8,7 +8,11 @@ angular.module('acuefuel')
8	8	$scope.countryName = true;
9	9	$scope.subDivisionName = true;
10	10	$scope.fboHandlerName = true;
11		- $scope.myLoader = false;
	11	+ $scope.showAirports = true;
	12	+ $scope.showCountries = true;
	13	+ $scope.fboHandlerDetail = true;
	14	+ $scope.subDivState = true;
	15	+ $scope.suppDetail = true;
12	16
13	17	// Showing Date
14	18	var today = new Date();
...	...	@@ -26,7 +30,7 @@ angular.module('acuefuel')
26	30	//Import Airport Data
27	31	$scope.data = {};
28	32	$scope.importAirportData = function(fileName) {
29		- $scope.myLoader = true;
	33	+ $scope.showAirports = false;
30	34	console.log(fileName)
31	35	if(fileName.name != undefined){
32	36	$scope.dropName = false;
...	...	@@ -41,13 +45,14 @@ angular.module('acuefuel')
41	45	console.log(fileCheck)
42	46	if(fileCheck == 'csv'){
43	47	UpdateAirportService.updateAirportData($scope.data).then(function(result) {
44		- $scope.myLoader = false;
	48	+ $scope.showAirports = true;
45	49	console.log(result)
46	50	toastr.success('Copied', {
47	51	closeButton: true
48	52	})
49	53	})
50	54	}else {
	55	+ $scope.showAirports = true;
51	56	$scope.dropName = true;
52	57	toastr.error('Please select only csv file', {
53	58	closeButton: true
...	...	@@ -59,7 +64,7 @@ angular.module('acuefuel')
59	64	//Import Supplier Detail Data
60	65	$scope.supplierData = {};
61	66	$scope.importSuppluerDetail = function(fileName){
62		- $scope.myLoader = true;
	67	+ $scope.suppDetail = false;
63	68	console.log(fileName)
64	69	if(fileName.name != undefined){
65	70	$scope.supplierName = false;
...	...	@@ -75,13 +80,13 @@ angular.module('acuefuel')
75	80	if(fileCheck == 'csv'){
76	81	UpdateAirportService.updateSupplierDetail($scope.supplierData).then(function(result) {
77	82	console.log(result)
78		- $scope.myLoader = false;
	83	+ $scope.suppDetail = true;
79	84	toastr.success('File Upload Successfully', {
80	85	closeButton: true
81	86	})
82	87	})
83	88	}else {
84		- $scope.myLoader = false;
	89	+ $scope.suppDetail = true;
85	90	$scope.supplierName = true;
86	91	toastr.error('Please select only csv file', {
87	92	closeButton: true
...	...	@@ -92,7 +97,7 @@ angular.module('acuefuel')
92	97	//Import Countries Data
93	98	$scope.countryData = {};
94	99	$scope.importCountryData = function(fileName){
95		- $scope.myLoader = true;
	100	+ $scope.showCountries = false;
96	101	console.log(fileName)
97	102	if(fileName.name != undefined){
98	103	$scope.countryName = false;
...	...	@@ -108,13 +113,13 @@ angular.module('acuefuel')
108	113	if(fileCheck == 'csv'){
109	114	UpdateAirportService.updateCountries($scope.countryData).then(function(result) {
110	115	console.log(result)
111		- $scope.myLoader = false;
	116	+ $scope.showCountries = true;
112	117	toastr.success('File Upload Successfully', {
113	118	closeButton: true
114	119	})
115	120	})
116	121	}else {
117		- $scope.myLoader = false;
	122	+ $scope.showCountries = true;
118	123	$scope.countryName = true;
119	124	toastr.error('Please select only csv file', {
120	125	closeButton: true
...	...	@@ -125,7 +130,7 @@ angular.module('acuefuel')
125	130	//Import Sub Divison State Data
126	131	$scope.subDivisionData = {};
127	132	$scope.importsubDivisionData = function(fileName){
128		- $scope.myLoader = true;
	133	+ $scope.subDivState = false;
129	134	console.log(fileName)
130	135	if(fileName.name != undefined){
131	136	$scope.subDivisionName = false;
...	...	@@ -141,13 +146,13 @@ angular.module('acuefuel')
141	146	if(fileCheck == 'csv'){
142	147	UpdateAirportService.updateSubDivisionState($scope.subDivisionData).then(function(result) {
143	148	console.log(result)
144		- $scope.myLoader = false;
	149	+ $scope.subDivState = true;
145	150	toastr.success('File Upload Successfully', {
146	151	closeButton: true
147	152	})
148	153	})
149	154	}else {
150		- $scope.myLoader = false;
	155	+ $scope.subDivState = true;
151	156	$scope.subDivisionName = true;
152	157	toastr.error('Please select only csv file', {
153	158	closeButton: true
...	...	@@ -158,7 +163,7 @@ angular.module('acuefuel')
158	163	//Import FBO Handler Data
159	164	$scope.fboHandlerData = {};
160	165	$scope.importFboHandler = function(fileName){
161		- $scope.myLoader = true;
	166	+ $scope.fboHandlerDetail = false;
162	167	console.log(fileName)
163	168	if(fileName.name != undefined){
164	169	$scope.fboHandlerName = false;
...	...	@@ -174,13 +179,13 @@ angular.module('acuefuel')
174	179	if(fileCheck == 'csv'){
175	180	UpdateAirportService.updateFBOHandler($scope.fboHandlerData).then(function(result) {
176	181	console.log(result)
177		- $scope.myLoader = false;
	182	+ $scope.fboHandlerDetail = true;
178	183	toastr.success('File Upload Successfully', {
179	184	closeButton: true
180	185	})
181	186	})
182	187	}else {
183		- $scope.myLoader = false;
	188	+ $scope.fboHandlerDetail = true;
184	189	$scope.fboHandlerName = true;
185	190	toastr.error('Please select only csv file', {
186	191	closeButton: true
...	...
...	...	@@ -0,0 +1,24 @@
	1	+'use strict';
	2	+
	3	+ //Load controller
	4	+ angular.module('acuefuel')
	5	+
	6	+ .controller('updateFBODeptController', function($scope, $stateParams, UpdateAllFBODept) {
	7	+
	8	+ var userProfileID = $stateParams.id;
	9	+ UpdateAllFBODept.getALlFBOData(userProfileID).then(function(result) {
	10	+ console.log(result)
	11	+ $scope.user = result;
	12	+ UpdateAllFBODept.getNotes(userProfileID).then(function(response) {
	13	+ $scope.user.clientNote = response[0].notes
	14	+ })
	15	+ // $scope.feature = result.accountFeatureControl;
	16	+ // console.log($scope.feature,"dsdsdsds")
	17	+ if($scope.user.account.user.status == 'ACTIVE'){
	18	+ $scope.status = true;
	19	+ }else {
	20	+ $scope.status = false;
	21	+ }
	22	+ })
	23	+
	24	+ });
0	25	\ No newline at end of file
...	...
...	...	@@ -0,0 +1,336 @@
	1	+</div>
	2	+ <div class="row wrapper border-bottom white-bg page-heading">
	3	+ <div class="col-lg-8">
	4	+ <h2>Tellus Institute</h2>
	5	+ </div>
	6	+ <div class="col-lg-4" style="margin-top: 20px; text-align: right;">
	7	+ <button type="button" class="btn btn-default btn-sm">Cancel</button>
	8	+ <button type="button" class="btn btn-primary btn-sm" ng-click="userData()">Save Changes</button>
	9	+ </div>
	10	+ </div>
	11	+</div>
	12	+<div class="wrapper wrapper-content animated fadeInRight">
	13	+ <div class="row">
	14	+ <div class="col-lg-7">
	15	+ <div class="ibox float-e-margins">
	16	+ <div class="ibox-title">
	17	+ <div class="pull-left">
	18	+ <h5>Contact Information</h5>
	19	+ </div>
	20	+ <div class="pull-right my-toggle-switch">
	21	+ <div class="switch">
	22	+ <div class="onoffswitch">
	23	+ <input type="checkbox" ng-checked="status === true" ng-model="status" ng-init="status = true" class="onoffswitch-checkbox" id="example1">
	24	+ <label class="onoffswitch-label" for="example1">
	25	+ <span class="onoffswitch-inner"></span>
	26	+ <span class="onoffswitch-switch"></span>
	27	+ </label>
	28	+ </div>
	29	+ </div>
	30	+ </div>
	31	+ <div class="clearfix"></div>
	32	+ </div>
	33	+ <div class="ibox-content">
	34	+ <div class="row">
	35	+ <form role="form">
	36	+ <div class="col-sm-6 b-r">
	37	+ <div class="form-group"><label>Username</label> <input type="email" placeholder="Email Username" ng-model="user.email" class="form-control"></div>
	38	+ <div class="form-group"><label>First Name</label> <input type="text" placeholder="First Name" ng-model="user.firstName" class="form-control"></div>
	39	+ <div class="form-group"><label>Last Name</label> <input type="text" placeholder="Last Name" ng-model="user.lastName" class="form-control"></div>
	40	+ <!-- <div>
	41	+ <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>Log in</strong></button>
	42	+ <label> <input type="checkbox" class="i-checks"> Remember me </label>
	43	+ </div> -->
	44	+
	45	+ </div>
	46	+ <div class="col-sm-6">
	47	+ <div class="form-group"><label>Password</label> <input type="password" ng-model="user.password" placeholder="Password" class="form-control"></div>
	48	+ <div class="form-group"><label>Phone</label> <input type="tel" ng-model="user.phone" placeholder="Phone" class="form-control"></div>
	49	+ <div class="form-group"><label>Mobile</label> <input type="tel" ng-model="user.mobile" placeholder="Mobile" class="form-control"></div>
	50	+ </div>
	51	+ </form>
	52	+ </div>
	53	+ </div>
	54	+ </div>
	55	+ </div>
	56	+ <div class="col-lg-5">
	57	+ <div class="ibox float-e-margins">
	58	+ <div class="ibox-title">
	59	+ <h5>Client Notes</h5>
	60	+
	61	+ </div>
	62	+ <div class="ibox-content">
	63	+ <div class="row">
	64	+ <form role="form">
	65	+ <textarea class="form-control" rows="10" ng-model="user.clientNote" id="comment"></textarea>
	66	+ </form>
	67	+ </div>
	68	+ </div>
	69	+
	70	+ </div>
	71	+ </div>
	72	+ </div>
	73	+</div>
	74	+
	75	+<div>
	76	+ <div class="row">
	77	+ <div class="col-lg-7">
	78	+ <div class="ibox float-e-margins">
	79	+ <div class="ibox-title">
	80	+ <div>
	81	+ <h3 style="float: left;">Aircraft List</h3>
	82	+ </div>
	83	+ <div class="pull-right">
	84	+ <button type="button" class="btn btn-success color-success" style="background-color: #4caf50;">+ Add</button>
	85	+ </div>
	86	+ <div class="clearfix"></div>
	87	+ </div>
	88	+ <div class="content">
	89	+ <div class="table-responsive">
	90	+ <table class="table table-bordered table-hover table-striped">
	91	+ <thead>
	92	+ <tr>
	93	+ <th>Tail</th>
	94	+ <th>Make</th>
	95	+ <th>Model</th>
	96	+ <th>Size</th>
	97	+ <th>Margin</th>
	98	+ </tr>
	99	+ </thead>
	100	+ <tbody>
	101	+ <tr>
	102	+ <td>
	103	+ <input type="text" style="width:100px;" class="form-control">
	104	+ </td>
	105	+ <td>
	106	+ <select class="form-control" style="height:31px;">
	107	+ <option>Margin1</option>
	108	+ <option>Margin2</option>
	109	+ </select>
	110	+ </td>
	111	+ <td>
	112	+ <select class="form-control" style="height:31px;">
	113	+ <option>Margin1</option>
	114	+ <option>Margin2</option>
	115	+ </select>
	116	+ </td>
	117	+ <td>
	118	+ <select class="form-control" style="height:31px;">
	119	+ <option>Margin1</option>
	120	+ <option>Margin2</option>
	121	+ </select>
	122	+ </td>
	123	+ <td>
	124	+ <select class="form-control" style="height:31px;">
	125	+ <option>Margin1</option>
	126	+ <option>Margin2</option>
	127	+ </select>
	128	+ </td>
	129	+ </tr>
	130	+ <tr>
	131	+ <td>
	132	+ <input type="text" style="width:100px;" class="form-control">
	133	+ </td>
	134	+ <td>
	135	+ <select class="form-control" style="height:31px;">
	136	+ <option>Margin1</option>
	137	+ <option>Margin2</option>
	138	+ </select>
	139	+ </td>
	140	+ <td>
	141	+ <select class="form-control" style="height:31px;">
	142	+ <option>Margin1</option>
	143	+ <option>Margin2</option>
	144	+ </select>
	145	+ </td>
	146	+ <td>
	147	+ <select class="form-control" style="height:31px;">
	148	+ <option>Margin1</option>
	149	+ <option>Margin2</option>
	150	+ </select>
	151	+ </td>
	152	+ <td>
	153	+ <select class="form-control" style="height:31px;">
	154	+ <option>Margin1</option>
	155	+ <option>Margin2</option>
	156	+ </select>
	157	+ </td>
	158	+ </tr>
	159	+ <tr>
	160	+ <td>
	161	+ <input type="text" style="width:100px;" class="form-control">
	162	+ </td>
	163	+ <td>
	164	+ <select class="form-control" style="height:31px;">
	165	+ <option>Margin1</option>
	166	+ <option>Margin2</option>
	167	+ </select>
	168	+ </td>
	169	+ <td>
	170	+ <select class="form-control" style="height:31px;">
	171	+ <option>Margin1</option>
	172	+ <option>Margin2</option>
	173	+ </select>
	174	+ </td>
	175	+ <td>
	176	+ <select class="form-control" style="height:31px;">
	177	+ <option>Margin1</option>
	178	+ <option>Margin2</option>
	179	+ </select>
	180	+ </td>
	181	+ <td>
	182	+ <select class="form-control" style="height:31px;">
	183	+ <option>Margin1</option>
	184	+ <option>Margin2</option>
	185	+ </select>
	186	+ </td>
	187	+ </tr>
	188	+ <tr>
	189	+ <td>
	190	+ <input type="text" style="width:100px;" class="form-control">
	191	+ </td>
	192	+ <td>
	193	+ <select class="form-control" style="height:31px;">
	194	+ <option>Margin1</option>
	195	+ <option>Margin2</option>
	196	+ </select>
	197	+ </td>
	198	+ <td>
	199	+ <select class="form-control" style="height:31px;">
	200	+ <option>Margin1</option>
	201	+ <option>Margin2</option>
	202	+ </select>
	203	+ </td>
	204	+ <td>
	205	+ <select class="form-control" style="height:31px;">
	206	+ <option>Margin1</option>
	207	+ <option>Margin2</option>
	208	+ </select>
	209	+ </td>
	210	+ <td>
	211	+ <select class="form-control" style="height:31px;">
	212	+ <option>Margin1</option>
	213	+ <option>Margin2</option>
	214	+ </select>
	215	+ </td>
	216	+ </tr>
	217	+ <tr>
	218	+ <td>
	219	+ <input type="text" style="width:100px;" class="form-control">
	220	+ </td>
	221	+ <td>
	222	+ <select class="form-control" style="height:31px;">
	223	+ <option>Margin1</option>
	224	+ <option>Margin2</option>
	225	+ </select>
	226	+ </td>
	227	+ <td>
	228	+ <select class="form-control" style="height:31px;">
	229	+ <option>Margin1</option>
	230	+ <option>Margin2</option>
	231	+ </select>
	232	+ </td>
	233	+ <td>
	234	+ <select class="form-control" style="height:31px;">
	235	+ <option>Margin1</option>
	236	+ <option>Margin2</option>
	237	+ </select>
	238	+ </td>
	239	+ <td>
	240	+ <select class="form-control" style="height:31px;">
	241	+ <option>Margin1</option>
	242	+ <option>Margin2</option>
	243	+ </select>
	244	+ </td>
	245	+ </tr>
	246	+ </tbody>
	247	+ </table>
	248	+ </div>
	249	+ <div class="clearfix"></div>
	250	+ </div>
	251	+ </div>
	252	+ </div>
	253	+ <div class="col-lg-5">
	254	+ <div class="ibox float-e-margins">
	255	+ <div class="ibox-title">
	256	+ <h5>Account Authenticatio & Payment Method</h5>
	257	+
	258	+ </div>
	259	+ <div class="ibox-content">
	260	+ <div class="row">
	261	+ <div class="container">
	262	+ <div class="row">
	263	+ <div class="col-xs-12 col-md-4">
	264	+ <div class="panel panel-default credit-card-box">
	265	+ <div class="panel-heading display-table" >
	266	+ <div class="row display-tr" >
	267	+ <h3 class="panel-title display-td" >Payment Details</h3>
	268	+ <div class="display-td" >
	269	+ <img class="img-responsive pull-right" src="http://i76.imgup.net/accepted_c22e0.png">
	270	+ </div>
	271	+ </div>
	272	+ </div>
	273	+ <div class="panel-body">
	274	+ <form role="form" id="payment-form">
	275	+ <div class="row">
	276	+ <div class="col-xs-12">
	277	+ <div class="form-group">
	278	+ <label for="cardNumber">CARD NUMBER</label>
	279	+ <div class="input-group">
	280	+ <input type="number" ng-model="data.cardNumber" maxlength="16" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" class="form-control" name="cardNumber" placeholder="Valid Card Number" autocomplete="cc-number" required autofocus>
	281	+ <span class="input-group-addon"><i class="fa fa-credit-card"></i></span>
	282	+ </div>
	283	+ </div>
	284	+ </div>
	285	+ </div>
	286	+ <div class="row">
	287	+ <div class="col-xs-7 col-md-7">
	288	+ <div class="form-group">
	289	+ <label for="cardExpiry"><span class="hidden-xs">EXPIRATION</span><span class="visible-xs-inline">EXP</span> DATE</label>
	290	+ <input type="text" ng-model="data.expiryDate" class="form-control" name="cardExpiry" placeholder="MM / YY" autocomplete="cc-exp"
	291	+ required>
	292	+ </div>
	293	+ </div>
	294	+ <div class="col-xs-5 col-md-5 pull-right">
	295	+ <div class="form-group">
	296	+ <label for="cardCVC">CVV CODE</label>
	297	+ <input type="number" maxlength="3" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" class="form-control" name="cardCVC" placeholder="CVC" autocomplete="cc-csc"
	298	+ required>
	299	+ </div>
	300	+ </div>
	301	+ </div>
	302	+ <div class="row">
	303	+ <div class="col-xs-12">
	304	+ <div class="form-group">
	305	+ <label for="name">Card Type</label>
	306	+ <select class="form-control m-b" name="account" ng-model="data.cardType" style="margin-bottom: 0;">
	307	+ <option value="creditCard" selected>Credit Card</option>
	308	+ <option value="debitCard">Debit Card</option>
	309	+ </select>
	310	+ </div>
	311	+ </div>
	312	+ </div>
	313	+ <div class="row">
	314	+ <div class="col-xs-12">
	315	+ <button class="btn btn-success btn-lg btn-block" type="submit" ng-click="addCard()">Add</button>
	316	+ </div>
	317	+ </div>
	318	+ <div class="row" style="display:none;">
	319	+ <div class="col-xs-12">
	320	+ <p class="payment-errors"></p>
	321	+ </div>
	322	+ </div>
	323	+ </form>
	324	+ </div>
	325	+ </div>
	326	+ </div>
	327	+ </div>
	328	+ </div>
	329	+ </div>
	330	+ </div>
	331	+ </div>
	332	+ </div>
	333	+ </div>
	334	+ </div>
	335	+</div>
	336	+<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
0	337	\ No newline at end of file
...	...