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