From b23a4cb4f776a4d046e4b34b1a8a1716f494a458 Mon Sep 17 00:00:00 2001
From: Jonas Krohn <jonas.krohn@gmx.de>
Date: Wed, 6 Nov 2024 15:26:37 +0100
Subject: [PATCH 1/3] Hide next button in last step

---
 ui/runs/templates/runs/details.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/runs/templates/runs/details.html b/ui/runs/templates/runs/details.html
index 5809d356..73441edd 100644
--- a/ui/runs/templates/runs/details.html
+++ b/ui/runs/templates/runs/details.html
@@ -277,8 +277,9 @@ <h5 class="modal-title" id="calculationInProgressModalLabel">Do you want back?</
                                         </div>
                                     </div>
                                     {% endif %}
-                                    <button class="btn btn-red"  {% if not results_exist or last_step %} disabled {% endif %}>Next
-                                    </button>
+                                    {% if not last_step %}
+                                        <button class="btn btn-red" {% if not results_exist %} disabled {% endif %} >Next</button>
+                                    {% endif %}
                                 </div>
                             </form>
                         </div>

From 1739f9360cf168c2772a7d64a80807b36fe82ae4 Mon Sep 17 00:00:00 2001
From: Jonas Krohn <jonas.krohn@gmx.de>
Date: Wed, 6 Nov 2024 20:19:55 +0100
Subject: [PATCH 2/3] calculate spinner

---
 ui/runs/static/runs/runs.js         | 10 ++++++++++
 ui/runs/templates/runs/details.html | 12 +++++++-----
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/ui/runs/static/runs/runs.js b/ui/runs/static/runs/runs.js
index 58637bdb..4944769e 100644
--- a/ui/runs/static/runs/runs.js
+++ b/ui/runs/static/runs/runs.js
@@ -32,4 +32,14 @@ $(document).ready(function () {
         let id = $(this).attr("id");
         $('#chosen-' + id).text(this.files[0].name);
     });
+
+
+    // calculate button spinner
+    $('.calculateSpinner').on('click', function() {        
+        // Change button content to show 'Calculating...' with a spinner
+        $(this).html(`
+            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+            Calculating...
+        `);
+    });
 });
\ No newline at end of file
diff --git a/ui/runs/templates/runs/details.html b/ui/runs/templates/runs/details.html
index 73441edd..9a6846cf 100644
--- a/ui/runs/templates/runs/details.html
+++ b/ui/runs/templates/runs/details.html
@@ -24,8 +24,8 @@
 {% endblock %}
 
 {% block content %}
-
-    <div class="wrapper">
+    
+<div class="wrapper">
         {# include sidebar #}
         <nav id="sidebar" class="border border-end-0 border-top-0 border-bottom-0">
             {{ sidebar }}
@@ -141,7 +141,7 @@ <h3>{{ display_name }}</h3>
                                         {% endfor %}
                                     </div>
                                     <input type="submit" id="calculate_parameters_submit" value="Calculate"
-                                           class="btn btn-red">
+                                           class="btn btn-red calculateSpinner">
                                 </form>
                             </div>
                             <div class="col">
@@ -174,8 +174,10 @@ <h3>{{ display_name }}</h3>
                                             {% endfor %}
                                         </div>
                                         <div class="form-group">
-                                            <input type="submit" value="Calculate" id="calculate_parameters_submit"
-                                                   class="btn btn-red mr-auto">
+                                            <button type="submit" id="calculate_parameters_submit"
+                                                   class="btn btn-red mr-auto calculateSpinner">
+                                                Calculate
+                                            </button>
                                             {% if section == "data_preprocessing" %}
                                                 <a href="{% url 'runs:plot' run_name %}" id="plot_parameters_submit" class="btn btn-grey {% if not show_plot_button %} disabled {% endif %}">Plot</a>
                                             {% endif %}

From 506101ac8ad5bee2892640091e73b5090e32d1a1 Mon Sep 17 00:00:00 2001
From: Jonas Krohn <jonas.krohn@gmx.de>
Date: Thu, 7 Nov 2024 12:58:17 +0100
Subject: [PATCH 3/3] button bugfix

---
 ui/runs/templates/runs/details.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui/runs/templates/runs/details.html b/ui/runs/templates/runs/details.html
index 9a6846cf..70b76bf6 100644
--- a/ui/runs/templates/runs/details.html
+++ b/ui/runs/templates/runs/details.html
@@ -140,8 +140,10 @@ <h3>{{ display_name }}</h3>
                                             </div>
                                         {% endfor %}
                                     </div>
-                                    <input type="submit" id="calculate_parameters_submit" value="Calculate"
+                                    <button type="submit" id="calculate_parameters_submit"
                                            class="btn btn-red calculateSpinner">
+                                           Calculate
+                                    </button>
                                 </form>
                             </div>
                             <div class="col">