From 5cea22b4f39ea7eb89ad7665f49c6d25234b44ef Mon Sep 17 00:00:00 2001
From: NavaL <ayoyo@thoughtworks.com>
Date: Fri, 15 Apr 2016 17:30:54 +0200
Subject: [PATCH 1/8] Ayoyo/Kiran/Sree | #Location->Degree-Magic | Basic stuff
 to show Martin's direction in a compass

---
 css/compass.css                   |  16 +++++++++++++
 images/compass-needle.png         | Bin 0 -> 14195 bytes
 images/compass-without-needle.png | Bin 0 -> 7589 bytes
 index.html                        |  12 ++++++++--
 js/compass.js                     |  37 ++++++++++++++++++++++++++++++
 5 files changed, 63 insertions(+), 2 deletions(-)
 create mode 100644 css/compass.css
 create mode 100644 images/compass-needle.png
 create mode 100644 images/compass-without-needle.png
 create mode 100644 js/compass.js

diff --git a/css/compass.css b/css/compass.css
new file mode 100644
index 0000000..6f89a27
--- /dev/null
+++ b/css/compass.css
@@ -0,0 +1,16 @@
+.compass-container {
+	height: 275px;
+	width: 300px;
+}
+
+.compass-circle {
+	position: absolute;
+	height: 40%;
+}
+
+.compass-needle {
+	position: relative;
+    left: 65px;
+    height: 200px;
+	top: 35px;    	
+}
\ No newline at end of file
diff --git a/images/compass-needle.png b/images/compass-needle.png
new file mode 100644
index 0000000000000000000000000000000000000000..44f2c80ce6cf38b0eafb6bcb45617ba2151bace1
GIT binary patch
literal 14195
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
VId`#u0A)NjGr4M9b<yp={{w;+xbFY}

literal 0
HcmV?d00001

diff --git a/images/compass-without-needle.png b/images/compass-without-needle.png
new file mode 100644
index 0000000000000000000000000000000000000000..2436b7fb832dfdad42feec09395d5f13e8ee2069
GIT binary patch
literal 7589
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
Hu0mjf4J1`<

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index c81c190..d5ca121 100644
--- a/index.html
+++ b/index.html
@@ -21,13 +21,14 @@
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
   <link rel="stylesheet" href="css/normalize.css">
   <link rel="stylesheet" href="css/skeleton.css">
+  <link rel="stylesheet" href="css/compass.css">
 
   <!-- Favicon
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
   <link rel="icon" type="image/png" href="images/favicon.png">
-
+  <script src="js/compass.js"></script>
 </head>
-<body>
+<body onload="woIstMartin()">
 
   <!-- Primary Page Layout
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
@@ -38,6 +39,13 @@ <h4>Basic Page</h4>
         <p>This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p>
       </div>
     </div>
+    <div>
+      <p> Martin is in this direction</p>
+      <div class="compass-container">
+        <img class="compass-circle" src="images/compass-without-needle.png"/>
+        <img class="compass-needle" src="images/compass-needle.png"/>
+      </div>
+    </div>
   </div>
 
 <!-- End Document
diff --git a/js/compass.js b/js/compass.js
new file mode 100644
index 0000000..c7401c7
--- /dev/null
+++ b/js/compass.js
@@ -0,0 +1,37 @@
+function woIstMartin(){
+
+	var officeCoordinates = {
+		lat: 53.548648,
+		lng: 9.9861409
+	};
+
+	var martinCoordinates = {
+		lat: 53.14677033085084,
+		lng: 27.2021484375
+	};
+
+	// using this formula http://www.igismap.com/formula-to-find-bearing-or-heading-angle-between-two-points-latitude-longitude/
+	// X = cos θb * sin ∆L
+	//     sin(Δlong)*cos(lat2)
+	// Y = cos θa * sin θb – sin θa * cos θb * cos ∆L
+	// 	   cos(lat1)*sin(lat2) − sin(lat1)*cos(lat2)*cos(Δlong)
+	// β = atan2(X,Y),
+	// θ = atan2(sin(Δlong)*cos(lat2), cos(lat1)*sin(lat2) − sin(lat1)*cos(lat2)*cos(Δlong))
+	//θ by 180/π then use (θ+360) % 360
+	var locationToDegrees = function(office, martin) {
+		office.lat = office.lat*Math.PI/180;
+		office.lng = office.lng*Math.PI/180;
+		martin.lat = martin.lat*Math.PI/180;
+		martin.lng = martin.lng*Math.PI/180;
+
+		var deltaLng = martin.lng - office.lng;
+		var x = Math.cos(martin.lat) * Math.sin(deltaLng);
+		var y = Math.cos(office.lat) * Math.sin(martin.lat) - Math.sin(office.lat) * Math.cos(martin.lat) * Math.cos(deltaLng);
+		var inRadian = Math.atan2(x, y);
+		return ((inRadian * 180/Math.PI) + 360) % 360
+	};
+
+	var direction = locationToDegrees(officeCoordinates, martinCoordinates);
+	document.getElementsByClassName("compass-needle")[0].style.transform="rotate(" + direction + "deg)";
+
+};

