From f9e936a9dec8c954fceb75cae8e5c56af5e8772c Mon Sep 17 00:00:00 2001
From: anchit <anchit.jindal@viithiisys.com>
Date: Fri, 15 Dec 2017 12:05:25 +0530
Subject: [PATCH] minor fixes

---
 .../flightTracking/flightTracking.controller.js    | 25 +++++++++---
 app/partials/flightTracking/flightTracking.html    | 46 ++++++++++++++++++++++
 2 files changed, 66 insertions(+), 5 deletions(-)

diff --git a/app/partials/flightTracking/flightTracking.controller.js b/app/partials/flightTracking/flightTracking.controller.js
index d719213..f55d1d1 100644
--- a/app/partials/flightTracking/flightTracking.controller.js
+++ b/app/partials/flightTracking/flightTracking.controller.js
@@ -3,7 +3,7 @@
 angular.module('acufuel')
 
 .controller('flightTrackingController', ['$scope','$compile', 'uiCalendarConfig', 'flightTrackingService', function($scope, $compile, uiCalendarConfig, flightTrackingService) {
-	
+	$scope.flightInfo = {};
 	var map;
 	var icon = "https://en.spitogatos.gr/visualCaptcha/images/airplane.png";
 	var json = "http://34.214.139.94:8080/ws/liveTracking";
@@ -54,20 +54,35 @@ angular.module('acufuel')
 				            details : details
 				        });
 				        
-				        bindInfoWindow(marker, map, infowindow, details);
+				        bindInfoWindow(marker, map, infowindow, details, data);
 				  	  }
 			      });
 			});
 		},5000);
 	}
 
-	 function bindInfoWindow(marker, map, infowindow, strDescription) {
+	 function bindInfoWindow(marker, map, infowindow, strDescription, data) {
          google.maps.event.addListener(marker, 'click', function() {
-             infowindow.setContent(strDescription);
-             infowindow.open(map, marker);
+        	 $scope.flightInfo = data;
+             //infowindow.setContent(strDescription);
+             //infowindow.open(map, marker);
+             $scope.flightInfo = data;
+             $('#flightid').html($scope.flightInfo.id);
+             $('#depid').html($scope.flightInfo.departurePoint);
+             $('#arrid').html($scope.flightInfo.arrivalPoint);
+             $('#altid').html($scope.flightInfo.altitude);
+             $('#speedid').html($scope.flightInfo.speed);
+             $('#deptimeid').html($scope.flightInfo.departureActualTime);
+             $('#arrtimeid').html($scope.flightInfo.arrivalEstimatedTime);
+             
+             $('.left-panel').animate({width: '300px', padding: '10px'});
          });
      }
 	 
+	 $('.close-left-panel').click(function(){
+		 $('.left-panel').animate({width: '0', padding: '0'});
+	 })
+	 
 	 google.maps.event.addDomListener(document.getElementById("map"), 'load', $scope.initialise());
 	 
 	 
diff --git a/app/partials/flightTracking/flightTracking.html b/app/partials/flightTracking/flightTracking.html
index 7b14a28..0f6852d 100644
--- a/app/partials/flightTracking/flightTracking.html
+++ b/app/partials/flightTracking/flightTracking.html
@@ -75,6 +75,22 @@
    .button1.turquoise {
      background: #449d44;
    }
+   
+   /** style for popup sidebar **/
+.left-panel{
+	width: 0;
+	height: 100%;
+	position: absolute;
+	top: 1;
+	background-color: White;
+	overflow-x: hidden;
+	left: 2px;
+    padding: 0;
+    border-radius: 4px 0 0 4px;
+}
+.left-panel table th, td{
+	padding: 10px 0;
+}
 </style>
     
    
@@ -87,6 +103,36 @@
             <div class="widget stacked ">
                <div class="widget-content" style="min-height: 500px">
                   <div id="map" style="border: 2px solid #3872ac;"></div>
+               		<div class="left-panel">
+					<span class="close-left-panel" style="float:right;"><img src="img/back.png"/></span>
+					<br><br><br><br>
+				 	<h1>Aircraft </h1>
+				 	<h2><p id="flightid"></p></h2>
+				  	<table class="table-responsive table-striped" style="border-collapse: separate;border-spacing: 2px 2px;">
+					   	<tbody>
+						   	<tr>
+							<td>Path: </td>
+							<td class="text-nowrap"><strong><span id="depid"/>&nbsp;&nbsp; <span class="glyphicon glyphicon-arrow-right"></span>&nbsp;&nbsp; <span id="arrid"/></strong></td>
+							</tr>
+							<tr>
+							<td>Altitude: </td>
+							<td class="text-nowrap"><strong><span id="altid"/>&nbsp;&nbsp; ft </strong></td>
+							</tr>
+							<tr>
+							<td>Speed: </td>
+							<td class="text-nowrap"><strong><span id="speedid"/> &nbsp;&nbsp;Knots</strong></td>
+							</tr>
+							<tr>
+							<td>Departure Time : </td>
+							<td><strong><span id="deptimeid"/><span class="text-muted">(Actual)</span></strong></td>
+							</tr>
+							<tr>
+							<td>Arrival Time : </td>
+							<td><strong><span id="arrtimeid"/><span class="text-muted">(Estimated)</span></strong></td>
+							</tr>
+						</tbody>
+				  </table>
+				</div>
                   
                <!-- /widget-content -->
             </div>
-- 
2.0.0