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 geocoder
  20 //= require querystring
  21
  22 var querystring = require('querystring-component');
  23
  24 function zoomPrecision(zoom) {
  25     var decimals = Math.pow(10, Math.floor(zoom/3));
  26     return function(x) {
  27          return Math.round(x * decimals) / decimals;
  28     };
  29 }
  30
  31 function normalBounds(bounds) {
  32     if (bounds instanceof L.LatLngBounds) return bounds;
  33     return new L.LatLngBounds(
  34         new L.LatLng(bounds[0][0], bounds[0][1]),
  35         new L.LatLng(bounds[1][0], bounds[1][1]));
  36 }
  37
  38 function remoteEditHandler(bbox, select) {
  39   var loaded = false,
  40       query = {
  41           left: bbox.getWest() - 0.0001,
  42           top: bbox.getNorth() + 0.0001,
  43           right: bbox.getEast() + 0.0001,
  44           bottom: bbox.getSouth() - 0.0001
  45       };
  46
  47   if (select) query.select = select;
  48   $("#linkloader")
  49     .attr("src", "http://127.0.0.1:8111/load_and_zoom?" + querystring.stringify(query))
  50     .load(function() { loaded = true; });
  51
  52   setTimeout(function () {
  53     if (!loaded) alert(I18n.t('site.index.remote_failed'));
  54   }, 1000);
  55
  56   return false;
  57 }
  58
  59 /*
  60  * Called as the user scrolls/zooms around to maniplate hrefs of the
  61  * view tab and various other links
  62  */
  63 function updatelinks(loc, zoom, layers, bounds, object) {
  64   var toPrecision = zoomPrecision(zoom);
  65   bounds = normalBounds(bounds);
  66   var node;
  67
  68   var lat = toPrecision(loc.lat),
  69       lon = toPrecision(loc.lon || loc.lng);
  70
  71   if (bounds) {
  72     var minlon = toPrecision(bounds.getWest()),
  73         minlat = toPrecision(bounds.getSouth()),
  74         maxlon = toPrecision(bounds.getEast()),
  75         maxlat = toPrecision(bounds.getNorth());
  76   }
  77
  78   $(".geolink").each(setGeolink);
  79
  80   function setGeolink(index, link) {
  81     var base = link.href.split('?')[0],
  82         qs = link.href.split('?')[1],
  83         args = querystring.parse(qs);
  84
  85     if ($(link).hasClass("llz")) {
  86       $.extend(args, {
  87           lat: lat,
  88           lon: lon,
  89           zoom: zoom
  90       });
  91     } else if (minlon && $(link).hasClass("bbox")) {
  92       $.extend(args, {
  93           bbox: minlon + "," + minlat + "," + maxlon + "," + maxlat
  94       });
  95     }
  96
  97     if (layers && $(link).hasClass("layers")) args.layers = layers;
  98     if (object && $(link).hasClass("object")) args[object.type] = object.id;
  99
 100     var minzoom = $(link).data("minzoom");
 101     if (minzoom) {
 102       var name = link.id.replace(/anchor$/, "");
 103       $(link).off("click.minzoom");
 104       if (zoom >= minzoom) {
 105         $(link)
 106           .attr("title", I18n.t("javascripts.site." + name + "_tooltip"))
 107           .removeClass("disabled");
 108       } else {
 109         $(link)
 110           .attr("title", I18n.t("javascripts.site." + name + "_disabled_tooltip"))
 111           .addClass("disabled")
 112           .on("click.minzoom", function () {
 113             alert(I18n.t("javascripts.site." + name + "_zoom_alert"));
 114             return false;
 115           });
 116       }
 117     }
 118     link.href = base + '?' + querystring.stringify(args);
 119   }
 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 });