]> git.openstreetmap.org Git - rails.git/blob - app/assets/javascripts/resize.js
Merge branch 'master' into notes
[rails.git] / app / assets / javascripts / resize.js
1 function resizeContent() {
2   var content = $("#content");
3   var leftMargin = parseInt(content.css("left"));
4   var rightMargin = parseInt(content.css("right"));
5   var bottomMargin = parseInt(content.css("bottom"));
6
7   if ($("html").attr("dir") == "ltr") {
8     content.width($(window).width() - content.prop("offsetLeft") - rightMargin);
9   } else {
10     content.width($(window).width() - content.prop("offsetRight") - leftMargin);
11   }
12
13   content.height($(window).height() - content.prop("offsetTop") - bottomMargin);
14 }
15
16 function resizeMap() {
17   var content_width = $("#content").width();
18   var content_height = $("#content").height();
19   var sidebar_width = 0;
20   var left_border = parseFloat($("#map").css("border-left-width"));
21   var right_border = parseFloat($("#map").css("border-right-width"));
22   var top_border = parseFloat($("#map").css("border-top-width"));
23   var bottom_border = parseFloat($("#map").css("border-bottom-width"));
24
25   $("#sidebar:visible").each(function () {
26     sidebar_width = sidebar_width + $(this).outerWidth(true);
27   });
28
29   if ($("html").attr("dir") == "ltr") {
30     $("#map").css("left", (sidebar_width) + "px");
31   } else {
32     $("#map").css("right", (sidebar_width) + "px");
33   }
34
35   $("#map").width(content_width - sidebar_width - left_border - right_border);
36   $("#map").height(content_height - top_border - bottom_border);
37   $("#map").trigger("resized");
38 }
39
40 function handleResize() {
41   var brokenContentSize = $("#content").prop("offsetWidth") == 0;
42
43   if (brokenContentSize) {
44     resizeContent();
45   }
46
47   resizeMap();
48 }
49
50 $(document).ready(function () {
51   $("#sidebar").on("opened", resizeMap);
52   $("#sidebar").on("closed", resizeMap);
53 });