Add in permissions tab from xml editor partial - made possible by enabling anchor clicking with js controller

Author: dgcliff

.version

@@ -1 +1 @@
-2.9.70
+2.9.71

app/javascript/controllers/tab_hash_controller.js

@@ -0,0 +1,21 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  connect() {
+    const hash = window.location.hash
+    if (hash) {
+      const btn = this.element.querySelector(`[data-bs-target="${hash}"]`)
+      if (btn) btn.click()
+    }
+
+    this._onTabShown = (e) => {
+      const paneId = e.target.getAttribute("data-bs-target")
+      if (paneId) history.replaceState(null, "", paneId)
+    }
+    this.element.addEventListener("shown.bs.tab", this._onTabShown)
+  }
+
+  disconnect() {
+    this.element.removeEventListener("shown.bs.tab", this._onTabShown)
+  }
+}

app/views/collections/edit.html.haml

@@ -1,6 +1,6 @@
 %h3.py-3 Edit Collection
 
-%ul.nav.nav-tabs
+%ul.nav.nav-tabs{"data-controller" => "tab-hash"}
   %li.nav-item
     %button#metadata-tab.nav-link.active{"aria-controls" => "metadata", "aria-selected" => "true", "data-bs-target" => "#metadata", "data-bs-toggle" => "tab", role: "tab", type: "button"} Metadata
   %li.nav-item

app/views/communities/edit.html.haml

@@ -1,6 +1,6 @@
 %h3.py-3 Edit Community
 
-%ul.nav.nav-tabs
+%ul.nav.nav-tabs{"data-controller" => "tab-hash"}
   %li.nav-item
     %button#metadata-tab.nav-link.active{"aria-controls" => "metadata", "aria-selected" => "true", "data-bs-target" => "#metadata", "data-bs-toggle" => "tab", role: "tab", type: "button"} Metadata
   %li.nav-item

app/views/works/edit.html.haml

@@ -1,6 +1,6 @@
 %h3.py-3 Edit Work
 
-%ul.nav.nav-tabs
+%ul.nav.nav-tabs{"data-controller" => "tab-hash"}
   %li.nav-item
     %button#metadata-tab.nav-link.active{"aria-controls" => "metadata", "aria-selected" => "true", "data-bs-target" => "#metadata", "data-bs-toggle" => "tab", role: "tab", type: "button"} Metadata
   %li.nav-item

app/views/xml/editor.html.haml

@@ -8,6 +8,8 @@
 %ul.nav.nav-tabs
   %li.nav-item
     %a.nav-link{"aria-current" => "page", href: public_send("edit_#{@klass.downcase}_path", @resource['id'])} Metadata
+  %li.nav-item
+    %a.nav-link{href: "#{public_send("edit_#{@klass.downcase}_path", @resource['id'])}#permissions"} Permissions
   %li.nav-item
     %a.nav-link.active{href: "#"} XML