From a41aec9609afabe09cc2189a798bc711ea13c7c9 Mon Sep 17 00:00:00 2001
From: Richard Fairhurst <richard@systemeD.net>
Date: Tue, 21 Jan 2014 22:39:51 +0000
Subject: [PATCH 1/1] Show little popup on click

---
 app/assets/javascripts/routing.js.erb | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/assets/javascripts/routing.js.erb b/app/assets/javascripts/routing.js.erb
index f496262d2..98f6d86e8 100644
--- a/app/assets/javascripts/routing.js.erb
+++ b/app/assets/javascripts/routing.js.erb
@@ -100,8 +100,9 @@ OSM.Routing=function(map,name,jqSearch) {
 		$('#sidebar_content').empty();
 		var html='<h2><a class="geolink" href="#" onclick="$(~.close_directions~).click();return false;"><span class="icon close"></span></a>Directions</h2>'.replace(/~/g,"'");
 		html+="<table id='turnbyturn' />";
-        $('#sidebar_content').html(html);
+		$('#sidebar_content').html(html);
 		// Add each row
+		var cumulative=0;
 		for (var i=0; i<steps.length; i++) {
 			var step=steps[i];
 			var instCodes=step[0].split('-');
@@ -122,13 +123,17 @@ OSM.Routing=function(map,name,jqSearch) {
 			row.append("<td class='direction i"+instCodes[0]+"'> ");
 			row.append("<td class='instruction'>"+instText);
 			row.append("<td class='distance'>"+dist);
-			with ({n: i}) { row.on('click',function(e) { r.clickTurn(n); });
-			}
+			with ({num: i, dist: step[3]}) {
+				row.on('click',function(e) { 
+					r.clickTurn(num, r.polyline.getLatLngs()[dist]);
+				});
+			};
 			$('#turnbyturn').append(row);
+			cumulative+=step[2];
 		}
 	};
-	r.clickTurn=function(num) {
-		console.log("clicked turn",num);
+	r.clickTurn=function(num,latlng) {
+		L.popup().setLatLng(latlng).setContent("<p>"+(num+1)+"</p>").openOn(r.map);
 	};
 
 
-- 
2.43.2