app/assets/javascripts/application.js

   1 //= require jquery
   2 //= require jquery_ujs
   3 //= require jquery.timers
   4 //= require jquery.cookie
   5 //= require augment
   6 //= require leaflet
   7 //= require leaflet.osm
   8 //= require leaflet.zoom
   9 //= require leaflet.extend
  10 //= require leaflet.locationfilter
  11 //= require i18n/translations
  12 //= require oauth
  13 //= require osm
  14 //= require piwik
  15 //= require map
  16 //= require menu
  17 //= require sidebar
  18 //= require richtext
  19 //= require resize
  20 //= require geocoder
  21 //= require querystring
  22
  23 var querystring = require('querystring-component');
  24
  25 function zoomPrecision(zoom) {
  26     var decimals = Math.pow(10, Math.floor(zoom/3));
  27     return function(x) {
  28          return Math.round(x * decimals) / decimals;
  29     };
  30 }
  31
  32 function normalBounds(bounds) {
  33     if (bounds instanceof L.LatLngBounds) return bounds;
  34     return new L.LatLngBounds(
  35         new L.LatLng(bounds[0][0], bounds[0][1]),
  36         new L.LatLng(bounds[1][0], bounds[1][1]));
  37 }
  38
  39 function remoteEditHandler(bbox, select) {
  40   var loaded = false,
  41       query = {
  42           left: bbox.getWest() - 0.0001,
  43           top: bbox.getNorth() + 0.0001,
  44           right: bbox.getEast() + 0.0001,
  45           bottom: bbox.getSouth() - 0.0001
  46       };
  47
  48   if (select) query.select = select;
  49   $("#linkloader")
  50     .attr("src", "http://127.0.0.1:8111/load_and_zoom?" + querystring.stringify(query))
  51     .load(function() { loaded = true; });
  52
  53   setTimeout(function () {
  54     if (!loaded) alert(I18n.t('site.index.remote_failed'));
  55   }, 1000);
  56
  57   return false;
  58 }
  59
  60 /*
  61  * Called as the user scrolls/zooms around to maniplate hrefs of the
  62  * view tab and various other links
  63  */
  64 function updatelinks(loc, zoom, layers, bounds, object) {
  65   var toPrecision = zoomPrecision(zoom);
  66   bounds = normalBounds(bounds);
  67   var node;
  68
  69   var lat = toPrecision(loc.lat),
  70       lon = toPrecision(loc.lon || loc.lng);
  71
  72   if (bounds) {
  73     var minlon = toPrecision(bounds.getWest()),
  74         minlat = toPrecision(bounds.getSouth()),
  75         maxlon = toPrecision(bounds.getEast()),
  76         maxlat = toPrecision(bounds.getNorth());
  77   }
  78
  79   $(".geolink").each(setGeolink);
  80
  81   function setGeolink(index, link) {
  82     var base = link.href.split('?')[0],
  83         qs = link.href.split('?')[1],
  84         args = querystring.parse(qs);
  85
  86     if ($(link).hasClass("llz")) {
  87       $.extend(args, {
  88           lat: lat,
  89           lon: lon,
  90           zoom: zoom
  91       });
  92     } else if (minlon && $(link).hasClass("bbox")) {
  93       $.extend(args, {
  94           bbox: minlon + "," + minlat + "," + maxlon + "," + maxlat
  95       });
  96     }
  97
  98     if (layers && $(link).hasClass("layers")) args.layers = layers;
  99     if (object && $(link).hasClass("object")) args[object.type] = object.id;
 100
 101     var minzoom = $(link).data("minzoom");
 102     if (minzoom) {
 103         var name = link.id.replace(/anchor$/, "");
 104         $(link).off("click.minzoom");
 105         if (zoom >= minzoom) {
 106           $(link).attr("title", I18n.t("javascripts.site." + name + "_tooltip"))
 107               .removeClass("disabled");
 108         } else {
 109           $(link).on("click.minzoom", minZoomAlert)
 110               .attr("title", I18n.t("javascripts.site." + name + "_disabled_tooltip"))
 111               .addClass("disabled");
 112         }
 113     }
 114     link.href = base + '?' + querystring.stringify(args);
 115   }
 116 }
 117
 118 function minZoomAlert() {
 119     alert(I18n.t("javascripts.site." + name + "_zoom_alert")); return false;
 120 }
 121
 122 function getShortUrl(map) {
 123   return (window.location.hostname.match(/^www\.openstreetmap\.org/i) ?
 124           'http://osm.org/go/' : 'http://' + window.location.hostname + '/go/') +
 125           makeShortCode(map);
 126 }
 127
 128 function getUrl(map) {
 129   var center = map.getCenter(),
 130       zoom = map.getZoom(),
 131       toZoom = zoomPrecision(zoom);
 132
 133   return (window.location.hostname.match(/^www\.openstreetmap\.org/i) ?
 134           'http://openstreetmap.org/?' : 'http://' + window.location.hostname + '/?') +
 135         querystring.stringify({
 136             lat: toZoom(center.lat),
 137             lon: toZoom(center.lng),
 138             zoom: zoom,
 139             layers: map.getLayersCode()
 140         });
 141 }
 142
 143 // Called to create a short code for the short link.
 144 function makeShortCode(map) {
 145     var zoom = map.getZoom(),
 146         str = '',
 147         char_array = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_~",
 148         x = Math.round((map.getCenter().lng + 180.0) * ((1 << 30) / 90.0)),
 149         y = Math.round((map.getCenter().lat +  90.0) * ((1 << 30) / 45.0)),
 150         // JavaScript only has to keep 32 bits of bitwise operators, so this has to be
 151         // done in two parts. each of the parts c1/c2 has 30 bits of the total in it
 152         // and drops the last 4 bits of the full 64 bit Morton code.
 153         c1 = interlace(x >>> 17, y >>> 17), c2 = interlace((x >>> 2) & 0x7fff, (y >>> 2) & 0x7fff);
 154
 155     for (var i = 0; i < Math.ceil((zoom + 8) / 3.0) && i < 5; ++i) {
 156         digit = (c1 >> (24 - 6 * i)) & 0x3f;
 157         str += char_array.charAt(digit);
 158     }
 159     for (i = 5; i < Math.ceil((zoom + 8) / 3.0); ++i) {
 160         digit = (c2 >> (24 - 6 * (i - 5))) & 0x3f;
 161         str += char_array.charAt(digit);
 162     }
 163     for (i = 0; i < ((zoom + 8) % 3); ++i) str += "-";
 164
 165     // Called to interlace the bits in x and y, making a Morton code.
 166     function interlace(x, y) {
 167         x = (x | (x << 8)) & 0x00ff00ff;
 168         x = (x | (x << 4)) & 0x0f0f0f0f;
 169         x = (x | (x << 2)) & 0x33333333;
 170         x = (x | (x << 1)) & 0x55555555;
 171         y = (y | (y << 8)) & 0x00ff00ff;
 172         y = (y | (y << 4)) & 0x0f0f0f0f;
 173         y = (y | (y << 2)) & 0x33333333;
 174         y = (y | (y << 1)) & 0x55555555;
 175         return (x << 1) | y;
 176     }
 177
 178     return str;
 179 }
 180
 181 // generate a cookie-safe string of map state
 182 function cookieContent(map) {
 183   var center = map.getCenter().wrap();
 184   return [center.lng, center.lat, map.getZoom(), map.getLayersCode()].join('|');
 185 }
 186
 187 /*
 188  * Forms which have been cached by rails may have the wrong
 189  * authenticity token, so patch up any forms with the correct
 190  * token taken from the page header.
 191  */
 192 $(document).ready(function () {
 193   var auth_token = $("meta[name=csrf-token]").attr("content");
 194   $("form input[name=authenticity_token]").val(auth_token);
 195 });