From 7a393a9af19b11c79e703a996d36b30ae9bdc0ae Mon Sep 17 00:00:00 2001
From: noLeonardo <119075701+noLeonardo@users.noreply.github.com>
Date: Thu, 7 Nov 2024 14:09:12 +0100
Subject: [PATCH 1/7] Added header with calculate/back/next buttons to details
 page

---
 .gitignore                          |  2 ++
 ui/runs/static/runs/runs.js         | 13 ++++++++++++
 ui/runs/static/runs/style.css       | 22 +++++++++++++++++---
 ui/runs/templates/runs/details.html | 31 +++++++++++++++++++++++------
 4 files changed, 59 insertions(+), 9 deletions(-)

diff --git a/.gitignore b/.gitignore
index 6d9a540ce..2051663b2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -146,3 +146,5 @@ dmypy.json
 #custom file everyone has
 Miniconda3*.sh
 Miniconda3*.exe
+user_data/workflows/workflow_firstTest.yaml
+.gitignore
diff --git a/ui/runs/static/runs/runs.js b/ui/runs/static/runs/runs.js
index 58637bdbd..7cebcacbc 100644
--- a/ui/runs/static/runs/runs.js
+++ b/ui/runs/static/runs/runs.js
@@ -32,4 +32,17 @@ $(document).ready(function () {
         let id = $(this).attr("id");
         $('#chosen-' + id).text(this.files[0].name);
     });
+
+    // control calculate buttons in header
+    $('#calculate_parameters_submit_plot_form').click(function() {
+        $("#calc_form").submit();
+    });
+    $('#calculate_parameters_submit_form').click(function() {
+        $("#calc_from_method").submit();
+    });
+
+    // control back / next buttons in header
+    $('#btn_next').click(function() {
+        $("#runs_next").submit();
+    });
 });
\ No newline at end of file
diff --git a/ui/runs/static/runs/style.css b/ui/runs/static/runs/style.css
index 63d66a0b8..381dee01e 100644
--- a/ui/runs/static/runs/style.css
+++ b/ui/runs/static/runs/style.css
@@ -15,7 +15,7 @@ html, body {
 
 #content {
     order: 1;
-    padding: 20px;
+    padding: 0 20px;
     flex-grow: 1;
 }
 
@@ -48,8 +48,8 @@ html, body {
 }
 
 #sidebarCollapse {
-    width: 35px;
-    height: 35px;
+    width: 24;
+    aspect-ratio: 1;
 }
 
 #header_toggle {
@@ -75,3 +75,19 @@ html, body {
 #gsea_enrichment_plot_img {
     width: 800px;
 }
+
+.my-4 {
+    z-index: 1;
+}
+
+.header {
+    position: sticky;
+    top: 49.5px;
+    padding-left: 8%;
+    padding-right: 8%;
+    padding-top: 18.5px;
+    padding-bottom: 18.5px;
+    margin-bottom: 10px;
+    background-color: rgb(255, 255, 255);
+    z-index: 2;
+}
\ No newline at end of file
diff --git a/ui/runs/templates/runs/details.html b/ui/runs/templates/runs/details.html
index 5809d356c..c079f4429 100644
--- a/ui/runs/templates/runs/details.html
+++ b/ui/runs/templates/runs/details.html
@@ -32,11 +32,30 @@
         </nav>
 
         <div id="content">
-            <div class="header justify-content-end d-flex" id="header-content">
-                <button type="button" id="sidebarCollapse" class="btn btn-blue p-1 d-inline">
-                    <img src="{% static 'img/menu_icon.svg' %}" alt="toggle sidebar" width="22" height="22"
-                         id="header_toggle">
-                </button>
+
+            <div class="header border border-end-0 border-start-0">
+                <div class="row">
+                    <div class="d-flex col">
+                        {% if plot_form %}
+                            <input type="button" id="calculate_parameters_submit_plot_form" value="Calculate" class="btn btn-red">
+                        {% else %}
+                            <input type="button" id="calculate_parameters_submit_form" value="Calculate" class="btn btn-red mr-auto">
+                        {% endif %}
+                    </div>
+                    <div class="justify-content-end d-flex col">
+                        {% if show_back %}
+                        <a href="{% url 'runs:back' run_name %}" id="backButton"
+                            class="btn btn-grey mr-auto">Back</a>
+                        {% endif %}
+
+                        <button id="btn_next" class="btn btn-red" {% if not results_exist or last_step %} disabled {% endif%}>Next</button>
+
+                        <button type="input" id="sidebarCollapse" class="btn btn-blue p-1 d-inline" style="margin-left: 5px" >
+                            <img src="{% static 'img/menu_icon.svg' %}" alt="toggle sidebar" width="22" height="22"
+                                id="header_toggle">
+                        </button>
+                    </div>
+                </div>
             </div>
 
             <div id="main-content">
