- $('#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') : '');
-}
-
-// generate a cookie-safe string of map state
-function cookieContent(map) {
- var center = map.getCenter().wrap();
- return [center.lng, center.lat, map.getZoom(), map.getLayersCode()].join('|');
-}
-
-function escapeHTML(string) {
- var htmlEscapes = {
- '&': '&',
- '<': '<',
- '>': '>',
- '"': '"',
- "'": '''
- };
- return string == null ? '' : (string + '').replace(/[&<>"']/g, function(match) {
- return htmlEscapes[match];
+ $("#edit_tab")
+ .tooltip({ placement: "bottom" })
+ .tooltip(editDisabled ? "enable" : "disable")
+ .toggleClass("disabled", editDisabled)
+ .find("a")
+ .toggleClass("disabled", editDisabled);
+};
+
+$(document).ready(function () {
+ var headerWidth = 0,
+ compactWidth = 0;
+
+ function updateHeader() {
+ var windowWidth = $(window).width();
+
+ if (windowWidth < compactWidth) {
+ $("body").removeClass("compact-nav").addClass("small-nav");
+ } else if (windowWidth < headerWidth) {
+ $("body").addClass("compact-nav").removeClass("small-nav");
+ } else {
+ $("body").removeClass("compact-nav").removeClass("small-nav");
+ }
+ }
+
+ /*
+ * 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-nav");
+
+ $("header").children(":visible").each(function (i, e) {
+ compactWidth = compactWidth + $(e).outerWidth();
+ });
+
+ $("body").removeClass("compact-nav");
+
+ updateHeader();
+
+ $(window).resize(updateHeader);
+ }, 0);
+
+ $("#menu-icon").on("click", function (e) {
+ e.preventDefault();
+ $("header").toggleClass("closed");