From b2c92855ccb33d9ea7e3d0eecec5b0813113f9d2 Mon Sep 17 00:00:00 2001
From: nesnoj <jonathan.amme@rl-institut.de>
Date: Wed, 18 Oct 2023 22:42:42 +0200
Subject: [PATCH] Show text while simulating...

---
 digiplan/static/js/results.js                      | 3 +++
 digiplan/static/scss/layouts/_panel.scss           | 5 +++++
 digiplan/templates/components/panel_3_results.html | 7 ++++---
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/digiplan/static/js/results.js b/digiplan/static/js/results.js
index 3a1614b8..be89f748 100644
--- 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
index 064c0c58..7a0867d4 100644
--- 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
index 541ba4d5..b644c433 100644
--- 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>