From 75897a87dfe2e72b692f42f326c096d40b89ca1f Mon Sep 17 00:00:00 2001
From: NavaL <ayoyo@thoughtworks.com>
Date: Fri, 15 Apr 2016 17:55:26 +0200
Subject: [PATCH 2/8] WIP initial work on integrating with the location API

---
 js/compass.js        | 20 ++++++++++++--------
 js/temp/package.json | 16 ++++++++++++++++
 js/temp/server.js    | 11 +++++++++++
 3 files changed, 39 insertions(+), 8 deletions(-)
 create mode 100644 js/temp/package.json
 create mode 100644 js/temp/server.js

diff --git a/js/compass.js b/js/compass.js
index c7401c7..c6224d3 100644
--- a/js/compass.js
+++ b/js/compass.js
@@ -11,13 +11,6 @@ function woIstMartin(){
 	};
 
 	// using this formula http://www.igismap.com/formula-to-find-bearing-or-heading-angle-between-two-points-latitude-longitude/
-	// X = cos θb * sin ∆L
-	//     sin(Δlong)*cos(lat2)
-	// Y = cos θa * sin θb – sin θa * cos θb * cos ∆L
-	// 	   cos(lat1)*sin(lat2) − sin(lat1)*cos(lat2)*cos(Δlong)
-	// β = atan2(X,Y),
-	// θ = atan2(sin(Δlong)*cos(lat2), cos(lat1)*sin(lat2) − sin(lat1)*cos(lat2)*cos(Δlong))
-	//θ by 180/π then use (θ+360) % 360
 	var locationToDegrees = function(office, martin) {
 		office.lat = office.lat*Math.PI/180;
 		office.lng = office.lng*Math.PI/180;
@@ -31,7 +24,18 @@ function woIstMartin(){
 		return ((inRadian * 180/Math.PI) + 360) % 360
 	};
 
+	var getMartinCoordinates = function() {
+		fetch("martin-url/lat", {method: 'DELETE'})
+		.then(function(lat) {
+			martinCoordinates.lat = lat;
+		}).then(function(){
+			return fetch("martin-url/lng", {method: 'DELETE'})
+		}).then(function(lng) {
+			martinCoordinates.lng = lng;
+		});
+	};
+
+	getMartinCoordinates();
 	var direction = locationToDegrees(officeCoordinates, martinCoordinates);
 	document.getElementsByClassName("compass-needle")[0].style.transform="rotate(" + direction + "deg)";
-
 };
diff --git a/js/temp/package.json b/js/temp/package.json
new file mode 100644
index 0000000..2f451ce
--- /dev/null
+++ b/js/temp/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "temp",
+  "version": "0.0.0",
+  "description": "",
+  "main": "server.js",
+  "dependencies": {
+    "express": "^4.13.4"
+  },
+  "devDependencies": {},
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "node server.js"
+  },
+  "author": "",
+  "license": "ISC"
+}
diff --git a/js/temp/server.js b/js/temp/server.js
new file mode 100644
index 0000000..25b5392
--- /dev/null
+++ b/js/temp/server.js
@@ -0,0 +1,11 @@
+var express = require('express');
+var app = express();
+
+// respond with "hello world" when a GET request is made to the homepage
+app.delete('/martin-url/lat', function(req, res) {
+  res.send(53.14677033085084);
+});
+
+app.delete('/martin-url/lng', function(req, res) {
+  res.send(27.2021484375);
+});
\ No newline at end of file

From 5cdff423b8b298459db1c226cc8d32638eea16e7 Mon Sep 17 00:00:00 2001
From: NavaL <ayoyo@thoughtworks.com>
Date: Fri, 15 Apr 2016 17:55:26 +0200
Subject: [PATCH 3/8] Sree + Ayoyo | faking and making api calls to get the
 long and lat of Martin

