Subversion Repositories eFlore/Applications.moissonnage

L.OpenStreetBugs = L.FeatureGroup.extend({

	options : {

		serverURL : "http://openstreetbugs.schokokeks.org/api/0.1/",

		readonly : false,

		setCookie : true,

		username : "NoName",

		cookieLifetime : 1000,

		cookiePath : null,

		permalinkZoom : 14,

		permalinkUrl: null,

		opacity : 0.7,

		showOpen: true,

		showClosed: true,

		iconOpen: "http://openstreetbugs.schokokeks.org/client/open_bug_marker.png",

		iconClosed:"http://openstreetbugs.schokokeks.org/client/closed_bug_marker.png",

		iconActive: undefined,

		editArea: 0.01,

		popupOptions: {autoPan: false},

		dblClick: true

	},

	initialize : function(options)

	{

		var tmp = L.Util.extend({}, this.options.popupOptions, (options || {}).popupOptions)

		L.Util.setOptions(this, options)

		this.options.popupOptions = tmp;

		putAJAXMarker.layers.push(this);

		this.bugs = {};

		this._layers = {};

		var username = this.get_cookie("osbUsername");

		if (username)

			this.options.username = username;

		L.OpenStreetBugs.setCSS();

	},

	onAdd : function(map)

	{

		L.FeatureGroup.prototype.onAdd.apply(this, [map]);

		this._map.on("moveend", this.loadBugs, this);

		this.loadBugs();

		if (!this.options.readonly) {

		  if (this.options.dblClick) {

			  map.doubleClickZoom.disable();

			  map.on('dblclick', this.addBug, this);

		  }

		  else {

			  map.on('click', this.addBug, this);

			}

		}

		this.fire('add');

	},

	onRemove : function(map)

	{

		this._map.off("moveend", this.loadBugs, this);

		this._iterateLayers(map.removeLayer, map);

		delete this._map;

		if (!this.options.readonly) {

		  if (this.options.dblClick) {

			  map.doubleClickZoom.enable();

			  map.off('dblclick', this.addBug, this);

		  }

		  else {

		    map.off('click', this.addBug, this);

			}

		}

		this.fire('remove');

	},

	set_cookie : function(name, value)

	{

		var expires = (new Date((new Date()).getTime() + 604800000)).toGMTString(); // one week from now

		document.cookie = name+"="+escape(value)+";";

	},

	get_cookie : function(name)

	{

		var cookies = (document.cookie || '').split(/;\s*/);

		for(var i=0; i<cookies.length; i++)

		{

			var cookie = cookies[i].split("=");

			if(cookie[0] == name)

				return unescape(cookie[1]);

		}

		return null;

	},

	loadBugs : function()

	{

		//if(!this.getVisibility())

		//	return true;

		var bounds = this._map.getBounds();

		if(!bounds) return false;

		var sw = bounds.getSouthWest(), ne = bounds.getNorthEast();

		function round(number, digits) {

			var factor = Math.pow(10, digits);

			return Math.round(number*factor)/factor;

		}

		this.apiRequest("getBugs"

			+ "?t="+round(ne.lat, 5)

			+ "&r="+round(ne.lng, 5)

			+ "&b="+round(sw.lat, 5)

			+ "&l="+round(sw.lng, 5));

	},

	apiRequest : function(url, reload)

	{

		var script = document.createElement("script");

		script.type = "text/javascript";

		script.src = this.options.serverURL + url + "&nocache="+(new Date()).getTime();

		var _this = this;

		script.onload = function(e) {

			document.body.removeChild(this);

			if (reload) _this.loadBugs();

		};

		document.body.appendChild(script);

	},

	createMarker: function(id, force)

	{

		var bug = putAJAXMarker.bugs[id];

		if(this.bugs[id])

		{

			if (force || this.bugs[id].osb.closed != bug[2])

				this.removeLayer(this.bugs[id]);

			else

				return;

		}

		var closed = bug[2];

		if (closed && !this.options.showClosed) return;

		if (!closed && !this.options.showOpen) return;

		var icon_url = null;

		var class_popup = ' osb';

		if (bug[2]) {

			icon_url = this.options.iconClosed;

			class_popup += ' osbClosed';

		}

		else if (bug[1].length == 1) {

			icon_url = this.options.iconOpen;

			class_popup += ' osbOpen';

		}

		else {

		  if (this.options.iconActive) {

		    icon_url = this.options.iconActive;

		    class_popup += ' osbActive';

		  }

		  else {

		    icon_url = this.options.iconOpen;

		    class_popup += ' osbOpen';

		  }

		}

		var feature = new L.Marker(bug[0], {icon:new this.osbIcon({iconUrl: icon_url})});

		feature.osb = {id: id, closed: closed};

		this.addLayer(feature);

		this.bugs[id] = feature;

		this.setPopupContent(id);

		feature._popup.options.className += class_popup;

		if (this.options.bugid && (parseInt(this.options.bugid) == id))

			feature.openPopup();

		//this.events.triggerEvent("markerAdded");

	},

	osbIcon :  L.Icon.extend({

		options: {

			iconUrl: 'http://openstreetbugs.schokokeks.org/client/open_bug_marker.png',

			iconSize: new L.Point(22, 22),

			shadowSize: new L.Point(0, 0),

			iconAnchor: new L.Point(11, 11),

			popupAnchor: new L.Point(0, -11)

		}

	}),

	setPopupContent: function(id) {

		if(this.bugs[id]._popup_content)

			return;

		var el1,el2,el3;

		var layer = this;

		var rawbug = putAJAXMarker.bugs[id];

		var isclosed = rawbug[2];

		var newContent = L.DomUtil.create('div', 'osb-popup');

		var h1 = L.DomUtil.create('h1', null, newContent);

		if (rawbug[2])

			h1.textContent = L.i18n("Fixed Error");

		else if (rawbug[1].length == 1)

			h1.textContent = L.i18n("Unresolved Error");

		else

			h1.textContent = L.i18n("Active Error");

		var divinfo = L.DomUtil.create('div', 'osb-info', newContent);

		var table = L.DomUtil.create('table', 'osb-table', divinfo);

		for(var i=0; i<rawbug[1].length; i++)

		{

			var tr = L.DomUtil.create('tr', "osb-tr-info", table);

			tr.setAttribute("valign","top")

			var td = L.DomUtil.create('td', "osb-td-nickname", tr);

			td.textContent = rawbug[5][i] + ':';

			var td = L.DomUtil.create('td', "osb-td-datetime", tr);

			td.textContent = rawbug[6][i];

			var td = L.DomUtil.create('td', "osb-td-comment", L.DomUtil.create('tr', "osb-tr-comment", table));

			td.setAttribute("colspan","2");

			td.setAttribute("charoff","2");

			td.textContent = rawbug[4][i];

		}

		function create_link(ul, text) {

			var a = L.DomUtil.create('a', null,

					L.DomUtil.create('li', null, ul));

			a.href = '#';

			a.textContent = L.i18n(text);

			return a;

		};

		var ul = L.DomUtil.create('ul', null, newContent);

		var _this = this;

		var bug = this.bugs[id];

		function showComment(title, add_comment) {

			h1.textContent_old = h1.textContent;

			h1.textContent = L.i18n(title);

			var form = _this.createCommentForm();

			form.osbid.value = id;

			form.cancel.onclick = function (e) {

				h1.textContent = h1.textContent_old;

				newContent.removeChild(form);

				newContent.appendChild(ul);

			}

			form.ok.onclick = function(e) {

				bug.closePopup();

				if (!add_comment)

					_this.closeBug(form);

				else

					_this.submitComment(form);

				return false;

			};

			newContent.appendChild(form);

			newContent.removeChild(ul);

			return false;

		};

		if (!isclosed && !this.options.readonly) {

			var a;

			a = create_link(ul, "Add comment");

			a.onclick = function(e) { return showComment("Add comment", true); }

			a = create_link(ul, "Mark as Fixed");

			a.onclick = function(e) { return showComment("Close bug", false); }

		}

		var a = create_link(ul, "JOSM");

		a.onclick = function() { _this.remoteEdit(rawbug[0]); };

		var a = create_link(ul, "Link");

		var vars = {lat:rawbug[0].lat, lon:rawbug[0].lng, zoom:this.options.permalinkZoom, bugid:id}

		if (this.options.permalinkUrl)

			a.href = L.Util.template(this.options.permalinkUrl, vars)

		else

			a.href = location.protocol + '//' + location.host + location.pathname +

				L.Util.getParamString(vars)

		bug._popup_content = newContent;

		bug.bindPopup(newContent, this.options.popupOptions);

		bug._popup.options.maxWidth=410;

		bug._popup.options.minWidth=410;

		bug.on('mouseover', bug.openTempPopup, bug);

	},

	submitComment: function(form) {

		if (!form.osbcomment.value) return;

		var nickname = form.osbnickname.value || this.options.username;

		this.apiRequest("editPOIexec"

			+ "?id="+encodeURIComponent(form.osbid.value)

			+ "&text="+encodeURIComponent(form.osbcomment.value + " [" + nickname + "]")

			+ "&format=js", true

		);

		this.set_cookie("osbUsername",nickname);

		this.options.username=nickname;

	},

	closeBug: function(form) {

		var id = form.osbid.value;

		this.submitComment(form);

		this.apiRequest("closePOIexec"

			+ "?id="+encodeURIComponent(id)

			+ "&format=js", true

		);

	},

	createCommentForm: function(elt) {

		var form = L.DomUtil.create("form", 'osb-add-comment', elt);

		var content = '';

		content += '<input name="osbid" type="hidden"/>';

		content += '<input name="osblat" type="hidden"/>';

		content += '<input name="osblon" type="hidden"/>';

		content += '<div><span class="osb-inputlabel">'+L.i18n('Nickname')+':</span><input type="text" name="osbnickname"></div>';

		content += '<div><span class="osb-inputlabel">'+L.i18n('Comment')+':</span><input type="text" name="osbcomment"></div>';

		content += '<div class="osb-formfooter"><input type="submit" name="ok"/><input type="button" name="cancel"/></div>';

		form.innerHTML = content;

		form.ok.value = L.i18n('OK');

		form.cancel.value = L.i18n('Cancel');

		form.osbnickname.value = this.options.username;

		return form;

	},

	addBug: function(e) {

		var newContent = L.DomUtil.create('div', 'osb-popup');

		newContent.innerHTML += '<h1>'+L.i18n("New bug")+'</h1>';

		newContent.innerHTML += '<div class="osbCreateInfo">'+L.i18n("Find your bug?")+'<br />'+L.i18n("Contact details and someone will fix it.")+'</div>';

		var popup = new L.Popup();

		var _this = this;

		var form = this.createCommentForm(newContent);

		form.osblat.value = e.latlng.lat;

		form.osblon.value = e.latlng.lng;

		form.ok.value = L.i18n("Add comment");

		form.onsubmit = function(e) {

			_this._map.closePopup(popup);

			_this.createBug(form);

			return false;

		};

		form.cancel.onclick = function(e) { _this._map.closePopup(popup); }

		popup.setLatLng(e.latlng);

		popup.setContent(newContent);

		popup.options.maxWidth=410;

		popup.options.minWidth=410;

		popup.options.className += ' osb osbCreate'

		this._map.openPopup(popup);

	},

	createBug: function(form) {

		if (!form.osbcomment.value) return;

		var nickname = form.osbnickname.value || this.options.username;

		this.apiRequest("addPOIexec"

			+ "?lat="+encodeURIComponent(form.osblat.value)

			+ "&lon="+encodeURIComponent(form.osblon.value)

			+ "&text="+encodeURIComponent(form.osbcomment.value + " [" + nickname + "]")

			+ "&format=js", true

		);

		this.set_cookie("osbUsername",nickname);

		this.options.username=nickname;

	},

	remoteEdit: function(x) {

		var ydelta = this.options.editArea || 0.01;

		var xdelta = ydelta * 2;

		var p = [ 'left='  + (x.lng - xdelta), 'bottom=' + (x.lat - ydelta)

			, 'right=' + (x.lng + xdelta), 'top='    + (x.lat + ydelta)];

		var url = 'http://localhost:8111/load_and_zoom?' + p.join('&');

		var frame = L.DomUtil.create('iframe', null);

		frame.style.display = 'none';

		frame.src = url;

		document.body.appendChild(frame);

		frame.onload = function(e) { document.body.removeChild(frame); };

		return false;

	}

})

