3 //= require jquery.timers
4 //= require jquery.throttle-debounce
5 //= require js-cookie/dist/js.cookie
7 //= require bootstrap-sprockets
9 //= require leaflet/dist/leaflet-src
10 //= require leaflet.osm
11 //= require leaflet.map
12 //= require leaflet.zoom
13 //= require leaflet.locationfilter
18 //= require qs/dist/qs
19 //= require bs-custom-file-input
20 //= require bs-custom-file-input-init
23 * Called as the user scrolls/zooms around to manipulate hrefs of the
24 * view tab and various other links
26 window.updateLinks = function (loc, zoom, layers, object) {
27 $(".geolink").each(function (index, link) {
28 var href = link.href.split(/[?#]/)[0],
29 args = Qs.parse(link.search.substring(1)),
30 editlink = $(link).hasClass("editlink");
35 delete args.changeset;
37 if (object && editlink) {
38 args[object.type] = object.id;
41 var query = Qs.stringify(args);
42 if (query) href += "?" + query;
46 lon: "lon" in loc ? loc.lon : loc.lng,
50 if (layers && !editlink) {
54 href += OSM.formatHash(args);
59 var editDisabled = zoom < 13;
60 var editTab = $("#edit_tab");
62 // Disable the button group and also the buttons to avoid
63 // inconsistent behaviour when zooming
64 .toggleClass("disabled", editDisabled)
66 .toggleClass("disabled", editDisabled);
67 var editTooltip = bootstrap.Tooltip.getOrCreateInstance(editTab[0], { placement: "bottom" });
71 editTooltip.disable();
75 window.maximiseMap = function () {
76 $("#content").addClass("maximised");
79 window.minimiseMap = function () {
80 $("#content").removeClass("maximised");
83 $(document).ready(function () {
85 .attr("title", I18n.t("javascripts.site.edit_disabled_tooltip"));
90 function updateHeader() {
91 var windowWidth = $(window).width();
93 if (windowWidth < compactWidth) {
94 $("body").removeClass("compact-nav").addClass("small-nav");
95 } else if (windowWidth < headerWidth) {
96 $("body").addClass("compact-nav").removeClass("small-nav");
98 $("body").removeClass("compact-nav").removeClass("small-nav");
103 * Chrome 60 and later seem to fire the "ready" callback
104 * before the DOM is fully ready causing us to measure the
105 * wrong sizes for the header elements - use a 0ms timeout
106 * to defer the measurement slightly as a workaround.
108 setTimeout(function () {
109 $("header").children(":visible").each(function (i, e) {
110 headerWidth = headerWidth + $(e).outerWidth();
113 $("body").addClass("compact-nav");
115 $("header").children(":visible").each(function (i, e) {
116 compactWidth = compactWidth + $(e).outerWidth();
119 $("body").removeClass("compact-nav");
123 $(window).resize(updateHeader);
126 $("#menu-icon").on("click", function (e) {
128 $("header").toggleClass("closed");
131 $("nav.primary li a").on("click", function () {
132 $("header").toggleClass("closed");
135 var application_data = $("head").data();
137 I18n.default_locale = OSM.DEFAULT_LOCALE;
138 I18n.locale = application_data.locale;
139 I18n.fallbacks = true;
141 OSM.preferred_editor = application_data.preferredEditor;
143 if (application_data.user) {
144 OSM.user = application_data.user;
146 if (application_data.userHome) {
147 OSM.home = application_data.userHome;
151 if (application_data.location) {
152 OSM.location = application_data.location;