continuing

docs/SymptomsCausedByCOVIDLots/js/PageInitializer.js

@@ -0,0 +1,37 @@
+class PageInitializer {
+
+    static initializePage({ symptom, vaccine }) {
+        PageInitializer.#configureSymptom(symptom);
+        PageInitializer.#configureVaccine(vaccine);
+    }
+
+    static #configureSymptom({ symptomSelectElement, prrByVaccineTableElement, downloadPrrByVaccineTableButton }) {
+        const prrByVaccineTableView = new PrrByVaccineTableView(prrByVaccineTableElement, downloadPrrByVaccineTableButton);
+        PageInitializer.#initializeSelectElement(
+            {
+                selectElement: symptomSelectElement,
+                onValueSelected: symptom => prrByVaccineTableView.displayPrrByVaccineTable4Symptom(symptom),
+                minimumInputLength: 4
+            });
+    }
+
+    static #configureVaccine({ vaccineSelectElement, prrBySymptomTableElement, downloadPrrBySymptomTableButton }) {
+        const prrBySymptomTableView = new PrrBySymptomTableView(prrBySymptomTableElement, downloadPrrBySymptomTableButton);
+        PageInitializer.#initializeSelectElement(
+            {
+                selectElement: vaccineSelectElement,
+                onValueSelected: vaccine => prrBySymptomTableView.displayPrrBySymptomTable4Vaccine(vaccine),
+                minimumInputLength: 0
+            });
+    }
+
+    static #initializeSelectElement({ selectElement, onValueSelected, minimumInputLength }) {
+        selectElement.select2({ minimumInputLength: minimumInputLength });
+        selectElement.on(
+            'select2:select',
+            function (event) {
+                const value = event.params.data.id;
+                onValueSelected(value);
+            });
+    }
+}

docs/SymptomsCausedByCOVIDLots/js/PrrByKey2CsvConverter.js

@@ -0,0 +1,41 @@
+class PrrByKey2CsvConverter {
+
+    static convertPrrByKey2Csv(
+        {
+            heading,
+            columns: { keyColumn, prrColumn },
+            prrByKey
+        }
+    ) {
+        return heading + '\n\n' +
+            PrrByKey2CsvConverter.#convert2Csv(
+                {
+                    prrByKey: PrrByKey2CsvConverter.#quoteKeys(prrByKey),
+                    keyColumn: PrrByKey2CsvConverter.#quote(keyColumn),
+                    prrColumn: PrrByKey2CsvConverter.#quote(prrColumn)
+                });
+    }
+
+    static #quoteKeys(prrByKey) {
+        return Object.fromEntries(
+            Object
+                .entries(prrByKey)
+                .map(([key, prr]) => [PrrByKey2CsvConverter.#quote(key), prr]))
+    }
+
+    static #quote(str) {
+        return '"' + str + '"';
+    }
+
+    static #convert2Csv({ prrByKey, keyColumn, prrColumn }) {
+        const header = `${keyColumn},${prrColumn}`;
+        return `${header}\n${PrrByKey2CsvConverter.#convertDict2Csv(prrByKey)}`;
+    }
+
+    static #convertDict2Csv(dict) {
+        return Object
+            .entries(dict)
+            .map(([key, value]) => `${key},${value}`)
+            .join('\n');
+    }
+}

docs/SymptomsCausedByCOVIDLots/js/PrrByKeyTable.js

@@ -0,0 +1,109 @@
+class PrrByKeyTable {
+
+    #tableElement;
+    #table;
+    #sumPrrs;
+    #prrByKey;
+    #keyColumnName;
+    #prrColumnName;
+    #shallMarkRowIfPrrTooHigh;
+
+    constructor({ tableElement, keyColumnName, prrColumnName, shallMarkRowIfPrrTooHigh }) {
+        this.#tableElement = tableElement;
+        this.#keyColumnName = keyColumnName;
+        this.#prrColumnName = prrColumnName;
+        this.#shallMarkRowIfPrrTooHigh = shallMarkRowIfPrrTooHigh;
+    }
+
+    initialize() {
+        this.#table = this.#createEmptyTable();
+    }
+
+    display(prrByKey) {
+        this.#prrByKey = prrByKey;
+        const key_prr_pairs = Object.entries(prrByKey);
+        this.#setTableRows(key_prr_pairs);
+    }
+
+    getDisplayedTableAsCsv(heading) {
+        return PrrByKey2CsvConverter.convertPrrByKey2Csv(
+            {
+                heading: heading,
+                columns: {
+                    keyColumn: this.#keyColumnName,
+                    prrColumn: this.#prrColumnName
+                },
+                prrByKey: this.#prrByKey
+            });
+    }
+
+    #createEmptyTable() {
+        return this.#tableElement.DataTable(
+            {
+                search:
+                {
+                    return: false
+                },
+                processing: true,
+                deferRender: true,
+                order: [[this.#getColumnIndex(this.#prrColumnName), "desc"]],
+                columnDefs:
+                    [
+                        {
+                            searchable: false,
+                            targets: [this.#getColumnIndex(this.#prrColumnName)]
+                        },
+                        {
+                            render: (prr, type, row, meta) =>
+                                (type === 'sort' || type === 'type') ?
+                                    parseFloat(prr) :
+                                    NumberWithBarElementFactory
+                                        .createNumberWithBarElement(
+                                            {
+                                                number: prr,
+                                                barLenInPercent: prr / this.#sumPrrs * 100
+                                            })
+                                        .outerHTML,
+                            targets: [this.#getColumnIndex(this.#prrColumnName)]
+                        }
+                    ],
+                createdRow: (row, data) => {
+                    if (this.#shallMarkRowIfPrrTooHigh) {
+                        this.#markRowIfPrrTooHigh(
+                            {
+                                prr: data[this.#getColumnIndex(this.#prrColumnName)],
+                                row: row
+                            });
+                    }
+                }
+            });
+    }
+
+    #markRowIfPrrTooHigh({ prr, row }) {
+        if (prr > 1.0) {
+            $(row).addClass('prrTooHigh');
+        }
+    }
+
+    #getColumnIndex(columnName) {
+        switch (columnName) {
+            case this.#keyColumnName:
+                return 0;
+            case this.#prrColumnName:
+                return 1;
+        }
+    }
+
+    #setTableRows(key_prr_pairs) {
+        this.#sumPrrs = this.#getSumPrrs(key_prr_pairs);
+        this.#table
+            .clear()
+            .rows.add(key_prr_pairs)
+            .draw();
+    }
+
+    #getSumPrrs(key_prr_pairs) {
+        const prrs = key_prr_pairs.map(key_prr_pair => key_prr_pair[1])
+        return Utils.sum(prrs);
+    }
+}

