Gush neighbours

.gitignore

@@ -0,0 +1,3 @@
+*~
+tests/node_modules/
+tests/img/*.diff.png

.gitmodules

@@ -0,0 +1,7 @@
+[submodule "tests/modules/casperserver"]
+	path = tests/modules/casperserver
+	url = https://github.com/casperjs/casperserver.git
+
+[submodule "tests/PhantomCSS"]
+	path = tests/PhantomCSS
+	url = https://github.com/alonisser/PhantomCSS.git

.travis.yml

@@ -0,0 +1,20 @@
+language: node_js
+
+
+node_js:
+   - 0.8
+
+before_script:
+   - git clone -q git://github.com/n1k0/casperjs.git
+   - cd casperjs; git checkout -q tags/1.1-beta1; cd ../
+   - export PATH=$PATH:`pwd`/casperjs/bin  
+   - phantomjs --version; casperjs --version
+
+before_install:
+   - git submodule update --init --recursive
+
+install:
+   - npm install -g grunt-cli
+   - cd tests; npm install 
+
+script: cd tests;npm test 

CNAME

@@ -0,0 +1 @@
+opentaba.info

LICENSE

@@ -0,0 +1,27 @@
+Copyright (c) 2013, Hasadna - Public Knowledge Workshop, Nir Yariv and others.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+    1. Redistributions of source code must retain the above copyright notice, 
+       this list of conditions and the following disclaimer.
+
+    2. Redistributions in binary form must reproduce the above copyright 
+       notice, this list of conditions and the following disclaimer in the
+       documentation and/or other materials provided with the distribution.
+
+    3. Neither the name of Open Knesset nor the names of its contributors may be used
+       to endorse or promote products derived from this software without
+       specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

README.md

@@ -1,2 +1 @@
-citymap-client
-==============
+[![Build Status](https://travis-ci.org/alonisser/opentaba-client.png?branch=master)](https://travis-ci.org/alonisser/opentaba-client)Client code for OpenTaba - details will arrive soon, but the code is pretty simple to understand.If you came looking for the server side of opentaba It's [here](https://github.com/niryariv/opentaba-server).##Testing:see [what's needed](tests/testing.md) with testing.##Want to help?look at the issues. Lots of work here 

app.js

@@ -0,0 +1,292 @@
+ // deprecating, replacing with serverless mode
+var RUNNING_LOCAL = (document.location.host == 'localhost' || document.location.host == '127.0.0.1' || document.location.protocol == 'file:');
+var API_URL = RUNNING_LOCAL ? 'http://0.0.0.0:5000/' : 'https://opentaba-server.herokuapp.com/';
+var ADDR_DB_API_URL = RUNNING_LOCAL ? 'http://0.0.0.0:5000/' : 'https://opentaba-address-db.herokuapp.com/';
+
+var gushimLayer;
+leafletPip.bassackwards = true;
+
+var CITY_NAME = "ירושלים"; //TODO: replace this with something more scalable.
+
+var MAP_CENTER = gushim.features[0].geometry.coordinates[0][0].slice(0,
+        2).reverse()
+var DEFAULT_ZOOM = 13;
+
+// var API_URL = '/'; // serverless, bitches! just store the JSON in the directory and grab it from there.
+
+var highlit = [];
+
+// Utility endsWith function
+String.prototype.endsWith = function(suffix) {
+    return this.indexOf(suffix, this.length - suffix.length) !== -1;
+};
+
+function show_data(url){
+	if (url.indexOf('.pdf', url.length - 4) !== -1) { // endsWith('.pdf')?
+		new PDFObject({ url: url }).embed("modal-doc");
+	} else {
+		$("#modal-doc").html('<iframe src="' + url + '"></iframe>');
+	}
+
+	$("#doc_new_window").attr("href", url);
+	$("#docModal").modal().css({ width: '90%', height: '80%', 'margin-left': function () { return -($(this).width() / 2); } });
+}
+
+function render_plans(plans, gid) {
+	//TODO: rewrite this DRY
+	var out = '<h3 style="color: grey;">גוש ' + gid + '</h3>';
+
+	// html brought to you courtsey of 1998
+	out += "<table>";
+	for (var i = 0 ; i<plans.length ; i++) {
+		var p = plans[i];
+
+		//plan_link = 'http://www.mmi.gov.il/IturTabot/taba2.asp?Gush=' + p.gush_id + '&MisTochnit=' + escape(p.number)
+		plan_link = 'http://mmi.gov.il/IturTabot/taba4.asp?kod=3000&MsTochnit=' + escape(p.number);
+
+		out+='<tr style="vertical-align:top" class="item">' +
+			 '	<td><b>' + [p.day, p.month, p.year].join('/') + '</b></td>' +
+			 '	<td>' + p.status  + '</td>'+
+			 '	<td><b>' + p.essence + '</b></td>'+
+			 '</tr>' +
+			 '<tr class="details">' +
+			 '	<td colspan="2">' +
+			 '		<a href="' + plan_link + '" target="_blank" rel="tooltip" title="פתח באתר ממי">'+
+			 '		תוכנית ' + p.number + '</a>' +
+			 '	</td>' +
+			 '	<td>';
+		var j;
+		for (j=0 ; j<p.tasrit_link.length ; j++)
+			out += '<a href="'+ p.tasrit_link[j] + '" target="_blank" rel="tooltip" title="תשריט"><i class="icon-globe"></i></a>';
+
+		for (j=0 ; j<p.takanon_link.length ; j++)
+			out += '<a href="'+ p.takanon_link[j] + '" target="_blank" rel="tooltip" title="תקנון"><i class="icon-file"></i></a>';
+
+		for (j=0 ; j<p.nispahim_link.length ; j++)
+			out += '<a href="'+ p.nispahim_link[j] + '" target="_blank" rel="tooltip" title="נספחים"><i class="icon-folder-open"></i></a>';
+
+		for (j=0 ; j<p.files_link.length ; j++)
+			out += '<a href="http://mmi.gov.il' + p.files_link[j] + 
+					'" rel="tooltip" title="קבצי ממג"><i class="icon-download-alt"></i></a>';
+
+		out+='	</td>'  +
+			 '</tr>' 	+
+			 '<tr style="height: 10px"><td colspan="3">&nbsp;</td></tr>';
+	}
+	out += '</table>';
+
+	$("#info").html(out);
+
+	// activate Boostrap tooltips on attachment icons
+	$("[rel='tooltip']").tooltip({'placement' : 'bottom'});
+
+
+	$(".item").hover(
+			function () { $(this).css("background","#fff"); $(this).next(".details").css("background","#fff"); }, //#f7f7f9
+			function () { $(this).css("background","")	  ; $(this).next(".details").css("background",""); }
+	);
+
+	$(".details").hover(
+			function () { $(this).css("background","#fff"); $(this).prev(".item").css("background","#fff"); },
+			function () { $(this).css("background","")	  ; $(this).prev(".item").css("background",""); }
+	);
+
+}
+
+function get_gush(gush_id) {
+	// console.log("get_gush: " + API_URL + 'gush/' + gush_id + '/plans')
+	clear_all_highlit();
+	highlight_gush(gush_id);
+	location.hash = "#/gush/" + gush_id;
+
+	$.getJSON(
+		API_URL + 'gush/' + gush_id + '/plans.json',
+		function(d) { 
+			//console.log(d.length);
+			render_plans(d, gush_id);
+		}
+		);
+
+	console.log('waiting for json');
+
+}
+
+// find a rendered gush based on ID
+function find_gush(gush_id){
+	g = gushim.features.filter(
+		function(f){ return (f.properties.Name == gush_id); }
+	);
+	return g[0];
+}
+
+// get a gush by street address
+function get_gush_by_addr(addr) {
+	if (!addr.endsWith(" " + CITY_NAME)) { //TODO: change to regex with cityname
+		addr = addr + " " + CITY_NAME;
+	}
+
+	console.log("get_gush_by_addr: " + addr);
+
+	// Use Google api to find a gush by address
+	$.getJSON(
+		'https://maps.googleapis.com/maps/api/geocode/json?address='+addr+'&sensor=false',
+		function (r) {
+			$('#scrobber').hide();
+			$('#addr-error-p').html('');
+
+			if (r['status'] == 'OK' && r['results'].length > 0) {
+				// Here we have a case when Google api returns without an actual place (even a street), 
+				// so it only has a city. This happens because it didn't find the address, but we 
+				// did append the name of the current city at the end, and Google apparently thinks  
+				// 'better something than nothing'. We're trying to ignore this (should test though)
+				if (r['results'][0]['types'].length == 2 && 
+					$.inArray('locality', r['results'][0]['types']) > -1 && 
+					$.inArray('political', r['results'][0]['types']) > -1) {
+					$('#addr-error-p').html('כתובת שגויה או שלא נמצאו נתונים');
+				}
+				else {
+					var lat = r['results'][0]['geometry']['location']['lat'];
+					var lon = r['results'][0]['geometry']['location']['lng'];
+					console.log('got lon: ' + lon + ', lat: ' + lat);
+
+					// Using leafletpip we try to find an object in the gushim layer with the coordinate we got
+					var gid = leafletPip.pointInLayer([lat, lon], gushimLayer, true);
+					if (gid && gid.length > 0) {
+						get_gush(gid[0].gushid);
+						var pp = L.popup().setLatLng([lat, lon]).setContent('<b>' + addr + '</b>').openOn(map);
+					} else {
+						$('#addr-error-p').html('לא נמצא גוש התואם לכתובת'); // TODO: when enabling multiple cities change the message to point users to try a differenct city
+					}
+				}
+			}
+			else if (r['status'] == 'ZERO_RESULTS') {
+				$('#addr-error-p').html('כתובת שגויה או שלא נמצאו נתונים');
+			}
+			else {
+				$('#addr-error-p').html('חלה שגיאה בחיפוש הכתובת, אנא נסו שנית מאוחר יותר');
+			}
+		}
+	)
+   .fail(
+   		function(){
+   			$('#scrobber').hide(); 
+   			$('#addr-error-p').html('חלה שגיאה בחיפוש הכתובת, אנא נסו שנית מאוחר יותר');
+   		}
+   	);
+}
+
+
+function highlight_gush(id) {
+	gush = 'gush_' + id;
+	console.log("highlight_gush ", gush);
+	map.fitBounds(map._layers[gush].getBounds());
+	map._layers[gush].setStyle({opacity: 0 	, color: "blue"});
+	highlit.push(id);
+}
+
+function clear_highlight(id) {
+	gush = 'gush_' + id;
+	map._layers[gush].setStyle({opacity: 0.05 , color: "#777"});
+	highlit.splice(highlit.indexOf(id), 1);
+}
+
+function clear_all_highlit() {
+	while (highlit.length > 0) {
+		clear_highlight(highlit[0]);
+	}
+}
+
+function onEachFeature(feature, layer) {
+	// layer.bindPopup(feature.properties.Name + " גוש ");
+	layer.on({
+				'mouseover'	: function() {
+                    if (highlit.indexOf(this["gushid"]) < 0) {
+                        this.setStyle({ opacity: 0 	, color: "red" 	})
+                    }
+                    for (var i = 0; i < this["neighbours"].length; i++) {
+                        neighbour = this["neighbours"][i];
+                        if (highlit.indexOf(neighbour) < 0) {
+                            map._layers['gush_' + neighbour].setStyle({ opacity: 0 	, color: "blue"	})
+                        }
+                    }
+                } ,
+				'mouseout'	: function() {
+                    if (highlit.indexOf(this["gushid"]) < 0) {
+                        this.setStyle({ opacity: 0.95, color: "#777" })
+                    }
+                    for (var i = 0; i < this["neighbours"].length; i++) {
+                        neighbour = this["neighbours"][i];
+                        if (highlit.indexOf(neighbour) < 0) {
+                            map._layers['gush_' + neighbour].setStyle({ opacity: 0.95, color: "#777" })
+                        }
+                    }
+                },
+				'click'		: function() { 
+					$("#info").html("עוד מעט..."); 
+					location.hash = "#/gush/" + feature.properties.Name;
+					get_gush(feature.properties.Name);
+				}
+			});
+	layer["gushid"] = feature.properties.Name;
+	    layer["neighbours"] = feature.properties.neighbours;
+	layer._leaflet_id = 'gush_' + feature.properties.Name;
+}
+
+// jQuery startup funcs
+$(document).ready(function(){
+
+	// comment out for serverless
+	// wake up possibly-idling heroku dyno to make sure later requests aren't too slow
+	$.getJSON( API_URL + "wakeup" , function(){
+		// do nothing 
+	});
+
+	// setup a path.js router to allow distinct URLs for each block
+	Path.map("#/gush/:gush_id").to(
+		function(){ 
+			$("#docModal").modal('hide');
+			get_gush(this.params['gush_id'].split('?')[0]);  // remove '?params' if exists
+		}
+	);
+
+	Path.map("").to(
+		function(){ 
+			$("#docModal").modal('hide');
+			$("#info").html("");
+			clear_all_highlit();
+			map.setView(MAP_CENTER, DEFAULT_ZOOM);
+		}
+	);
+
+	Path.listen();
+
+	$('#addr-form').submit(
+		function() {
+			var addr = $('#addr-text').val();
+			console.log('Getting gush for address "' + addr + '"');
+			$('#scrobber').show();
+			get_gush_by_addr(addr);
+			return false;
+		}
+	);
+});
+
+
+var map = L.map('map', { scrollWheelZoom: true, attributionControl: false }).setView(MAP_CENTER, DEFAULT_ZOOM);
+
+tile_url = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png';
+L.tileLayer(tile_url, {
+	maxZoom: 16,
+	minZoom: 13
+}).addTo(map);
+
+gushimLayer = L.geoJson(gushim,
+	{
+		onEachFeature: onEachFeature,
+		style : {
+			"color" : "#777",
+			"weight": 1,
+			"opacity": 0.9
+		}
+	}
+).addTo(map);