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', 'Deaths',
'Disabilities', 'Disabilities',
'Life Threatening Illnesses', 'Life Threatening Illnesses',
'Other Adverse Reaction Reports' 'Other Adverse Events'
], ],
datasets: [{ datasets: [{
// FK-TODO: refactor // FK-TODO: refactor

7
docs/BatchCodeDetailsView.js
View File

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

5
docs/batchCodeTable.html
View File

@@ -49762,9 +49762,9 @@
</select> </select>
</p> </p>
<div id="batchCodeDetails" style="width: 50%"> <div id="batchCodeDetails" style="width: 50%">
<h3>Results or Outcomes of Adverse Events</h3>
<canvas id="adverseReactionReportsChartView"></canvas> <canvas id="adverseReactionReportsChartView"></canvas>
<h3 class="heading"></h3> <h3>Frequencies of Reported Symptoms</h3>
<div id="selectBatchcodeCombination">
<div class="chartWithSlider"> <div class="chartWithSlider">
<div class="chartContainer"> <div class="chartContainer">
<canvas class="canvas"></canvas> <canvas class="canvas"></canvas>
@@ -49774,7 +49774,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<p><b>Data Source:</b> <p><b>Data Source:</b>
<a href="https://vaers.hhs.gov/data/datasets.html" target="_blank">Vaccine Adverse Event Reporting System <a href="https://vaers.hhs.gov/data/datasets.html" target="_blank">Vaccine Adverse Event Reporting System
(VAERS)</a> (VAERS)</a>