francois/HowBadIsMyBatch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling

Browse Source
This commit is contained in:
frankknoll
2023-04-16 15:35:21 +02:00
parent 5555e925d8
commit 870f5ae245
3 changed files with 9 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/AdverseReactionReportsChartView.js
View File

@@ -33,7 +33,7 @@ class AdverseReactionReportsChartView {
'Deaths',
'Disabilities',
'Life Threatening Illnesses',
'Other Adverse Reaction Reports'
'Other Adverse Events'
],
datasets: [{
// FK-TODO: refactor

7
docs/BatchCodeDetailsView.js
View File

@@ -1,14 +1,12 @@
class BatchCodeDetailsView {
#uiContainer;
#headingElement;
#adverseReactionReportsChartView;
#histogramChartView;
#chartWithSlider;
constructor(uiContainer) {
this.#uiContainer = uiContainer
this.#headingElement = this.#uiContainer.querySelector(".heading");
this.#adverseReactionReportsChartView = new AdverseReactionReportsChartView(this.#uiContainer.querySelector('#adverseReactionReportsChartView'));
this.#chartWithSlider = this.#uiContainer.querySelector('.chartWithSlider');
this.#histogramChartView = new HistogramChartView(this.#chartWithSlider.querySelector("canvas"));
@@ -32,15 +30,10 @@ class BatchCodeDetailsView {
}
#displayHistogramViewForHistoDescrs(histoDescrs) {
this.#displayHeading(histoDescrs.batchcode);
this.#displayAdverseReactionReportsChart(histoDescrs);
this.#displayHistogram(histoDescrs);
}
#displayHeading(batchcode) {
this.#headingElement.textContent = `Frequencies of reported Symptoms for Batch Code ${batchcode}`
}
#displayAdverseReactionReportsChart(histoDescrs) {
this.#adverseReactionReportsChartView.displayChart(histoDescrs);
}

17
docs/batchCodeTable.html
View File

@@ -49762,16 +49762,15 @@
</select>
</p>
<div id="batchCodeDetails" style="width: 50%">
<h3>Results or Outcomes of Adverse Events</h3>
<canvas id="adverseReactionReportsChartView"></canvas>
<h3 class="heading"></h3>
<div id="selectBatchcodeCombination">
<div class="chartWithSlider">
<div class="chartContainer">
<canvas class="canvas"></canvas>
</div>
<div class="sliderContainer">
<div class="slider"></div>
</div>
<h3>Frequencies of Reported Symptoms</h3>
<div class="chartWithSlider">
<div class="chartContainer">
<canvas class="canvas"></canvas>
</div>
<div class="sliderContainer">
<div class="slider"></div>
</div>
</div>
</div>