5064d115b91ada67fd2198077b3ad9125a12cfd6
[rails.git] / app / assets / javascripts / application.js
1 //= require jquery
2 //= require jquery_ujs
3 //= require jquery.timers
4 //= require jquery.cookie
5 //= require jquery.throttle-debounce
6 //= require bootstrap.tooltip
7 //= require bootstrap.dropdown
8 //= require augment
9 //= require osm
10 //= require leaflet
11 //= require leaflet.osm
12 //= require leaflet.map
13 //= require leaflet.zoom
14 //= require leaflet.locationfilter
15 //= require i18n/translations
16 //= require oauth
17 //= require piwik
18 //= require richtext
19 //= require querystring
20
21 var querystring = require('querystring-component');
22
23 /*
24  * Called as the user scrolls/zooms around to maniplate hrefs of the
25  * view tab and various other links
26  */
27 window.updateLinks = function (loc, zoom, layers, object) {
28   $(".geolink").each(function(index, link) {
29     var href = link.href.split(/[?#]/)[0],
30       args = querystring.parse(link.search.substring(1)),
31       editlink = $(link).hasClass("editlink");
32
33     delete args.node;
34     delete args.way;
35     delete args.relation;
36     delete args.changeset;
37
38     if (object && editlink) {
39       args[object.type] = object.id;
40     }
41
42     var query = querystring.stringify(args);
43     if (query) href += '?' + query;
44
45     args = {
46       lat: loc.lat,
47       lon: 'lon' in loc ? loc.lon : loc.lng,
48       zoom: zoom
49     };
50
51     if (layers && !editlink) {
52       args.layers = layers;
53     }
54
55     href += OSM.formatHash(args);
56
57     link.href = href;
58   });
59
60   var editDisabled = zoom < 13;
61   $('#edit_tab')
62     .tooltip({placement: 'bottom'})
63     .off('click.minzoom')
64     .on('click.minzoom', function() { return !editDisabled; })
65     .toggleClass('disabled', editDisabled)
66     .attr('data-original-title', editDisabled ?
67       I18n.t('javascripts.site.edit_disabled_tooltip') : '');
68 };
69
70 window.maximiseMap = function () {
71   $("#content").addClass("maximised");
72 };
73
74 window.minimiseMap = function () {
75   $("#content").removeClass("maximised");
76 };
77
78 $(document).ready(function () {
79   var headerWidth = 0,
80       compactWidth = 0;
81
82   $("header").children(":visible").each(function (i,e) {
83     headerWidth = headerWidth + $(e).outerWidth();
84   });
85
86   $("body").addClass("compact");
87
88   $("header").children(":visible").each(function (i,e) {
89     compactWidth = compactWidth + $(e).outerWidth();
90   });
91
92   $("body").removeClass("compact");
93
94   function updateHeader() {
95     var windowWidth = $(window).width();
96
97     if (windowWidth < compactWidth) {
98       $("body").removeClass("compact").addClass("small");
99     } else if (windowWidth < headerWidth) {
100       $("body").addClass("compact").removeClass("small");
101     } else {
102       $("body").removeClass("compact").removeClass("small");
103     }
104   }
105
106   updateHeader();
107
108   $(window).resize(updateHeader);
109
110   $("#menu-icon").on("click", function(e) {
111     e.preventDefault();
112     $("header").toggleClass("closed");
113   });
114
115   $("nav.primary li a").on("click", function() {
116     $("header").toggleClass("closed");
117   });
118 });