From f8000c9a0c377060c78cc7d93e7886b619624e90 Mon Sep 17 00:00:00 2001
From: josihoppe <116898820+josihoppe@users.noreply.github.com>
Date: Wed, 4 Sep 2024 13:27:56 +0200
Subject: [PATCH] added dummy data and slider for biomass and energy storage

---
 slapp/static/config/parameters_slider.json | 56 ++++++++++++++++++++++
 slapp/templates/pages/parameters.html      | 44 ++++-------------
 2 files changed, 64 insertions(+), 36 deletions(-)

diff --git a/slapp/static/config/parameters_slider.json b/slapp/static/config/parameters_slider.json
index 47701d4..7011c1e 100644
--- a/slapp/static/config/parameters_slider.json
+++ b/slapp/static/config/parameters_slider.json
@@ -20,6 +20,20 @@
       "min": 0,
       "from": 0.18,
       "step": 0.01
+    },
+    "biomass": {
+      "class": "js-range-slider",
+      "max": 1.08,
+      "min": 0,
+      "from": 0.2,
+      "step": 0.01
+    },
+    "storage": {
+      "class": "js-range-slider",
+      "max": 0.85,
+      "min": 0,
+      "from": 0.15,
+      "step": 0.01
     }
   },
   "2": {
@@ -43,6 +57,20 @@
       "min": 0,
       "from": 0.11,
       "step": 0.01
+    },
+    "biomass": {
+      "class": "js-range-slider",
+      "max": 1.0,
+      "min": 0,
+      "from": 0.22,
+      "step": 0.01
+    },
+    "storage": {
+      "class": "js-range-slider",
+      "max": 0.95,
+      "min": 0,
+      "from": 0.12,
+      "step": 0.01
     }
   },
   "3": {
@@ -66,6 +94,20 @@
       "min": 0,
       "from": 0.13,
       "step": 0.01
+    },
+    "biomass": {
+      "class": "js-range-slider",
+      "max": 0.88,
+      "min": 0,
+      "from": 0.14,
+      "step": 0.01
+    },
+    "storage": {
+      "class": "js-range-slider",
+      "max": 0.82,
+      "min": 0,
+      "from": 0.1,
+      "step": 0.01
     }
   },
   "4": {
@@ -89,6 +131,20 @@
       "min": 0,
       "from": 0.12,
       "step": 0.01
+    },
+    "biomass": {
+      "class": "js-range-slider",
+      "max": 1.15,
+      "min": 0,
+      "from": 0.19,
+      "step": 0.01
+    },
+    "storage": {
+      "class": "js-range-slider",
+      "max": 1.05,
+      "min": 0,
+      "from": 0.18,
+      "step": 0.01
     }
   }
 }
diff --git a/slapp/templates/pages/parameters.html b/slapp/templates/pages/parameters.html
index d42b8f0..5cd932f 100644
--- a/slapp/templates/pages/parameters.html
+++ b/slapp/templates/pages/parameters.html
@@ -125,24 +125,10 @@ <h2>Parameter für die Energiesystemoptimieung festlegen</h2>
               <div class="h-155px table-cell">
                 <fieldset class="mb-3">
                   <div class="form-check">
-                    <input class="form-check-input"
-                           type="radio"
-                           name="biomass-{{ mun_context.id }}-selection"
-                           id="biomass-{{ mun_context.id }}-noLimitRadio"
-                           checked />
-                    keine Obergrenze angeben
-                  </div>
-                  <div class="form-check">
-                    <input class="form-check-input"
-                           type="radio"
-                           name="biomass-{{ mun_context.id }}-selection"
-                           id="biomass-{{ mun_context.id }}-MW" />
-                    <!-- This is the additional input field right next to the second radio button -->
-                    <input type="text"
-                           id="biomass-{{ mun_context.id }}-MW"
-                           class="form-control d-inline-block w-auto form-control-sm"
-                           value="0,12" />
-                    <label class="form-check-label d-inline-block" for="maxOutputRadio">
+                    <!-- This is the input slider -->
+                    <span id="biomass-{{ mun_context.id }}-maxOutput">{{ mun_context.form.biomass }}</span>
+                    <label class="form-check-label d-inline-block"
+                           for="biomass-{{ mun_context.id }}-maxOutput">
                       MW max. Gesamtleistung <i>(aktuell: 0,12 MW)</i>
                     </label>
                   </div>
@@ -152,24 +138,10 @@ <h2>Parameter für die Energiesystemoptimieung festlegen</h2>
               <div class="h-155px table-cell">
                 <fieldset class="mb-3">
                   <div class="form-check">
-                    <input class="form-check-input"
-                           type="radio"
-                           name="battery-{{ mun_context.id }}-selection"
-                           id="battery-{{ mun_context.id }}-noLimitRadio"
-                           checked />
-                    keine Obergrenze angeben
-                  </div>
-                  <div class="form-check">
-                    <input class="form-check-input"
-                           type="radio"
-                           name="battery-{{ mun_context.id }}-selection"
-                           id="battery-{{ mun_context.id }}-MW" />
-                    <!-- This is the additional input field right next to the second radio button -->
-                    <input type="text"
-                           id="battery-{{ mun_context.id }}-MW"
-                           class="form-control d-inline-block w-auto form-control-sm"
-                           value="0,12" />
-                    <label class="form-check-label d-inline-block" for="maxOutputRadio">
+                    <!-- This is the input slider -->
+                    <span id="storage-{{ mun_context.id }}-maxOutput">{{ mun_context.form.storage }}</span>
+                    <label class="form-check-label d-inline-block"
+                           for="storage-{{ mun_context.id }}-maxOutput">
                       MW max. Gesamtleistung <i>(aktuell: 0,12 MW)</i>
                     </label>
                   </div>