Add top transfer dropdown

frontend-js/dist/app.js

@@ -93,6 +93,33 @@
   window.addEventListener("DOMContentLoaded", () => bind(document.querySelector(".three-pane")));
 })();
 
+(function () {
+  function closeAll() {
+    document.querySelectorAll(".ribbon-menu.open").forEach((menu) => {
+      menu.classList.remove("open");
+      const button = menu.querySelector("[data-ribbon-menu-toggle]");
+      if (button) button.setAttribute("aria-expanded", "false");
+    });
+  }
+
+  document.addEventListener("click", (event) => {
+    const button = event.target.closest("[data-ribbon-menu-toggle]");
+    if (button) {
+      const menu = button.closest(".ribbon-menu");
+      const willOpen = !menu.classList.contains("open");
+      closeAll();
+      menu.classList.toggle("open", willOpen);
+      button.setAttribute("aria-expanded", willOpen ? "true" : "false");
+      return;
+    }
+    if (!event.target.closest(".ribbon-menu")) closeAll();
+  });
+
+  document.addEventListener("keydown", (event) => {
+    if (event.key === "Escape") closeAll();
+  });
+})();
+
 (function () {
   function setOpen(open) {
     document.body.classList.toggle("backstage-open", open);