@@ -159,7 +178,7 @@ <h3>{{ display_name }}</h3>
                         {% else %}
                             <div class="col-7">
                                 {% if step != "plot" %}
-                                    <form action="{% url 'runs:detail' run_name %}" method="post"
+                                    <form action="{% url 'runs:detail' run_name %}" id="calc_from_method" method="post"
                                           enctype="multipart/form-data">
                                         {% csrf_token %}
                                         <div class="mb-2">

From 5079cb175e0b087c409ef3afc459cd6c628c318c Mon Sep 17 00:00:00 2001
From: noLeonardo <119075701+noLeonardo@users.noreply.github.com>
Date: Mon, 11 Nov 2024 23:42:55 +0100
Subject: [PATCH 2/7] header converted to footer

---
 ui/runs/static/runs/runs.js         |   5 --
 ui/runs/static/runs/style.css       |  24 +++---
 ui/runs/templates/runs/details.html | 112 +++++++++++++---------------
 3 files changed, 63 insertions(+), 78 deletions(-)

diff --git a/ui/runs/static/runs/runs.js b/ui/runs/static/runs/runs.js
index 7cebcacbc..331b5d62e 100644
--- a/ui/runs/static/runs/runs.js
+++ b/ui/runs/static/runs/runs.js
@@ -40,9 +40,4 @@ $(document).ready(function () {
     $('#calculate_parameters_submit_form').click(function() {
         $("#calc_from_method").submit();
     });
-
-    // control back / next buttons in header
-    $('#btn_next').click(function() {
-        $("#runs_next").submit();
-    });
 });
\ No newline at end of file
diff --git a/ui/runs/static/runs/style.css b/ui/runs/static/runs/style.css
index 381dee01e..369fd396f 100644
--- a/ui/runs/static/runs/style.css
+++ b/ui/runs/static/runs/style.css
@@ -15,7 +15,8 @@ html, body {
 
 #content {
     order: 1;
-    padding: 0 20px;
+    padding: 20px;
+    padding-bottom: 100px;
     flex-grow: 1;
 }
 
@@ -48,8 +49,8 @@ html, body {
 }
 
 #sidebarCollapse {
-    width: 24;
-    aspect-ratio: 1;
+    width: 35px;
+    height: 35px;
 }
 
 #header_toggle {
@@ -76,18 +77,15 @@ html, body {
     width: 800px;
 }
 
