[TASK] Move inline history.back() scripts to Module.js

in2code-de · Oct 30, 2024 · cae6505 · cae6505
1 parent 16145de
commit cae6505
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 7 deletions.
diff --git a/Resources/Private/Build/JavaScript/Backend/Module.js b/Resources/Private/Build/JavaScript/Backend/Module.js
@@ -35,6 +35,7 @@ const LuxBackend = function() {
     addUnitAjaxListener();
     addSelectSubmitListener();
     addRangeLabelListener();
+    addHistoryBackListener();
   };
 
   /**
@@ -380,6 +381,15 @@ const LuxBackend = function() {
     });
   }
 
+  const addHistoryBackListener = function() {
+    const elements = document.querySelectorAll('[data-lux-historyback]');
+    elements.forEach(function(element) {
+      element.addEventListener('click', (event) => {
+        window.history.back();
+      });
+    });
+  }
+
   /**
    * @param {string} elements
    * @param {string} className

diff --git a/Resources/Private/Templates/General/Information.html b/Resources/Private/Templates/General/Information.html
@@ -18,7 +18,7 @@
         <a href="https://www.in2code.de/?utm_campaign=LUX+Community+Version&utm_id=llcv&utm_source=typo3&utm_medium=browser&utm_content=information" target="_blank" rel="noopener">in2code.de - Wir leben TYPO3</a>
     </p>
 
-    <button onclick="window.history.back();" class="btn btn-primary">
+    <button class="btn btn-primary" data-lux-historyback="1">
         <f:translate key="LLL:EXT:lux/Resources/Private/Language/locallang_db.xlf:back">go back</f:translate>
     </button>
 </f:section>

diff --git a/Resources/Private/Templates/Lead/Company.html b/Resources/Private/Templates/Lead/Company.html
@@ -176,7 +176,7 @@ <h3>{company.title}</h3>
 <f:section name="Buttons">
     <div class="row" style="padding-bottom: 20px;">
         <div class="col-md-12">
-            <button onclick="window.history.back();" class="btn btn-primary">
+            <button class="btn btn-primary" data-lux-historyback="1">
                 <f:translate key="LLL:EXT:lux/Resources/Private/Language/locallang_db.xlf:back">go back</f:translate>
             </button>
 

diff --git a/Resources/Private/Templates/Lead/Detail.html b/Resources/Private/Templates/Lead/Detail.html
@@ -43,7 +43,7 @@
 
     <div class="row" style="padding-bottom: 20px;">
         <div class="col-md-12">
-            <button onclick="window.history.back();" class="btn btn-primary">
+            <button class="btn btn-primary" data-lux-historyback="1">
                 <f:translate key="LLL:EXT:lux/Resources/Private/Language/locallang_db.xlf:back">go back</f:translate>
             </button>
 

diff --git a/Resources/Public/JavaScript/Lux/Module.min.js b/Resources/Public/JavaScript/Lux/Module.min.js