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.extend
   9 //= require leaflet.locationfilter
  10 //= require i18n/translations
  11 //= require oauth
  12 //= require osm
  13 //= require piwik
  14 //= require map
  15 //= require menu
  16 //= require sidebar
  17 //= require richtext
  18 //= require resize
  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).attr("title", I18n.t("javascripts.site." + name + "_tooltip"))
 106               .removeClass("disabled");
 107         } else {
 108           $(link).on("click.minzoom", minZoomAlert)
 109               .attr("title", I18n.t("javascripts.site." + name + "_disabled_tooltip"))
 110               .addClass("disabled");
 111         }
 112     }
 113     link.href = base + '?' + querystring.stringify(args);
 114   }
 115 }
 116
 117 function minZoomAlert() {
 118     alert(I18n.t("javascripts.site." + name + "_zoom_alert")); return false;
 119 }
 120
 121 function getShortUrl(map) {
 122   return (window.location.hostname.match(/^www\.openstreetmap\.org/i) ?
 123           'http://osm.org/go/' : '/go/') +
 124           makeShortCode(map);
 125 }
 126
 127 function getUrl(map) {
 128   var center = map.getCenter(),
 129       zoom = map.getZoom();
 130
 131   return (window.location.hostname.match(/^www\.openstreetmap\.org/i) ?
 132           'http://openstreetmap.org/?' : '/?') +
 133         querystring.stringify({
 134             lat: center.lat,
 135             lon: center.lng,
 136             zoom: zoom,
 137             layers: map.getLayersCode()
 138         });
 139 }
 140
 141 // Called to create a short code for the short link.
 142 function makeShortCode(map) {
 143     var zoom = map.getZoom(),
 144         str = '',
 145         char_array = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_~",
 146         x = Math.round((map.getCenter().lng + 180.0) * ((1 << 30) / 90.0)),
 147         y = Math.round((map.getCenter().lat +  90.0) * ((1 << 30) / 45.0)),
 148         // JavaScript only has to keep 32 bits of bitwise operators, so this has to be
 149         // done in two parts. each of the parts c1/c2 has 30 bits of the total in it
 150         // and drops the last 4 bits of the full 64 bit Morton code.
 151         c1 = interlace(x >>> 17, y >>> 17), c2 = interlace((x >>> 2) & 0x7fff, (y >>> 2) & 0x7fff);
 152
 153     for (var i = 0; i < Math.ceil((zoom + 8) / 3.0) && i < 5; ++i) {
 154         digit = (c1 >> (24 - 6 * i)) & 0x3f;
 155         str += char_array.charAt(digit);
 156     }
 157     for (i = 5; i < Math.ceil((zoom + 8) / 3.0); ++i) {
 158         digit = (c2 >> (24 - 6 * (i - 5))) & 0x3f;
 159         str += char_array.charAt(digit);
 160     }
 161     for (i = 0; i < ((zoom + 8) % 3); ++i) str += "-";
 162
 163     // Called to interlace the bits in x and y, making a Morton code.
 164     function interlace(x, y) {
 165         x = (x | (x << 8)) & 0x00ff00ff;
 166         x = (x | (x << 4)) & 0x0f0f0f0f;
 167         x = (x | (x << 2)) & 0x33333333;
 168         x = (x | (x << 1)) & 0x55555555;
 169         y = (y | (y << 8)) & 0x00ff00ff;
 170         y = (y | (y << 4)) & 0x0f0f0f0f;
 171         y = (y | (y << 2)) & 0x33333333;
 172         y = (y | (y << 1)) & 0x55555555;
 173         return (x << 1) | y;
 174     }
 175
 176     return str;
 177 }
 178
 179 // generate a cookie-safe string of map state
 180 function cookieContent(map) {
 181   var center = map.getCenter().wrap();
 182   return [center.lng, center.lat, map.getZoom(), map.getLayersCode()].join('|');
 183 }
 184
 185 /*
 186  * Forms which have been cached by rails may have the wrong
 187  * authenticity token, so patch up any forms with the correct
 188  * token taken from the page header.
 189  */
 190 $(document).ready(function () {
 191   var auth_token = $("meta[name=csrf-token]").attr("content");
 192   $("form input[name=authenticity_token]").val(auth_token);
 193 });