From 4e034bd42f7dcce11736d47abd851f90c69f441c Mon Sep 17 00:00:00 2001
From: frankknoll <Knoll_Frank@web.de>
Date: Sat, 15 Apr 2023 17:22:47 +0200
Subject: [PATCH] refactoring

---
 docs/BatchCodeDetailsView.js |  3 +--
 docs/batchCodeTable.html     | 18 ++++++++----------
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/docs/BatchCodeDetailsView.js b/docs/BatchCodeDetailsView.js
index 39d9bb8d392..e92a5ab4513 100644
--- a/docs/BatchCodeDetailsView.js
+++ b/docs/BatchCodeDetailsView.js
@@ -27,11 +27,10 @@ class BatchCodeDetailsView {
     #displayHistogramViewForHistoDescrs(histoDescrs) {
         this.#displayHeading(histoDescrs.batchcode);
         this.#displayData(histoDescrs);
-        const chartWithSlider = UIUtils.instantiateTemplate('template-chartWithSlider');
+        const chartWithSlider = this.#uiContainer.querySelector('.chartWithSlider');
         const histogramChartView = new HistogramChartView(chartWithSlider.querySelector("canvas"));
         this.#displayAdverseReactionReportsChart(histoDescrs);
         this.#displaySelectBatchcodeCombination(histoDescrs.histograms, histogramChartView, chartWithSlider);
-        this.#uiContainer.appendChild(chartWithSlider);
         this.#displayHistogram(histoDescrs.histograms[0], histogramChartView, chartWithSlider);
     }
 
diff --git a/docs/batchCodeTable.html b/docs/batchCodeTable.html
index 51492cb05f7..159743c86c4 100644
--- a/docs/batchCodeTable.html
+++ b/docs/batchCodeTable.html
@@ -49768,6 +49768,14 @@
         <select id="batchcodesSelect" name="batchcodes">
         </select>
       </label>
+      <div class="chartWithSlider">
+        <div class="chartContainer">
+          <canvas class="canvas"></canvas>
+        </div>
+        <div class="sliderContainer">
+          <div class="slider"></div>
+        </div>
+      </div>
     </div>
   </div>
   <p><b>Data Source:</b>
@@ -49780,16 +49788,6 @@
   <template id="template-canvas">
     <canvas></canvas>
   </template>
-  <template id="template-chartWithSlider">
-    <div class="chartWithSlider">
-      <div class="chartContainer">
-        <canvas class="canvas"></canvas>
-      </div>
-      <div class="sliderContainer">
-        <div class="slider"></div>
-      </div>
-    </div>
-  </template>
 </body>
 
 </html>
\ No newline at end of file