| New file |
|---|
| 0,0 → 1,497 |
|---|
| 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(/"/g, "\"").replace(/</g, "<").replace(/>/g, ">").replace(/&/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.":"Напишите подробнее и кто-нибудь её исправит." |
| }); |