L.OpenStreetBugs.setCSS = function() {

	if(L.OpenStreetBugs.setCSS.done)

		return;

	else

		L.OpenStreetBugs.setCSS.done = true;

	// See http://www.hunlock.com/blogs/Totally_Pwn_CSS_with_Javascript

	var idx = 0;

	var addRule = function(selector, rules) {

		var s = document.styleSheets[0];

		var rule;

		if(s.addRule) // M$IE

			rule = s.addRule(selector, rules, idx);

		else

			rule = s.insertRule(selector + " { " + rules + " }", idx);

		s.style = L.Util.extend(s.style || {}, rules);

		idx++;

	};

	addRule(".osb-popup dl", 'margin:0; padding:0;');

	addRule(".osb-popup dt", 'margin:0; padding:0; font-weight:bold; float:left; clear:left;');

	addRule(".osb-popup dt:after", 'content: ": ";');

	addRule("* html .osb-popup dt", 'margin-right:1ex;');

	addRule(".osb-popup dd", 'margin:0; padding:0;');

	addRule(".osb-popup ul.buttons", 'list-style-type:none; padding:0; margin:0;');

	addRule(".osb-popup ul.buttons li", 'display:inline; margin:0; padding:0;');

	addRule(".osb-popup h3", 'font-size:1.2em; margin:.2em 0 .7em 0;');

};

