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.":"Напишите подробнее и кто-нибудь её исправит."
});