From 3700fa88394064b42c24e4b974d5e2657a81b196 Mon Sep 17 00:00:00 2001
From: James Sulak <jsulak@gmail.com>
Date: Fri, 5 Dec 2014 15:09:40 -0600
Subject: [PATCH] Added control to map Google Map full-screen.

Clicking the "handle" barrier between the map and sidebar hides and shows
the sidebar.
---
 public_html/gmap.html   |   1 +
 public_html/grippie.png | Bin 0 -> 742 bytes
 public_html/script.js   |  14 +++++++++++++-
 public_html/style.css   |  10 +++++++++-
 4 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 public_html/grippie.png

diff --git a/public_html/gmap.html b/public_html/gmap.html
index ffc707a..1ebc93f 100644
--- a/public_html/gmap.html
+++ b/public_html/gmap.html
@@ -21,6 +21,7 @@
 		<div id="map_container">
 			<div id="map_canvas"></div>
 		</div>
+		<div id="grippie"></div>
 		<div id="sidebar_container">
 			<div id="sidebar_canvas">
 				<div id="timestamps" style="align: center">
diff --git a/public_html/grippie.png b/public_html/grippie.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f4e392b1445bc517210f5366bafc2e92a9596f2
GIT binary patch
literal 742
zcmZuvO=}ZD7=D%5*eyNziC%^k#7ky2i9s@K7SgOS0TbGgLwd`0yRE_O&N@4BS5Ix}
zrBLuBh!lT<D0tGFAo?ft;7L4r7C~o{Z5z`L%-1u|^M1{{x7@zBs9n<lV6oY-J95v;
zdHwvHT;J567v+}OthTBEZ=Wsvan8v*avPl%z|)%mTe|?iCA9SeU}OON>;upj09V3;
z_baA+m=7DP5x~L)HP67ygR1~%jX}33dae7^Wj=P+*_wwFKa^|$GokY6d%{79KMW$8
zRP-@}%Cmxrj>Z)6u%h=`%c#b<hf4T1Hgrov2$_6+gLdqCDwns4{y>P35)#KTj*FP_
zO_DE{%fu*<LLny^x#&qCoFo@SHzr07?bu%A@<AvDEI`Vxv&KfEqU*}h(MaR;!y`vQ
zlx8LKBZ(7|JT}N_A~D!F4(~sedYQ<^SxuaovNW{DJx4I!Wo&3wUB(0S*yE9ku!u`I
zZ<1Nkaj>ScN^8syxfdykRWiv5Y?i;;@gg=HsUlc+3aMZkoE7v=6HJ4tz$B`sQ#GD^
z;24!ZXlXK+!)~y&?C|1u*&wKCSG%_^xqaCA`XT=NxnA7PJlbAq_P^}Uef*_mAp33p
T)2nyw%c`52ciZ;srT)%8m^Iiq

literal 0
HcmV?d00001

diff --git a/public_html/script.js b/public_html/script.js
index c9dba03..accf1f0 100644
--- a/public_html/script.js
+++ b/public_html/script.js
@@ -618,4 +618,16 @@ function planeTRclick(hex) {
 	selectPlaneByHex(hex);
 	refreshTableInfo();
 	refreshSelected();
-}
\ No newline at end of file
+}
+
+// Bind grippie actions
+$(function() {
+	var handleClick = function(e) {
+		e.preventDefault();
+		$("#sidebar_container").toggle();
+		$("#map_canvas, #grippie").toggleClass("fullscreen");
+		google.maps.event.trigger(GoogleMap, "resize");		
+	};
+	
+	$("#grippie").click(handleClick);
+});
diff --git a/public_html/style.css b/public_html/style.css
index 86cb053..e945403 100644
--- a/public_html/style.css
+++ b/public_html/style.css
@@ -5,7 +5,15 @@ html, body {
 div#map_container     { float: left; width: 100%; height: 100%; }
 div#map_canvas        { height: 100%; margin-right: 420px; }
 
-div#sidebar_container { float: left; width: 410px; margin-left: -410px; height: 100%; overflow: auto; }
+div#sidebar_container { float: left; width: 400px; margin-left: -400px; height: 100%; overflow: auto; }
+
+div#grippie { border: 1px solid #ddd; border-width: 0 1px 1px; cursor: e-resize; width: 9px;
+			  overflow: hidden; background-color: #eee; background-image: url('grippie.png');
+			  background-repeat: no-repeat; background-position: 50% 50%;
+			  float: left; margin-left: -420px; height: 100%; }
+
+div#grippie.fullscreen { float: right; cursor: w-resize; }
+div#map_canvas.fullscreen { margin-right: 11px; }
 
 div#SpecialSquawkWarning { position: absolute; bottom: 25px; right: 430px; border: 2px solid red;
     background-color: #FFFFA3; opacity: 0.75; filter:alpha(opacity=75); padding: 5px;