-.my-4 {
-    z-index: 1;
+.header {
+    position: sticky;
+    top: 80px;
 }
 
-.header {
+.footer {
     position: sticky;
-    top: 49.5px;
-    padding-left: 8%;
-    padding-right: 8%;
-    padding-top: 18.5px;
-    padding-bottom: 18.5px;
-    margin-bottom: 10px;
+    bottom: 0;
+    padding: 10px 8%;
+    margin: 10px 0;
     background-color: rgb(255, 255, 255);
-    z-index: 2;
 }
\ No newline at end of file
diff --git a/ui/runs/templates/runs/details.html b/ui/runs/templates/runs/details.html
index c079f4429..adcb0b023 100644
--- a/ui/runs/templates/runs/details.html
+++ b/ui/runs/templates/runs/details.html
@@ -32,35 +32,14 @@
         </nav>
 
         <div id="content">
-
-            <div class="header border border-end-0 border-start-0">
-                <div class="row">
-                    <div class="d-flex col">
-                        {% if plot_form %}
-                            <input type="button" id="calculate_parameters_submit_plot_form" value="Calculate" class="btn btn-red">
-                        {% else %}
-                            <input type="button" id="calculate_parameters_submit_form" value="Calculate" class="btn btn-red mr-auto">
-                        {% endif %}
-                    </div>
-                    <div class="justify-content-end d-flex col">
-                        {% if show_back %}
-                        <a href="{% url 'runs:back' run_name %}" id="backButton"
-                            class="btn btn-grey mr-auto">Back</a>
-                        {% endif %}
-
-                        <button id="btn_next" class="btn btn-red" {% if not results_exist or last_step %} disabled {% endif%}>Next</button>
-
-                        <button type="input" id="sidebarCollapse" class="btn btn-blue p-1 d-inline" style="margin-left: 5px" >
-                            <img src="{% static 'img/menu_icon.svg' %}" alt="toggle sidebar" width="22" height="22"
-                                id="header_toggle">
-                        </button>
-                    </div>
-                </div>
+            <div class="header justify-content-end d-flex" id="header-content">
+                <button type="button" id="sidebarCollapse" class="btn btn-blue p-1 d-inline">
+                    <img src="{% static 'img/menu_icon.svg' %}" alt="toggle sidebar" width="22" height="22"
+                         id="header_toggle">
+                </button>
             </div>
 
             <div id="main-content">
-                
-                
                 {# show history #}
                 {% if displayed_history %}
                     <div class="row d-flex justify-content-between align-items-center">
@@ -159,8 +138,6 @@ <h3>{{ display_name }}</h3>
                                             </div>
                                         {% endfor %}
                                     </div>
-                                    <input type="submit" id="calculate_parameters_submit" value="Calculate"
-                                           class="btn btn-red">
                                 </form>
                             </div>
                             <div class="col">
@@ -193,8 +170,6 @@ <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">
                                             {% 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 %}
@@ -262,44 +237,61 @@ <h3>{{ display_name }}</h3>
                             </form>
                         {% endif %}
                     </div>
-                    <div class="col">
-                        {# navigation between steps #}
+                    
+                </div>
+            </div>
+
+            <div class="footer border border-end-0 border-start-0 border-bottom-0">
+                <div class="row align-items-center">
+                    <div class="d-flex col-auto flex-column justify-content-end">
+            
+                        {% if plot_form %}
+                            <input type="button" id="calculate_parameters_submit_plot_form" value="Calculate" class="btn btn-red mr-auto">
+                        {% else %}
+                            <input type="button" id="calculate_parameters_submit_form" value="Calculate" class="btn btn-red mr-auto">
+                        {% endif %}
+                    </div>
+
+                    <div class="justify-content-end d-flex col flex-column">
                         <div class="justify-content-end d-flex">
-                            {% if results_exist %}
-                                <div class="col-5 mb-2">
-                                    <div class="form-group mb-0">
-                                        {{ name_field }}
-                                    </div>
+                        {% if results_exist %}
+                            <div class="col-5 mb-2">
+                                <div class="form-group mb-0">
+                                    {{ name_field }}
                                 </div>
-                            {% endif %}
+                            </div>
+                        {% endif %}
                         </div>
-                        <div class="justify-content-end d-flex">
-                            <form action="{% url 'runs:next' run_name %}" method="post" id="runs_next">
-                                {% csrf_token %}
-                                <div class="form-group">
-                                    {% if show_back %}
-                                        <a href="{% url 'runs:back' run_name %}" id = "backButton" class="btn btn-grey mr-auto">Back</a>
-                                        <div class="modal fade" id="calculationInProgressModal" tabindex="-1" role="dialog" aria-labelledby="calculationInProgressModalLabel" aria-hidden="true" style="display: none;" >
-                                            <div class="modal-dialog" role="document">
-                                                <div class="modal-content">
-                                                    <div class="modal-header">
-                                                        <h5 class="modal-title" id="calculationInProgressModalLabel">Do you want back?</h5>
+                        <div class="col">
+                            {# navigation between steps #}
+                            <div class="justify-content-end d-flex">
+                                <form action="{% url 'runs:next' run_name %}" method="post" id="runs_next">
+                                    {% csrf_token %}
+                                    <div class="form-group">
+                                        {% if show_back %}
+                                            <a href="{% url 'runs:back' run_name %}" id = "backButton" class="btn btn-grey mr-auto">Back</a>
+                                            <div class="modal fade" id="calculationInProgressModal" tabindex="-1" role="dialog" aria-labelledby="calculationInProgressModalLabel" aria-hidden="true" style="display: none;" >
+                                                <div class="modal-dialog" role="document">
+                                                    <div class="modal-content">
+                                                        <div class="modal-header">
+                                                            <h5 class="modal-title" id="calculationInProgressModalLabel">Do you want back?</h5>
+                                                        </div>
+                                                        <div class="modal-body">
+                                                            Going a step back during calculation may lead to unforseen behavior and loss in data.
+                                                            Do you want to proceed?
+                                                            <hr>
+                                                            <a href="{% url 'runs:back' run_name %}" id = "backButton" class="btn btn-red mr-auto">Back</a>
+                                                            <button id= "cancel" type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                                                     </div>
-                                                    <div class="modal-body">
-                                                        Going a step back during calculation may lead to unforseen behavior and loss in data.
-                                                        Do you want to proceed?
-                                                        <hr>
-                                                        <a href="{% url 'runs:back' run_name %}" id = "backButton" class="btn btn-red mr-auto">Back</a>
-                                                        <button id= "cancel" type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                                                 </div>
                                             </div>
                                         </div>
+                                        {% endif %}
+                                        <button class="btn btn-red"  {% if not results_exist or last_step %} disabled {% endif %}>Next
+                                        </button>
                                     </div>
-                                    {% endif %}
-                                    <button class="btn btn-red"  {% if not results_exist or last_step %} disabled {% endif %}>Next
-                                    </button>
-                                </div>
-                            </form>
+                                </form>
+                            </div>
                         </div>
                     </div>
                 </div>

From 14feb58dfb19c5e350bef1d889046a05b0c5798c Mon Sep 17 00:00:00 2001
From: noLeonardo <119075701+noLeonardo@users.noreply.github.com>
Date: Tue, 12 Nov 2024 11:58:53 +0100
Subject: [PATCH 3/7] unnecessary scrolling removed

---
 ui/runs/static/runs/style.css | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/ui/runs/static/runs/style.css b/ui/runs/static/runs/style.css
index 369fd396f..39d347ccd 100644
--- a/ui/runs/static/runs/style.css
+++ b/ui/runs/static/runs/style.css
@@ -16,7 +16,7 @@ html, body {
 #content {
     order: 1;
     padding: 20px;
-    padding-bottom: 100px;
+    padding-bottom: 0px;
     flex-grow: 1;
 }
 
@@ -29,7 +29,6 @@ html, body {
     order: 2;
     flex-basis: 300px;
     max-width: 400px;
-    min-height: 100vh;
     flex-grow: 1;
     transition: 100ms;
 }
@@ -86,6 +85,6 @@ html, body {
     position: sticky;
     bottom: 0;
     padding: 10px 8%;
-    margin: 10px 0;
+    margin-top: 10px;
     background-color: rgb(255, 255, 255);
 }
\ No newline at end of file

From 03e3d8cb8207f8ee5402d1068f76c1f482ec7217 Mon Sep 17 00:00:00 2001
From: noLeonardo <119075701+noLeonardo@users.noreply.github.com>
Date: Tue, 12 Nov 2024 12:02:15 +0100
Subject: [PATCH 4/7] changed gitignore

---
 .gitignore                                  |   4 +-
 user_data/workflows/workflow_firstTest.yaml | 109 ++++++++++++++++++++
 2 files changed, 110 insertions(+), 3 deletions(-)
 create mode 100644 user_data/workflows/workflow_firstTest.yaml

diff --git a/.gitignore b/.gitignore
index 2051663b2..4168fb3d0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -145,6 +145,4 @@ dmypy.json
 
 #custom file everyone has
 Miniconda3*.sh
-Miniconda3*.exe
-user_data/workflows/workflow_firstTest.yaml
-.gitignore
+Miniconda3*.exe
\ No newline at end of file
diff --git a/user_data/workflows/workflow_firstTest.yaml b/user_data/workflows/workflow_firstTest.yaml
new file mode 100644
index 000000000..dbfa35ce2
--- /dev/null
+++ b/user_data/workflows/workflow_firstTest.yaml
@@ -0,0 +1,109 @@
+df_mode: disk_memory
+steps:
+- form_inputs:
+    aggregation_method: Sum
+    intensity_name: iBAQ
+    map_to_uniprot: false
+  inputs: {}
+  instance_identifier: MaxQuantImport_1
+  type: MaxQuantImport
+- form_inputs:
+    feature_orientation: Columns (samples in rows, features in columns)
+  inputs: {}
+  instance_identifier: MetadataImport_1
+  type: MetadataImport
+- form_inputs:
+    percentage: 0.5
+  inputs: {}
+  instance_identifier: FilterProteinsBySamplesMissing_1
+  plot_inputs:
+    graph_type: Bar chart
+  type: FilterProteinsBySamplesMissing
+- form_inputs:
+    deviation_threshold: 2.0
+  inputs: {}
+  instance_identifier: FilterSamplesByProteinIntensitiesSum_1
+  plot_inputs:
+    graph_type: Bar chart
+  type: FilterSamplesByProteinIntensitiesSum
+- form_inputs:
+    number_of_neighbours: 5
+  inputs: {}
+  instance_identifier: ImputationByKNN_1
+  plot_inputs:
+    graph_type: Boxplot
+    graph_type_quantities: Bar chart
+    group_by: None
+    visual_transformation: log10
+  type: ImputationByKNN
+- form_inputs:
+    number_of_neighbors: 20
+  inputs: {}
+  instance_identifier: OutlierDetectionByLocalOutlierFactor_1
+  plot_inputs: {}
+  type: OutlierDetectionByLocalOutlierFactor
+- form_inputs:
+    percentile: 0.5
+  inputs: {}
+  instance_identifier: NormalisationByMedian_1
+  plot_inputs:
+    graph_type: Boxplot
+    group_by: None
+    visual_transformation: log10
+  type: NormalisationByMedian
+- form_inputs:
+    log_base: log2
+  inputs: {}
+  instance_identifier: TransformationLog_1
+  plot_inputs:
+    graph_type: Histogram
+    group_by: None
+  type: TransformationLog
+- form_inputs:
+    input_df: TransformationLog_1
+    protein_group: A0A075B6S2
+    similarity: 1
+    similarity_measure: euclidean distance
+  inputs: {}
+  instance_identifier: PlotProtQuant_1
+  type: PlotProtQuant
+- form_inputs:
+    alpha: 0.05
+    group1: AD
+    group2: CTR
+    grouping: Group
+    multiple_testing_correction_method: Benjamini-Hochberg
+    protein_df: TransformationLog_1
+    ttest_type: Welch's t-Test
+  inputs: {}
+  instance_identifier: DifferentialExpressionTTest_1
+  type: DifferentialExpressionTTest
+- form_inputs:
+    fc_threshold: 1
+    input_dict: DifferentialExpressionTTest_1
+    proteins_of_interest: []
+  inputs: {}
+  instance_identifier: PlotVolcano_1
+  type: PlotVolcano
+- form_inputs:
+    differential_expression_threshold: 1
+    direction: both
+    gene_sets_restring: []
+    organism: 9606
+    protein_df: DifferentialExpressionTTest_1
+  inputs: {}
+  instance_identifier: EnrichmentAnalysisGOAnalysisWithString_1
+  type: EnrichmentAnalysisGOAnalysisWithString
+- form_inputs:
+    colors: []
+    cutoff: 0.05
+    gene_sets:
+    - Process
+    - Component
+    - Function
+    - KEGG
+    top_terms: 10
+    value: p-value
+  inputs: {}
+  instance_identifier: PlotGOEnrichmentBarPlot_1
+  type: PlotGOEnrichmentBarPlot

From e2b92f4170445c0c4bcd07705552f0d8c56a862d Mon Sep 17 00:00:00 2001
From: noLeonardo <119075701+noLeonardo@users.noreply.github.com>
Date: Tue, 12 Nov 2024 12:03:40 +0100
Subject: [PATCH 5/7] removed workflow

---
 user_data/workflows/workflow_firstTest.yaml | 109 --------------------
 1 file changed, 109 deletions(-)
 delete mode 100644 user_data/workflows/workflow_firstTest.yaml

diff --git a/user_data/workflows/workflow_firstTest.yaml b/user_data/workflows/workflow_firstTest.yaml
deleted file mode 100644
index dbfa35ce2..000000000
--- a/user_data/workflows/workflow_firstTest.yaml
+++ /dev/null
@@ -1,109 +0,0 @@
-df_mode: disk_memory
-steps:
-- form_inputs:
-    aggregation_method: Sum
-    intensity_name: iBAQ
-    map_to_uniprot: false
-  inputs: {}
-  instance_identifier: MaxQuantImport_1
-  type: MaxQuantImport
-- form_inputs:
-    feature_orientation: Columns (samples in rows, features in columns)
-  inputs: {}
-  instance_identifier: MetadataImport_1
-  type: MetadataImport
-- form_inputs:
-    percentage: 0.5
-  inputs: {}
-  instance_identifier: FilterProteinsBySamplesMissing_1
-  plot_inputs:
-    graph_type: Bar chart
-  type: FilterProteinsBySamplesMissing
-- form_inputs:
-    deviation_threshold: 2.0
-  inputs: {}
-  instance_identifier: FilterSamplesByProteinIntensitiesSum_1
-  plot_inputs:
-    graph_type: Bar chart
-  type: FilterSamplesByProteinIntensitiesSum
-- form_inputs:
-    number_of_neighbours: 5
-  inputs: {}
-  instance_identifier: ImputationByKNN_1
-  plot_inputs:
-    graph_type: Boxplot
-    graph_type_quantities: Bar chart
-    group_by: None
-    visual_transformation: log10
-  type: ImputationByKNN
-- form_inputs:
-    number_of_neighbors: 20
-  inputs: {}
-  instance_identifier: OutlierDetectionByLocalOutlierFactor_1
-  plot_inputs: {}
-  type: OutlierDetectionByLocalOutlierFactor
-- form_inputs:
-    percentile: 0.5
-  inputs: {}
-  instance_identifier: NormalisationByMedian_1
-  plot_inputs:
-    graph_type: Boxplot
-    group_by: None
-    visual_transformation: log10
-  type: NormalisationByMedian
-- form_inputs:
-    log_base: log2
-  inputs: {}
-  instance_identifier: TransformationLog_1
-  plot_inputs:
-    graph_type: Histogram
-    group_by: None
-  type: TransformationLog
-- form_inputs:
-    input_df: TransformationLog_1
-    protein_group: A0A075B6S2
-    similarity: 1
-    similarity_measure: euclidean distance
-  inputs: {}
-  instance_identifier: PlotProtQuant_1
-  type: PlotProtQuant
-- form_inputs:
-    alpha: 0.05
-    group1: AD
-    group2: CTR
-    grouping: Group
-    multiple_testing_correction_method: Benjamini-Hochberg
-    protein_df: TransformationLog_1
-    ttest_type: Welch's t-Test
-  inputs: {}
-  instance_identifier: DifferentialExpressionTTest_1
-  type: DifferentialExpressionTTest
-- form_inputs:
-    fc_threshold: 1
-    input_dict: DifferentialExpressionTTest_1
-    proteins_of_interest: []
-  inputs: {}
-  instance_identifier: PlotVolcano_1
-  type: PlotVolcano
-- form_inputs:
-    differential_expression_threshold: 1
-    direction: both
-    gene_sets_restring: []
-    organism: 9606
-    protein_df: DifferentialExpressionTTest_1
-  inputs: {}
-  instance_identifier: EnrichmentAnalysisGOAnalysisWithString_1
-  type: EnrichmentAnalysisGOAnalysisWithString
-- form_inputs:
-    colors: []
-    cutoff: 0.05
-    gene_sets:
-    - Process
-    - Component
-    - Function
-    - KEGG
-    top_terms: 10
-    value: p-value
-  inputs: {}
-  instance_identifier: PlotGOEnrichmentBarPlot_1
-  type: PlotGOEnrichmentBarPlot

From 94a9ad96490629ed8da4fc57a6660b303719e798 Mon Sep 17 00:00:00 2001
From: noLeonardo <119075701+noLeonardo@users.noreply.github.com>
Date: Tue, 12 Nov 2024 16:58:02 +0100
Subject: [PATCH 6/7] updated comments and suggestions

---
 ui/runs/static/runs/runs.js         | 4 ++--
 ui/runs/static/runs/style.css       | 1 +
 ui/runs/templates/runs/details.html | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/ui/runs/static/runs/runs.js b/ui/runs/static/runs/runs.js
index 331b5d62e..42ab83211 100644
--- a/ui/runs/static/runs/runs.js
+++ b/ui/runs/static/runs/runs.js
@@ -33,8 +33,8 @@ $(document).ready(function () {
         $('#chosen-' + id).text(this.files[0].name);
     });
 
-    // control calculate buttons in header
-    $('#calculate_parameters_submit_plot_form').click(function() {
+    // control calculate buttons in footer
+    $('#calculate_parameters_submit_form_plot').click(function() {
         $("#calc_form").submit();
     });
     $('#calculate_parameters_submit_form').click(function() {
diff --git a/ui/runs/static/runs/style.css b/ui/runs/static/runs/style.css
index 39d347ccd..ff1335d81 100644
--- a/ui/runs/static/runs/style.css
+++ b/ui/runs/static/runs/style.css
@@ -29,6 +29,7 @@ html, body {
     order: 2;
     flex-basis: 300px;
     max-width: 400px;
+    min-height: calc(100vh - 60px);
     flex-grow: 1;
     transition: 100ms;
 }
diff --git a/ui/runs/templates/runs/details.html b/ui/runs/templates/runs/details.html
index adcb0b023..a86a164be 100644
--- a/ui/runs/templates/runs/details.html
+++ b/ui/runs/templates/runs/details.html
@@ -241,12 +241,12 @@ <h3>{{ display_name }}</h3>
                 </div>
             </div>
 
-            <div class="footer border border-end-0 border-start-0 border-bottom-0">
+            <div class="footer border-top pt-3">
                 <div class="row align-items-center">
                     <div class="d-flex col-auto flex-column justify-content-end">
             
                         {% if plot_form %}
-                            <input type="button" id="calculate_parameters_submit_plot_form" value="Calculate" class="btn btn-red mr-auto">
+                            <input type="button" id="calculate_parameters_submit_form_plot" value="Calculate" class="btn btn-red mr-auto">
                         {% else %}
                             <input type="button" id="calculate_parameters_submit_form" value="Calculate" class="btn btn-red mr-auto">
                         {% endif %}

From 515de8c71f655fdb6469b735fc9087c3313677b7 Mon Sep 17 00:00:00 2001
From: noLeonardo <119075701+noLeonardo@users.noreply.github.com>
Date: Tue, 12 Nov 2024 18:51:30 +0100
Subject: [PATCH 7/7] updated naming of calc_form

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

diff --git a/ui/runs/static/runs/runs.js b/ui/runs/static/runs/runs.js
index 42ab83211..623a4432a 100644
--- a/ui/runs/static/runs/runs.js
+++ b/ui/runs/static/runs/runs.js
@@ -35,9 +35,9 @@ $(document).ready(function () {
 
     // control calculate buttons in footer
     $('#calculate_parameters_submit_form_plot').click(function() {
-        $("#calc_form").submit();
+        $("#calc_form_plot").submit();
     });
     $('#calculate_parameters_submit_form').click(function() {
-        $("#calc_from_method").submit();
+        $("#calc_form_method").submit();
     });
 });
\ No newline at end of file
diff --git a/ui/runs/templates/runs/details.html b/ui/runs/templates/runs/details.html
index a86a164be..a10216a7e 100644
--- a/ui/runs/templates/runs/details.html
+++ b/ui/runs/templates/runs/details.html
@@ -124,7 +124,7 @@ <h3>{{ display_name }}</h3>
                         {# if there are plot parameters, display method and plot parameters next to each other #}
                         {% if plot_form %}
                             <div class="col">
-                                <form action="{% url 'runs:detail' run_name %}" id="calc_form" method="post"
+                                <form action="{% url 'runs:detail' run_name %}" id="calc_form_plot" method="post"
                                       enctype="multipart/form-data">
                                     {% csrf_token %}
                                     <div class="mb-1">
@@ -155,7 +155,7 @@ <h3>{{ display_name }}</h3>
                         {% else %}
                             <div class="col-7">
                                 {% if step != "plot" %}
-                                    <form action="{% url 'runs:detail' run_name %}" id="calc_from_method" method="post"
+                                    <form action="{% url 'runs:detail' run_name %}" id="calc_form_method" method="post"
                                           enctype="multipart/form-data">
                                         {% csrf_token %}
                                         <div class="mb-2">