From b58021af04a451346a64efa3ec382f45d75a870d Mon Sep 17 00:00:00 2001 From: frankknoll Date: Thu, 2 Feb 2023 17:46:20 +0100 Subject: [PATCH] making Company column searchable --- docs/batchCodeTable.html | 256 ++++++++++++++++++++++++++++----------- docs/batchCodeTable.js | 25 +++- src/help.txt | 1 - 3 files changed, 211 insertions(+), 71 deletions(-) diff --git a/docs/batchCodeTable.html b/docs/batchCodeTable.html index 002016d9ad5..2682004cbd1 100644 --- a/docs/batchCodeTable.html +++ b/docs/batchCodeTable.html @@ -1,25 +1,32 @@ + - - -Batch Codes of Coronavirus 2019 Vaccines - - - - - - - - - - - - - - - - + + + + + + + + + + + + + -Fork me on GitHub -

Batch Codes of Coronavirus 2019 Vaccines

-

- -

-

-

-Check out your batch code (Last updated: January 27, 2023) + Fork me on GitHub +

Batch Codes of Coronavirus 2019 Vaccines

+

+

- - - - - - - - - - - - - - - -
BatchAdverse Reaction ReportsDeathsDisabilitiesLife Threatening IllnessesCompanyCountriesSevere reportsLethality
-

Data Source: -Vaccine Adverse Event Reporting System +

+

+ Check out your batch code (Last updated: January 27, 2023) +

+ + + + + + + + + + + + + + + +
BatchAdverse Reaction ReportsDeathsDisabilitiesLife Threatening IllnessesCompanyCountriesSevere reportsLethality
+

Data Source: + Vaccine Adverse Event Reporting System (VAERS) -

- - + + \ No newline at end of file diff --git a/docs/batchCodeTable.js b/docs/batchCodeTable.js index bec9c6004cf..f1415aaaada 100644 --- a/docs/batchCodeTable.js +++ b/docs/batchCodeTable.js @@ -48,7 +48,6 @@ class BatchCodeTableInitializer { this.#getColumnIndex('Deaths'), this.#getColumnIndex('Disabilities'), this.#getColumnIndex('Life Threatening Illnesses'), - this.#getColumnIndex('Company'), this.#getColumnIndex('Countries'), this.#getColumnIndex('Severe reports'), this.#getColumnIndex('Lethality') @@ -56,7 +55,7 @@ class BatchCodeTableInitializer { }, { orderable: false, - targets: this.#getColumnIndex('Countries') + targets: [this.#getColumnIndex('Countries'), this.#getColumnIndex('Company')] }, { render: (data, type, row) => { @@ -105,6 +104,7 @@ class BatchCodeTableInitializer { }) .then(json => { this.#setTableRows(json.data); + this.#makeCompanyColumnSearchable(); this.#selectInput(); this.#displayControlColumn(country == 'Global'); }); @@ -122,6 +122,27 @@ class BatchCodeTableInitializer { .draw(); } + #makeCompanyColumnSearchable() { + // adapted from https://datatables.net/examples/api/multi_filter_select.html + const companyColumn = this.#batchCodeTable.column(this.#getColumnIndex('Company')); + const select = $('') + .appendTo($(companyColumn.header())) + .on('change', function () { + const val = $.fn.dataTable.util.escapeRegex($(this).val()); + companyColumn + .search(val ? '^' + val + '$' : '', true, false) + .draw(); + }); + + companyColumn + .data() + .unique() + .sort() + .each(function (d, _) { + select.append(''); + }); + } + #selectInput() { const input = document.querySelector(".dataTables_filter input"); input.focus(); diff --git a/src/help.txt b/src/help.txt index 8a58afecd45..5070ada96ac 100644 --- a/src/help.txt +++ b/src/help.txt @@ -4,7 +4,6 @@ FK-FIXME: FK-TODO: - Histogramme auch speziell für die einzelnen Länder berechnen und anzeigen. -- make Company column searchable: https://datatables.net/examples/api/multi_filter_select.html anacron job: sudo cp src/intensivstationen_howbadismybatch.sh /etc/cron.daily/intensivstationen_howbadismybatch