Extract actionsList getter in Stimulus ApplicationController

TrestleAdmin · Nov 27, 2024 · 145507e · 145507e
1 parent 0d6f4b1
commit 145507e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 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
@@ -3,9 +3,10 @@ import { Controller } from '@hotwired/stimulus'
 import { fetchWithErrorHandling, fetchTurboStream } from '../core/fetch'
 
 export default class extends Controller {
-  appendAction (event, action, element = this.element) {
-    const actions = element.dataset.action ? element.dataset.action.split(' ') : []
-    actions.push(`${event}->${this.identifier}#${action}`)
+  appendAction (event, method, element = this.element) {
+    const actions = this.actionsList
+    actions.push(`${event}->${this.identifier}#${method}`)
+
     element.dataset.action = actions.join(' ')
   }
 
@@ -20,4 +21,12 @@ export default class extends Controller {
   get csrfToken () {
     return document.querySelector("[name='csrf-token']").content
   }
+
+  get actionsList () {
+    if (element.dataset.action) {
+      return element.dataset.action.split(' ')
+    } else {
+      return []
+    }
+  }
 }