Pass element to actionsList method in Stimulus ApplicationController

TrestleAdmin · Dec 4, 2024 · d5b7d3b · d5b7d3b
1 parent 4ce8062
commit d5b7d3b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/app/assets/bundle/trestle/admin.js b/app/assets/bundle/trestle/admin.js
diff --git a/frontend/js/controllers/application_controller.js b/frontend/js/controllers/application_controller.js
@@ -4,7 +4,7 @@ import { fetchWithErrorHandling, fetchTurboStream } from '../core/fetch'
 
 export default class extends Controller {
   appendAction (event, method, element = this.element) {
-    const actions = this.actionsList
+    const actions = this.actionsList(element)
     const newAction = `${event}->${this.identifier}#${method}`
 
     if (!actions.includes(newAction)) {
@@ -16,7 +16,7 @@ export default class extends Controller {
 
   removeAction (event, method, element = this.element) {
     const newAction = `${event}->${this.identifier}#${method}`
-    const actions = this.actionsList.filter(action => action !== newAction)
+    const actions = this.actionsList(element).filter(action => action !== newAction)
 
     element.dataset.action = actions.join(' ')
   }
@@ -29,15 +29,15 @@ export default class extends Controller {
     return fetchTurboStream(url, options)
   }
 
-  get csrfToken () {
-    return document.querySelector("[name='csrf-token']").content
-  }
-
-  get actionsList () {
+  actionsList (element) {
     if (element.dataset.action) {
       return element.dataset.action.split(' ')
     } else {
       return []
     }
   }
+
+  get csrfToken () {
+    return document.querySelector("[name='csrf-token']").content
+  }
 }