refactoring

This commit is contained in:
frankknoll
2023-04-15 17:22:47 +02:00
parent 3a77fc63b3
commit 4e034bd42f
2 changed files with 9 additions and 12 deletions

View File

@@ -27,11 +27,10 @@ class BatchCodeDetailsView {
#displayHistogramViewForHistoDescrs(histoDescrs) { #displayHistogramViewForHistoDescrs(histoDescrs) {
this.#displayHeading(histoDescrs.batchcode); this.#displayHeading(histoDescrs.batchcode);
this.#displayData(histoDescrs); this.#displayData(histoDescrs);
const chartWithSlider = UIUtils.instantiateTemplate('template-chartWithSlider'); const chartWithSlider = this.#uiContainer.querySelector('.chartWithSlider');
const histogramChartView = new HistogramChartView(chartWithSlider.querySelector("canvas")); const histogramChartView = new HistogramChartView(chartWithSlider.querySelector("canvas"));
this.#displayAdverseReactionReportsChart(histoDescrs); this.#displayAdverseReactionReportsChart(histoDescrs);
this.#displaySelectBatchcodeCombination(histoDescrs.histograms, histogramChartView, chartWithSlider); this.#displaySelectBatchcodeCombination(histoDescrs.histograms, histogramChartView, chartWithSlider);
this.#uiContainer.appendChild(chartWithSlider);
this.#displayHistogram(histoDescrs.histograms[0], histogramChartView, chartWithSlider); this.#displayHistogram(histoDescrs.histograms[0], histogramChartView, chartWithSlider);
} }

View File

@@ -49768,6 +49768,14 @@
<select id="batchcodesSelect" name="batchcodes"> <select id="batchcodesSelect" name="batchcodes">
</select> </select>
</label> </label>
<div class="chartWithSlider">
<div class="chartContainer">
<canvas class="canvas"></canvas>
</div>
<div class="sliderContainer">
<div class="slider"></div>
</div>
</div>
</div> </div>
</div> </div>
<p><b>Data Source:</b> <p><b>Data Source:</b>
@@ -49780,16 +49788,6 @@
<template id="template-canvas"> <template id="template-canvas">
<canvas></canvas> <canvas></canvas>
</template> </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> </body>
</html> </html>