]> git.openstreetmap.org Git - rails.git/blob - app/assets/javascripts/application.js
df8dcda15eade9cd7c2004ea3cc76c2eed381190
[rails.git] / app / assets / javascripts / application.js
1 //= require jquery
2 //= require jquery_ujs
3 //= require jquery.autogrowtextarea
4 //= require jquery.timers
5 //= require augment
6 //= require openlayers
7 //= require i18n/translations
8 //= require globals
9 //= require browse
10 //= require export
11 //= require map
12 //= require menu
13 //= require sidebar
14
15 function zoomPrecision(zoom) {
16     var decimals = Math.pow(10, Math.floor(zoom/3));
17     return function(x) {
18          return Math.round(x * decimals) / decimals;
19     };
20 }
21
22 /*
23  * Called as the user scrolls/zooms around to aniplate hrefs of the
24  * view tab and various other links
25  */
26 function updatelinks(lon,lat,zoom,layers,minlon,minlat,maxlon,maxlat,objtype,objid) {
27   var toPrecision = zoomPrecision(zoom);
28   var node;
29
30   lat = toPrecision(lat);
31   lon = toPrecision(lon);
32
33   if (minlon) {
34     minlon = toPrecision(minlon);
35     minlat = toPrecision(minlat);
36     maxlon = toPrecision(maxlon);
37     maxlat = toPrecision(maxlat);
38   }
39
40   $(".geolink").each(function (index, link) {
41     var args = getArgs(link.href);
42
43     if ($(link).hasClass("llz")) {
44       args.lat = lat;
45       args.lon = lon;
46       args.zoom = zoom;
47     } else if (minlon && $(link).hasClass("bbox")) {
48       args.bbox = minlon + "," + minlat + "," + maxlon + "," + maxlat;
49     }
50
51     if (layers && $(link).hasClass("layers")) {
52       args.layers = layers;
53     }
54
55     if (objtype && $(link).hasClass("object")) {
56       args[objtype] = objid;
57     }
58
59     var classes = $(link).attr("class").split(" ");
60
61     $(classes).each(function (index, classname) {
62       if (match = classname.match(/^minzoom([0-9]+)$/)) {
63         var minzoom = match[1];
64         var name = link.id.replace(/anchor$/, "");
65
66         $(link).off("click.minzoom");
67
68         if (zoom >= minzoom) {
69           $(link).attr("title", I18n.t("javascripts.site." + name + "_tooltip"));
70           $(link).removeClass("disabled");
71         } else {
72           $(link).on("click.minzoom", function () { alert(I18n.t("javascripts.site." + name + "_zoom_alert")); return false; });
73           $(link).attr("title", I18n.t("javascripts.site." + name + "_disabled_tooltip"));
74           $(link).addClass("disabled");
75         }
76       }
77     });
78
79     link.href = setArgs(link.href, args);
80   });
81
82   $("#shortlinkanchor").each(function () {
83     var args = getArgs(this.href);
84     var code = makeShortCode(lat, lon, zoom);
85     var prefix = shortlinkPrefix();
86
87     // Add ?{node,way,relation}=id to the arguments
88     if (objtype && objid) {
89       args[objtype] = objid;
90     }
91
92     // This is a hack to omit the default mapnik layer from the shortlink.
93     if (layers && layers != "M") {
94       args.layers = layers;
95     }
96     else {
97       delete args.layers;
98     }
99
100     // Here we're assuming that all parameters but ?layers= and
101     // ?{node,way,relation}= can be safely omitted from the shortlink
102     // which encodes lat/lon/zoom. If new URL parameters are added to
103     // the main slippy map this needs to be changed.
104     if (args.layers || args[objtype]) {
105       this.href = setArgs(prefix + "/go/" + code, args);
106     } else {
107       this.href = prefix + "/go/" + code;
108     }
109   });
110 }
111
112 /*
113  * Get the URL prefix to use for a short link
114  */
115 function shortlinkPrefix() {
116   if (window.location.hostname.match(/^www\.openstreetmap\.org/i)) {
117     return "http://osm.org";
118   } else {
119     return "";
120   }
121 }
122
123 /*
124  * Called to get the arguments from a URL as a hash.
125  */
126 function getArgs(url) {
127   var args = {};
128   var querystart = url.indexOf("?");
129
130   if (querystart >= 0) {
131      var querystring = url.substring(querystart + 1);
132      var queryitems = querystring.split("&");
133
134      for (var i = 0; i < queryitems.length; i++) {
135         if (match = queryitems[i].match(/^(.*)=(.*)$/)) {
136            args[unescape(match[1])] = unescape(match[2]);
137         } else {
138            args[unescape(queryitems[i])] = null;
139         }
140      }
141   }
142
143   return args;
144 }
145
146 /*
147  * Called to set the arguments on a URL from the given hash.
148  */
149 function setArgs(url, args) {
150    var queryitems = [];
151
152    for (arg in args) {
153       if (args[arg] == null) {
154          queryitems.push(escape(arg));
155       } else {
156          queryitems.push(escape(arg) + "=" + escape(args[arg]));
157       }
158    }
159
160    return url.replace(/\?.*$/, "") + "?" + queryitems.join("&");
161 }
162
163 /*
164  * Called to interlace the bits in x and y, making a Morton code.
165  */
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
172     y = (y | (y << 8)) & 0x00ff00ff;
173     y = (y | (y << 4)) & 0x0f0f0f0f;
174     y = (y | (y << 2)) & 0x33333333;
175     y = (y | (y << 1)) & 0x55555555;
176
177     return (x << 1) | y;
178 }
179
180 /*
181  * Called to create a short code for the short link.
182  */
183 function makeShortCode(lat, lon, zoom) {
184     char_array = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_~";
185     var x = Math.round((lon + 180.0) * ((1 << 30) / 90.0));
186     var y = Math.round((lat +  90.0) * ((1 << 30) / 45.0));
187     // JavaScript only has to keep 32 bits of bitwise operators, so this has to be
188     // done in two parts. each of the parts c1/c2 has 30 bits of the total in it
189     // and drops the last 4 bits of the full 64 bit Morton code.
190     var str = "";
191     var c1 = interlace(x >>> 17, y >>> 17), c2 = interlace((x >>> 2) & 0x7fff, (y >>> 2) & 0x7fff);
192     for (var i = 0; i < Math.ceil((zoom + 8) / 3.0) && i < 5; ++i) {
193         digit = (c1 >> (24 - 6 * i)) & 0x3f;
194         str += char_array.charAt(digit);
195     }
196     for (var i = 5; i < Math.ceil((zoom + 8) / 3.0); ++i) {
197         digit = (c2 >> (24 - 6 * (i - 5))) & 0x3f;
198         str += char_array.charAt(digit);
199     }
200     for (var i = 0; i < ((zoom + 8) % 3); ++i) {
201         str += "-";
202     }
203     return str;
204 }
205
206 /*
207  * Click handler to switch a rich text control to preview mode
208  */
209 function previewRichtext(event) {
210   var editor = $(this).parents(".richtext_container").find("textarea");
211   var preview = $(this).parents(".richtext_container").find(".richtext_preview");
212   var width = editor.outerWidth() - preview.outerWidth() + preview.innerWidth();
213   var minHeight = editor.outerHeight() - preview.outerHeight() + preview.innerHeight();
214
215   if (preview.contents().length == 0) {
216     preview.oneTime(500, "loading", function () {
217       preview.addClass("loading");
218     });
219
220     preview.load(editor.attr("data-preview-url"), { text: editor.val() }, function () {
221       preview.stopTime("loading");
222       preview.removeClass("loading");
223     });
224   }
225
226   editor.hide();
227   preview.width(width);
228   preview.css("min-height", minHeight + "px");
229   preview.show();
230
231   $(this).siblings(".richtext_doedit").prop("disabled", false);
232   $(this).prop("disabled", true);
233
234   event.preventDefault();
235 }
236
237 /*
238  * Click handler to switch a rich text control to edit mode
239  */
240 function editRichtext(event) {
241   var editor = $(this).parents(".richtext_container").find("textarea");
242   var preview = $(this).parents(".richtext_container").find(".richtext_preview");
243
244   preview.hide();
245   editor.show();
246
247   $(this).siblings(".richtext_dopreview").prop("disabled", false);
248   $(this).prop("disabled", true);
249
250   event.preventDefault();
251 }
252
253 /*
254  * Setup any rich text controls
255  */
256 $(document).ready(function () {
257   $(".richtext_preview").hide();
258   $(".richtext_content textarea").change(function () { 
259     $(this).parents(".richtext_container").find(".richtext_preview").empty();
260   });
261   $(".richtext_doedit").prop("disabled", true);
262   $(".richtext_dopreview").prop("disabled", false);
263   $(".richtext_doedit").click(editRichtext);
264   $(".richtext_dopreview").click(previewRichtext);
265 });
266
267 /*
268  * Forms which have been cached by rails may have he wrong
269  * authenticity token, so patch up any forms with the correct
270  * token taken from the page header.
271  */
272 $(document).ready(function () {
273   var auth_token = $("meta[name=csrf-token]").attr("content");
274   $("form input[name=authenticity_token]").val(auth_token);
275 });
276
277 /*
278  * Enable auto expansion for all text areas
279  */
280 $(document).ready(function () {
281   $("textarea").autoGrow();
282 });