From b8b2e7fe30e13c3e427274a755c5c839c8cb9096 Mon Sep 17 00:00:00 2001
From: Robin Wieschendorf <mail@robinwieschendorf.de>
Date: Wed, 27 Dec 2023 09:58:43 +0100
Subject: [PATCH 1/2] feat: add new JS ModuleActionButtons.js

---
 src/Templates/Footer.tmpl.php                |  1 +
 src/Templates/Scripts/ModuleActionButtons.js | 48 ++++++++++++++++++++
 2 files changed, 49 insertions(+)
 create mode 100644 src/Templates/Scripts/ModuleActionButtons.js

diff --git a/src/Templates/Footer.tmpl.php b/src/Templates/Footer.tmpl.php
index 51bc06d3..f94d939c 100644
--- a/src/Templates/Footer.tmpl.php
+++ b/src/Templates/Footer.tmpl.php
@@ -8,6 +8,7 @@
 
 <script src="src/Templates/Scripts/bootstrap.bundle.min.js"></script>
 <script src="src/Templates/Scripts/lightbox.js"></script>
+<script src="src/Templates/Scripts/ModuleActionButtons.js"></script>
 
 <script>
     function filterModule(searchString)
diff --git a/src/Templates/Scripts/ModuleActionButtons.js b/src/Templates/Scripts/ModuleActionButtons.js
new file mode 100644
index 00000000..e27c7822
--- /dev/null
+++ b/src/Templates/Scripts/ModuleActionButtons.js
@@ -0,0 +1,48 @@
+const moduleActionButtons = document.querySelectorAll('.module-action-button .btn-group');
+
+moduleActionButtons.forEach(function(moduleActionButton) {
+    const actions = moduleActionButton.querySelectorAll('a');
+    actions.forEach(function(action) {
+        action.addEventListener('click', function(event) {
+            event.preventDefault();
+            //disableModuleActionButton(buttonGroup);
+            disableAllModuleActionButtons();
+            showSpinner(moduleActionButton, action);
+            setTimeout(function() {
+                window.location.href = action.getAttribute('href');
+            }, 500);
+        });
+    });
+});
+
+function disableAllModuleActionButtons()
+{
+    moduleActionButtons.forEach(function(moduleActionButton) {
+        disableModuleActionButton(moduleActionButton);
+    });
+}
+
+function disableModuleActionButton(moduleActionButton) {
+    const mainButton = moduleActionButton.querySelector('.btn');
+    
+    if (mainButton) {
+        mainButton.classList.add('disabled');
+    }
+
+    const dropdownButton = moduleActionButton.querySelector('.dropdown-toggle');
+    if (dropdownButton) {
+        dropdownButton.classList.add('disabled');
+    }
+}
+
+function showSpinner(moduleActionButton, action)
+{
+    const mainButton = moduleActionButton.querySelector('.btn');
+
+    if (mainButton) {
+        const html =
+            '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> '
+            + mainButton.innerHTML;
+        mainButton.innerHTML = html;
+    }
+}

From fd1d52d0a8543d5438e0b17aa241011ce346a21e Mon Sep 17 00:00:00 2001
From: Robin Wieschendorf <mail@robinwieschendorf.de>
Date: Wed, 27 Dec 2023 10:01:25 +0100
Subject: [PATCH 2/2] feat: add html class module-action-button to use new
 spinner

---
 src/Classes/ViewModels/ButtonViewModel.php | 8 ++++++--
 src/Templates/ModuleInfoButtons.tmpl.php   | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/Classes/ViewModels/ButtonViewModel.php b/src/Classes/ViewModels/ButtonViewModel.php
index cd44e3b4..02359798 100644
--- a/src/Classes/ViewModels/ButtonViewModel.php
+++ b/src/Classes/ViewModels/ButtonViewModel.php
@@ -79,7 +79,9 @@ public function render(): string
 
             $html = sprintf(
                 '<div class="btn-group">
-                    <a class="btn %s" href="%s" %s role="button" aria-expanded="false">%s</a>
+                    <a class="btn %s" href="%s" %s role="button" aria-expanded="false">
+                        %s
+                    </a>
                     <button type="button" class="btn %s dropdown-toggle dropdown-toggle-split" data-toggle="dropdown"
                         aria-expanded="false" data-reference="parent">
                         <span class="sr-only">Toggle Dropdown</span>
@@ -95,7 +97,9 @@ public function render(): string
             );
         } else {
             $html = sprintf(
-                '<a class="btn %s" href="%s" %s role="button">%s</a>',
+                '<div class="btn-group">
+                    <a class="btn %s" href="%s" %s role="button">%s</a>
+                </div>',
                 htmlspecialchars($class),
                 htmlspecialchars($url),
                 $js,
diff --git a/src/Templates/ModuleInfoButtons.tmpl.php b/src/Templates/ModuleInfoButtons.tmpl.php
index 9a5895b5..ee2ed1f2 100644
--- a/src/Templates/ModuleInfoButtons.tmpl.php
+++ b/src/Templates/ModuleInfoButtons.tmpl.php
@@ -69,7 +69,7 @@
 ";
 ?>
 
-<div class="moduleinfo-buttons">
+<div class="moduleinfo-buttons module-action-button">
     <?php
     if ($moduleView->isUpdatable() && !$moduleView->isRepairable()) {
         echo $buttonUpdate;