fix: Fix floorplan (ietf-tools#4160)

* fix: Fix the floorplan location highlighter * Revert erroneous commit
khondokersohelahmed · Jul 6, 2022 · 75bb797 · 75bb797
1 parent 0872651
commit 75bb797
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/ietf/static/js/room_params.js b/ietf/static/js/room_params.js
@@ -99,8 +99,11 @@ window.setarrow = function (nm) {
             if (adiv) {
                 adiv.style.left = arrow_left + offsetleft + "px";
                 adiv.style.top = arrow_top + offsettop + "px";
-                adiv.style.visibility = "visible";
+                adiv.hidden = false;
                 window.location.hash = floor;
+                const url = new URL(location.href);
+                url.searchParams.set('room', nm);
+                history.pushState(null, '', url);
             }
         }
     }
@@ -116,7 +119,7 @@ window.removearrow = function (which, fl) {
             // if (verbose) console.log("adiv found");
             adiv.style.left = -500;
             adiv.style.top = -500;
-            adiv.style.visibility = "hidden";
+            adiv.hidden = true;
         }
     }
 };
@@ -182,4 +185,4 @@ window.automaticarrow = function () {
     //   if (navigator.geolocation) {
     //      navigator.geolocation.getCurrentPosition(located);
     //   }
-};
+};
diff --git a/ietf/templates/meeting/floor-plan.html b/ietf/templates/meeting/floor-plan.html
@@ -8,7 +8,7 @@
     IETF {{ meeting.number }} meeting agenda
     {% if "-utc" in request.path %}(UTC){% endif %}
 {% endblock %}
-{% block bodyAttrs %}onload="automaticarrow(); checkParams();"{% endblock %}
+{% block bodyAttrs %}onload="automaticarrow(); checkParams();" onresize="checkParams();"{% endblock %}
 {% block content %}
     {% origin %}
     {% include "meeting/meeting_heading.html" with selected="floor-plan" title_extra="Floor Plan" %}
@@ -42,19 +42,19 @@ <h2 class="mt-4" id="floor-{{ floor.name|xslugify }}">{{ floor.name }}</h2>
                              src="{{ floor.image.url }}">
                         {# We need as many of these as we can have individual rooms combining into one #}
                         <div id="floor-{{ floor.name|xslugify }}-arrowdiv0"
-                             class="position-absolute invisible">
+                             class="position-absolute" hidden>
                             <img alt="Location arrow" src="{% static 'ietf/images/arrow-ani.webp' %}">
                         </div>
                         <div id="floor-{{ floor.name|xslugify }}-arrowdiv1"
-                             class="position-absolute invisible">
+                             class="position-absolute" hidden>
                             <img alt="Location arrow" src="{% static 'ietf/images/arrow-ani.webp' %}">
                         </div>
                         <div id="floor-{{ floor.name|xslugify }}-arrowdiv2"
-                             class="position-absolute invisible">
+                             class="position-absolute" hidden>
                             <img alt="Location arrow" src="{% static 'ietf/images/arrow-ani.webp' %}">
                         </div>
                         <div id="floor-{{ floor.name|xslugify }}-arrowdiv3"
-                             class="position-absolute invisible">
+                             class="position-absolute" hidden>
                             <img alt="Location arrow" src="{% static 'ietf/images/arrow-ani.webp' %}">
                         </div>
                     {% else %}