Show text while simulating...

rl-institut · Oct 18, 2023 · b2c9285 · b2c9285
1 parent 175ad5b
commit b2c9285
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/digiplan/static/js/results.js b/digiplan/static/js/results.js
@@ -4,6 +4,7 @@ const imageResults = document.getElementById("info_tooltip_results");
 const simulation_spinner = document.getElementById("simulation_spinner");
 const chartViewTab = document.getElementById("chart-view-tab");
 const mapViewTab = document.getElementById("map-view-tab");
+const resultSimNote = document.getElementById("result_simnote");
 
 const SIMULATION_CHECK_TIME = 5000;
 
@@ -165,11 +166,13 @@ function showRegionChart(msg, lookup) {
 function hideRegionChart(msg) {
     clearChart("region_chart_statusquo");
     clearChart("region_chart_2045");
+    resultSimNote.innerText = "Berechnung läuft ...";
     return logMessage(msg);
 }
 
 function showResultCharts(msg) {
     showCharts(resultCharts);
+    resultSimNote.innerText = "";
     return logMessage(msg);
 }
 

diff --git a/digiplan/static/scss/layouts/_panel.scss b/digiplan/static/scss/layouts/_panel.scss
@@ -28,6 +28,11 @@
     @extend .flex-shrink-0;
   }
 
+  &__simnote {
+    @extend .pt-2;
+    color: #E6A100;
+  }
+
   &__goal {
     @extend .d-flex;
     @extend .flex-column;

diff --git a/digiplan/templates/components/panel_3_results.html b/digiplan/templates/components/panel_3_results.html
@@ -85,11 +85,12 @@ <h2 class="panel-item__heading panel-item__heading--nopadding">
       </select>
       <img src="{% static 'images/icons/i_info.svg' %}" alt="Info Icon" class="i-icon" data-bs-toggle="tooltip" id="info_tooltip_results" title="{% translate "Keine Auswahl" %}">
     </div>
+    <div id="result_simnote" class="panel__simnote"></div>
     <div class="panel-item">
-    <div class="panel-item__padding">
-      <div id="region_chart_2045" class="panel-item__chart"></div>
+      <div class="panel-item__padding">
+        <div id="region_chart_2045" class="panel-item__chart"></div>
+      </div>
     </div>
-  </div>
     <div class="panel-item__nav" style="display: none !important;">
       <p class="panel-item__nav-header">{% translate "View" %}</p>