docs/SymptomsCausedByCOVIDLots/js/PrrByKeyTableView.js

@@ -0,0 +1,44 @@
+class PrrByKeyTableView {
+
+    #prrByKeyTable;
+    #downloadPrrByKeyTableButton;
+    #value;
+    #valueName;
+    #prrByKeyProvider;
+
+    constructor(prrByKeyTable, downloadPrrByKeyTableButton, valueName, prrByKeyProvider) {
+        this.#prrByKeyTable = prrByKeyTable;
+        this.#prrByKeyTable.initialize();
+        this.#initializeButton(downloadPrrByKeyTableButton);
+        this.#valueName = valueName;
+        this.#prrByKeyProvider = prrByKeyProvider;
+    }
+
+    displayPrrByKeyTable4Value(value) {
+        UIUtils.disableButton(this.#downloadPrrByKeyTableButton);
+        this.#prrByKeyProvider(value)
+            .then(prrByKey => {
+                this.#value = value;
+                this.#prrByKeyTable.display(prrByKey);
+                UIUtils.enableButton(this.#downloadPrrByKeyTableButton);
+            });
+    }
+
+    #initializeButton(downloadPrrByKeyTableButton) {
+        this.#downloadPrrByKeyTableButton = downloadPrrByKeyTableButton;
+        UIUtils.disableButton(downloadPrrByKeyTableButton);
+        downloadPrrByKeyTableButton.addEventListener(
+            'click',
+            () => this.#downloadPrrByKey())
+    }
+
+    #downloadPrrByKey() {
+        UIUtils.downloadUrlAsFilename(
+            window.URL.createObjectURL(
+                new Blob(
+                    [this.#prrByKeyTable.getDisplayedTableAsCsv(`# ${this.#valueName}: ${this.#value}`)],
+                    { type: 'text/csv' })),
+            this.#value
+        );
+    }
+}

docs/SymptomsCausedByCOVIDLots/js/PrrBySymptomTableView.js

@@ -0,0 +1,25 @@
+class PrrBySymptomTableView {
+
+    #delegate;
+
+    constructor(prrBySymptomTableElement, downloadPrrBySymptomTableButton) {
+        this.#delegate = new PrrByKeyTableView(
+            this.#createPrrBySymptomTable(prrBySymptomTableElement),
+            downloadPrrBySymptomTableButton,
+            'Vaccine',
+            PrrByVaccineProvider.getPrrBySymptom);
+    }
+
+    displayPrrBySymptomTable4Vaccine(vaccine) {
+        this.#delegate.displayPrrByKeyTable4Value(vaccine);
+    }
+
+    #createPrrBySymptomTable(tableElement) {
+        return new PrrByKeyTable({
+            tableElement: tableElement,
+            keyColumnName: 'Symptom',
+            prrColumnName: 'Proportional Reporting Ratio > 1',
+            shallMarkRowIfPrrTooHigh: false
+        });
+    }
+}

docs/SymptomsCausedByCOVIDLots/js/PrrByVaccineProvider.js

@@ -0,0 +1,10 @@
+class PrrByVaccineProvider {
+
+    static getPrrByVaccine(symptom) {
+        return fetch(`../data/ProportionalReportingRatios/symptoms/${symptom}.json`).then(response => response.json());
+    }
+
+    static getPrrBySymptom(vaccine) {
+        return fetch(`../data/ProportionalReportingRatios/vaccines/${vaccine}.json`).then(response => response.json());
+    }
+}

docs/SymptomsCausedByCOVIDLots/js/PrrByVaccineTableView.js

@@ -0,0 +1,25 @@
+class PrrByVaccineTableView {
+
+    #delegate;
+
+    constructor(prrByVaccineTableElement, downloadPrrByVaccineTableButton) {
+        this.#delegate = new PrrByKeyTableView(
+            this.#createPrrByVaccineTable(prrByVaccineTableElement),
+            downloadPrrByVaccineTableButton,
+            'Symptom',
+            PrrByVaccineProvider.getPrrByVaccine);
+    }
+
+    displayPrrByVaccineTable4Symptom(symptom) {
+        this.#delegate.displayPrrByKeyTable4Value(symptom);
+    }
+
+    #createPrrByVaccineTable(tableElement) {
+        return new PrrByKeyTable({
+            tableElement: tableElement,
+            keyColumnName: 'Vaccine',
+            prrColumnName: 'Proportional Reporting Ratio',
+            shallMarkRowIfPrrTooHigh: true
+        });
+    }
+}