function putAJAXMarker(id, lon, lat, text, closed)

{

	var comments = text.split(/<hr \/>/);

	var comments_only = []

	var nickname = [];

	var datetime = [];

	var info = null;

	var isplit = 0;

	for(var i=0; i<comments.length; i++) {

		info = null;

		isplit = 0;

		comments[i] = comments[i].replace(/&quot;/g, "\"").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&");

		isplit = comments[i].lastIndexOf("[");

		if (isplit > 0) {

		  comments_only[i] = comments[i].substr(0,isplit-1);

		  info = comments[i].substr(isplit+1);

		  nickname[i] = info.substr(0,info.lastIndexOf(","));

		  datetime[i] = info.substr(info.lastIndexOf(",")+2);

		  datetime[i] = datetime[i].substr(0,datetime[i].lastIndexOf("]"));

		}

		else {

		  comments_only[i] = comments[i];

		}

	}

	var old = putAJAXMarker.bugs[id];

	putAJAXMarker.bugs[id] = [

		new L.LatLng(lat, lon),

		comments,

		closed,

		text,

		comments_only,

		nickname,

		datetime

	];

	var force = (old && old[3]) != text;

	for(var i=0; i<putAJAXMarker.layers.length; i++)

		putAJAXMarker.layers[i].createMarker(id, force);

}

