added dummy data and slider for biomass and energy storage

stadt-land-energie-projekt · Sep 4, 2024 · f8000c9 · f8000c9
1 parent f9db97f
commit f8000c9
Show file tree

Hide file tree

Showing 2 changed files with 64 additions and 36 deletions.
diff --git 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
@@ -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>