---
 js/temp/server.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/js/temp/server.js b/js/temp/server.js
index 25b5392..5beb5ae 100644
--- a/js/temp/server.js
+++ b/js/temp/server.js
@@ -3,9 +3,15 @@ var app = express();
 
 // respond with "hello world" when a GET request is made to the homepage
 app.delete('/martin-url/lat', function(req, res) {
-  res.send(53.14677033085084);
+  res.send(200, "53.14677033085084");
 });
 
 app.delete('/martin-url/lng', function(req, res) {
-  res.send(27.2021484375);
+  res.send(200, "27.2021484375");
+});
+
+app.use('/', express.static('../../'));
+
+app.listen(3000, function () {
+  console.log('Example app listening on port 3000!');
 });
\ No newline at end of file

From 49e1f3aaba7dfdcb737519acbad3b3aab955aa24 Mon Sep 17 00:00:00 2001
From: Tina Egolf <tinaegolf@gmail.com>
Date: Fri, 15 Apr 2016 17:27:11 +0200
Subject: [PATCH 4/8] The FRONTEND

---
 index.html | 89 +++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 85 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index d5ca121..a5fa85b 100644
--- a/index.html
+++ b/index.html
@@ -26,7 +26,37 @@
   <!-- Favicon
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
   <link rel="icon" type="image/png" href="images/favicon.png">
+
+  <!-- js
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
   <script src="js/compass.js"></script>
+
+  <!-- The Map
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <style type="text/css">
+    html, body { height: 100%; margin: 0; padding: 0; }
+    /*#map { height: 100%; }*/
+    #map {
+      height: 100%;
+      width: 100%;
+      position:absolute;
+      top: 0;
+      left: 0;
+      z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */
+    }
+
+    #header-box {
+      padding: 50px;
+      background-color: rgba(255, 255, 255, 0.65);
+      z-index: 200;
+      position: relative;
+    }
+
+    .beforeMap {
+      position: relative;
+      z-index: 100;
+    }
+  </style>
 </head>
 <body onload="woIstMartin()">
 
@@ -34,10 +64,10 @@
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
   <div class="container">
     <div class="row">
-      <div class="one-half column" style="margin-top: 25%">
-        <h4>Basic Page</h4>
-        <p>This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p>
-      </div>
+        <div id="header-box">
+          <h1 class="beforeMap">Wo ist Martin?</h1>
+          <button class="button-primary" onclick="savePosition(markerLat, markerLng)">SAVE</button>
+        </div>
     </div>
     <div>
       <p> Martin is in this direction</p>
@@ -48,6 +78,57 @@ <h4>Basic Page</h4>
     </div>
   </div>
 
+  <div id="map"></div>
+  <script type="text/javascript">
+
+    var map;
+    var marker;
+    var markerLat;
+    var markerLng;
+
+    function initMap() {
+      var myLatLng = {lat: 53.5486471, lng: 9.9861163};
+
+      map = new google.maps.Map(document.getElementById('map'), {
+        center: myLatLng,
+        zoom: 15
+      });
+
+      map.addListener('click', function(e){
+        placeMarker(e.latLng, map)
+      });
+
+    }
+
+    function placeMarker(latLng, map) {
+        if(marker){
+          marker.setMap(null);
+        }
+        marker = new google.maps.Marker({
+            position: latLng,
+            map: map,
+            draggable: true
+        });
+
+        // Retrieved the marker position to send to backend
+        markerLat = marker.position.lat();
+        markerLng = marker.position.lng();
+
+        map.panTo(latLng);
+    }
+
+    function savePosition(markerLng, markerLat){
+        console.log("Hello Backend, this is the position: Lat:" + markerLat + ", Lng: " + markerLng);
+    }
+
+
+  </script>
+
+  <script async defer
+    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD-ptSi5Ryh7O6cIPYj2WtcwWQgakU08hM&callback=initMap">
+  </script>
+
+
 <!-- End Document
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 </body>

From 03fcbfa2a9510de76da33c1ac353e627bea1586d Mon Sep 17 00:00:00 2001
From: Tina Egolf <tinaegolf@gmail.com>
Date: Fri, 15 Apr 2016 18:10:26 +0200
Subject: [PATCH 5/8] GET request

---
 index.html | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index a5fa85b..49b4344 100644