function osbResponse(error)

{

	if(error)

		alert("Error: "+error);

	return;

	for(var i=0; i<putAJAXMarker.layers.length; i++)

		putAJAXMarker.layers[i].loadBugs();

}

putAJAXMarker.layers = [ ];

putAJAXMarker.bugs = { };

L.Marker.include({

	openTempPopup: function() {

		this.openPopup();

		this.off('click', this.openPopup, this);

		function onclick() {

			this.off('mouseout', onout, this);

			this.off('click', onclick, this);

			this.on('click', this.openPopup, this)

		}

		function onout() {

			onclick.call(this);

			this.closePopup();

		};

		this.on("mouseout", onout, this);

		this.on("click", onclick, this);

	}

});

L.i18n = function(s) { return (L.i18n.lang[L.i18n.current] || {})[s] || s; }

L.i18n.current = 'ru';

L.i18n.lang = {};

L.i18n.extend = function(lang, args) {

	L.i18n.lang[lang] = L.Util.extend(L.i18n.lang[lang] || {}, args)

};

L.i18n.extend('ru', {

	"Fixed Error":"Ошибка исправлена",

	"Unresolved Error":"Неисправленная ошибка",

	"Active Error":"Ошибка уточняется",

	"Description":"Описание",

	"Comment":"Описание",

	"Add comment":"Дополнить",

	"Mark as Fixed":"Исправлено",

	"Link":"Ссылка",

	"Cancel":"Отмена",

	"New bug":"Я нашел ошибку",

	"Find your bug?":"Нашли ошибку?",

	"Contact details and someone will fix it.":"Напишите подробнее и кто-нибудь её исправит."

});