e5c33c119a
Due to the javascript involved, it was more straightforward to combine the two together. Moving to bootstrap v4 for dropdowns required some redesign of the dropdown menu html, and the opportunity was taken to move to using standard buttons for those menus.
144 lines
3.5 KiB
JavaScript
144 lines
3.5 KiB
JavaScript
//= require jquery3
|
|
//= require jquery_ujs
|
|
//= require jquery.timers
|
|
//= require jquery.cookie
|
|
//= require jquery.throttle-debounce
|
|
//= require popper
|
|
//= require bootstrap-sprockets
|
|
//= require osm
|
|
//= require leaflet
|
|
//= require leaflet.osm
|
|
//= require leaflet.map
|
|
//= require leaflet.zoom
|
|
//= require leaflet.locationfilter
|
|
//= require i18n
|
|
//= require oauth
|
|
//= require piwik
|
|
//= require richtext
|
|
//= require querystring
|
|
|
|
/*
|
|
* Called as the user scrolls/zooms around to maniplate hrefs of the
|
|
* view tab and various other links
|
|
*/
|
|
window.updateLinks = function (loc, zoom, layers, object) {
|
|
$(".geolink").each(function (index, link) {
|
|
var querystring = require("querystring-component"),
|
|
href = link.href.split(/[?#]/)[0],
|
|
args = querystring.parse(link.search.substring(1)),
|
|
editlink = $(link).hasClass("editlink");
|
|
|
|
delete args.node;
|
|
delete args.way;
|
|
delete args.relation;
|
|
delete args.changeset;
|
|
|
|
if (object && editlink) {
|
|
args[object.type] = object.id;
|
|
}
|
|
|
|
var query = querystring.stringify(args);
|
|
if (query) href += "?" + query;
|
|
|
|
args = {
|
|
lat: loc.lat,
|
|
lon: "lon" in loc ? loc.lon : loc.lng,
|
|
zoom: zoom
|
|
};
|
|
|
|
if (layers && !editlink) {
|
|
args.layers = layers;
|
|
}
|
|
|
|
href += OSM.formatHash(args);
|
|
|
|
link.href = href;
|
|
});
|
|
|
|
var editDisabled = zoom < 13;
|
|
$("#edit_tab")
|
|
.tooltip({ placement: "bottom" })
|
|
.off("click.minzoom")
|
|
.on("click.minzoom", function () { return !editDisabled; })
|
|
.toggleClass("disabled", editDisabled)
|
|
.attr("data-original-title", editDisabled ?
|
|
I18n.t("javascripts.site.edit_disabled_tooltip") : "");
|
|
};
|
|
|
|
window.maximiseMap = function () {
|
|
$("#content").addClass("maximised");
|
|
};
|
|
|
|
window.minimiseMap = function () {
|
|
$("#content").removeClass("maximised");
|
|
};
|
|
|
|
$(document).ready(function () {
|
|
var headerWidth = 0,
|
|
compactWidth = 0;
|
|
|
|
function updateHeader() {
|
|
var windowWidth = $(window).width();
|
|
|
|
if (windowWidth < compactWidth) {
|
|
$("body").removeClass("compact").addClass("small");
|
|
} else if (windowWidth < headerWidth) {
|
|
$("body").addClass("compact").removeClass("small");
|
|
} else {
|
|
$("body").removeClass("compact").removeClass("small");
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Chrome 60 and later seem to fire the "ready" callback
|
|
* before the DOM is fully ready causing us to measure the
|
|
* wrong sizes for the header elements - use a 0ms timeout
|
|
* to defer the measurement slightly as a workaround.
|
|
*/
|
|
setTimeout(function () {
|
|
$("header").children(":visible").each(function (i, e) {
|
|
headerWidth = headerWidth + $(e).outerWidth();
|
|
});
|
|
|
|
$("body").addClass("compact");
|
|
|
|
$("header").children(":visible").each(function (i, e) {
|
|
compactWidth = compactWidth + $(e).outerWidth();
|
|
});
|
|
|
|
$("body").removeClass("compact");
|
|
|
|
updateHeader();
|
|
|
|
$(window).resize(updateHeader);
|
|
}, 0);
|
|
|
|
$("#menu-icon").on("click", function (e) {
|
|
e.preventDefault();
|
|
$("header").toggleClass("closed");
|
|
});
|
|
|
|
$("nav.primary li a").on("click", function () {
|
|
$("header").toggleClass("closed");
|
|
});
|
|
|
|
var application_data = $("head").data();
|
|
|
|
I18n.default_locale = OSM.DEFAULT_LOCALE;
|
|
I18n.locale = application_data.locale;
|
|
I18n.fallbacks = true;
|
|
|
|
OSM.preferred_editor = application_data.preferredEditor;
|
|
|
|
if (application_data.user) {
|
|
OSM.user = application_data.user;
|
|
|
|
if (application_data.userHome) {
|
|
OSM.home = application_data.userHome;
|
|
}
|
|
}
|
|
|
|
if (application_data.location) {
|
|
OSM.location = application_data.location;
|
|
}
|
|
});
|