--- a/index.html
+++ b/index.html
@@ -118,10 +118,20 @@ <h1 class="beforeMap">Wo ist Martin?</h1>
     }
 
     function savePosition(markerLng, markerLat){
-        console.log("Hello Backend, this is the position: Lat:" + markerLat + ", Lng: " + markerLng);
+
+        var xhttp = new XMLHttpRequest();
+        var xhttp2 = new XMLHttpRequest();
+
+        xhttp.open("GET", "http://localhost:8000/latitude/a/" + markerLat, false);
+        xhttp.send();
+
+        xhttp2.open("GET", "http://localhost:8000/longitude/a/" + markerLng, false);
+        xhttp2.send();
     }
 
 
+
+
   </script>
 
   <script async defer

From 2492e2338778db28474f88fae3c44c33c9d095a0 Mon Sep 17 00:00:00 2001
From: Lisa Junger <ljunger@thoughtworks.com>
Date: Fri, 15 Apr 2016 18:15:07 +0200
Subject: [PATCH 6/8] Simple README

---
 README.md | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 README.md

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e69de29

From 6008dc8a98c43877c14a6387abdcb1776fc0c5e1 Mon Sep 17 00:00:00 2001
From: Lisa Junger <ljunger@thoughtworks.com>
Date: Fri, 15 Apr 2016 18:29:34 +0200
Subject: [PATCH 7/8] now README with content :D

---
 README.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/README.md b/README.md
index e69de29..1b18d07 100644
--- a/README.md
+++ b/README.md
@@ -0,0 +1,5 @@
+#Whooot
+This project follows the principles of Under-engineering as an art form!
+
+#start the server
+`python  -m "SimpleHTTPServer"`

From 4e00236255a63c834518ec559153eea39aeec5f0 Mon Sep 17 00:00:00 2001
From: Tina Egolf <tinaegolf@gmail.com>
Date: Fri, 15 Apr 2016 20:02:11 +0200
Subject: [PATCH 8/8] WIP: Autocomplete search input

---
 README.md  |  1 +
 index.html | 19 +++++++++++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 1b18d07..dec7c86 100644
--- a/README.md
+++ b/README.md
@@ -2,4 +2,5 @@
 This project follows the principles of Under-engineering as an art form!
 
 #start the server
+navigate to your directory 
 `python  -m "SimpleHTTPServer"`
diff --git a/index.html b/index.html
index 49b4344..ebec697 100644
--- a/index.html
+++ b/index.html
@@ -66,6 +66,7 @@
     <div class="row">
         <div id="header-box">
           <h1 class="beforeMap">Wo ist Martin?</h1>
+          <input class="u-full-width" placeholder="Tell us where you saw Martin" id="searchTextField" onfocus="geolocate()">
           <button class="button-primary" onclick="savePosition(markerLat, markerLng)">SAVE</button>
         </div>
     </div>
@@ -85,6 +86,7 @@ <h1 class="beforeMap">Wo ist Martin?</h1>
     var marker;
     var markerLat;
     var markerLng;
+    var autocomplete;
 
     function initMap() {
       var myLatLng = {lat: 53.5486471, lng: 9.9861163};
@@ -98,6 +100,7 @@ <h1 class="beforeMap">Wo ist Martin?</h1>
         placeMarker(e.latLng, map)
       });
 
+      initAutocomplete();
     }
 
     function placeMarker(latLng, map) {
@@ -110,7 +113,7 @@ <h1 class="beforeMap">Wo ist Martin?</h1>
             draggable: true
         });
 
-        // Retrieved the marker position to send to backend
+        // Storing the marker position to send to backend
         markerLat = marker.position.lat();
         markerLng = marker.position.lng();
 
@@ -129,13 +132,25 @@ <h1 class="beforeMap">Wo ist Martin?</h1>
         xhttp2.send();
     }
 
+    function initAutocomplete() {
+      autocomplete = new google.maps.places.Autocomplete(
+        (document.getElementById('searchTextField')),
+        {types: ['geocode']}
+      );
+    }
+    //todo: Use selected address to set marker and store coordinates
+
+
+
+
+
 
 
 
   </script>
 
   <script async defer
-    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD-ptSi5Ryh7O6cIPYj2WtcwWQgakU08hM&callback=initMap">
+    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD-ptSi5Ryh7O6cIPYj2WtcwWQgakU08hM&signed_in=true&libraries=places&callback=initMap">
   </script>