X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/a01195f1497b4f4c6b7d019c7affc794d41101cd..aa20398cea1c212f27d9004170bdc0aee4d8f854:/app/assets/javascripts/index.js diff --git a/app/assets/javascripts/index.js b/app/assets/javascripts/index.js index d09213c5d..59335ff84 100644 --- a/app/assets/javascripts/index.js +++ b/app/assets/javascripts/index.js @@ -9,6 +9,8 @@ //= require index/browse //= require index/export //= require index/notes +//= require index/changeset +//= require router $(document).ready(function () { var params = OSM.mapParams(); @@ -91,6 +93,16 @@ $(document).ready(function () { map.dataLayer = new L.OSM.DataLayer(null); map.dataLayer.options.code = 'D'; + if (OSM.STATUS != 'api_offline' && OSM.STATUS != 'database_offline') { + if (params.layers.indexOf(map.noteLayer.options.code) >= 0) { + map.addLayer(map.noteLayer); + } + + if (params.layers.indexOf(map.dataLayer.options.code) >= 0) { + map.addLayer(map.dataLayer); + } + } + var position = $('html').attr('dir') === 'rtl' ? 'topleft' : 'topright'; L.OSM.zoom({position: position}) @@ -134,7 +146,20 @@ $(document).ready(function () { $('.leaflet-control .control-button').tooltip({placement: 'left', container: 'body'}); - map.on('moveend layeradd layerremove', updateLocation); + map.on('moveend layeradd layerremove', function() { + updatelinks( + map.getCenter().wrap(), + map.getZoom(), + map.getLayersCode(), + map._object); + + var expiry = new Date(); + expiry.setYear(expiry.getFullYear() + 10); + $.cookie("_osm_location", cookieContent(map), { expires: expiry }); + + // Trigger hash update on layer changes. + map.hash.onMapMove(); + }); if (OSM.PIWIK) { map.on('layeradd', function (e) { @@ -148,32 +173,18 @@ $(document).ready(function () { }); } - var marker = L.marker([0, 0], {icon: getUserIcon()}); - - if (!params.object_zoom) { - if (params.bounds) { - map.fitBounds(params.bounds); - } else { - map.setView([params.lat, params.lon], params.zoom); - } + if (params.bounds) { + map.fitBounds(params.bounds); + } else { + map.setView([params.lat, params.lon], params.zoom); } - if (params.box) { - L.rectangle(params.box, { - weight: 2, - color: '#e90', - fillOpacity: 0 - }).addTo(map); - } + var marker = L.marker([0, 0], {icon: getUserIcon()}); if (params.marker) { marker.setLatLng([params.mlat, params.mlon]).addTo(map); } - if (params.object) { - map.addObject(params.object, { zoom: params.object_zoom }); - } - $("#homeanchor").on("click", function(e) { e.preventDefault(); @@ -207,22 +218,82 @@ $(document).ready(function () { }); } - initializeSearch(map); - initializeExport(map); - initializeBrowse(map, params); - initializeNotes(map, params); -}); + initializeBrowse(map); + initializeNotes(map); + + OSM.Index = function(map) { + var page = {}, minimized = false; + + page.pushstate = page.popstate = function(path) { + if (minimized) $("#sidebar").addClass("minimized"); + map.invalidateSize(); + $("#view_tab").addClass("current"); + $('#sidebar_content').load(path); + }; + + page.unload = function() { + $("#view_tab").removeClass("current"); + }; -function updateLocation() { - updatelinks(this.getCenter().wrap(), - this.getZoom(), - this.getLayersCode(), - this.getBounds().wrap()); + page.minimizeSidebar = function() { + $("#sidebar").addClass("minimized"); + map.invalidateSize(); + minimized = true; + }; - var expiry = new Date(); - expiry.setYear(expiry.getFullYear() + 10); - $.cookie("_osm_location", cookieContent(this), { expires: expiry }); + $(document).on("click", "#sidebar_content .close", page.minimizeSidebar); - // Trigger hash update on layer changes. - this.hash.onMapMove(); -} + return page; + }; + + OSM.Browse = function(map) { + var page = {}; + + page.pushstate = page.popstate = function(path, type, id) { + $("#sidebar").removeClass("minimized"); + map.invalidateSize(); + $('#sidebar_content').load(path, function() { + page.load(path, type, id); + }); + }; + + page.load = function(path, type, id) { + if (OSM.STATUS === 'api_offline' || OSM.STATUS === 'database_offline') return; + + if (type === 'note') { + map.noteLayer.showNote(parseInt(id)); + } else { + map.addObject({type: type, id: parseInt(id)}, {zoom: true}); + } + }; + + page.unload = function() { + map.removeObject(); + }; + + return page; + }; + + var router = OSM.Router({ + "/": OSM.Index(map), + "/search": OSM.Search(map), + "/export": OSM.Export(map), + "/browse/changesets": OSM.ChangesetList(map), + "/browse/:type/:id(/history)": OSM.Browse(map) + }); + + $(document).on("click", "a", function(e) { + if (e.isPropagationStopped()) return; + if (router(this.pathname + this.search + this.hash)) e.preventDefault(); + }); + + $("#search_form").on("submit", function(e) { + e.preventDefault(); + router("/search?query=" + encodeURIComponent($("#query").val()) + OSM.formatHash(map)); + }); + + $("#describe_location").on("click", function(e) { + e.preventDefault(); + router("/search?query=" + encodeURIComponent(map.getCenter().lat + "," + map.getCenter().lng)); + }); +});