Merge branch 'main' into pages
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -17,29 +17,29 @@ class PageInitializer {
|
||||
});
|
||||
}
|
||||
|
||||
static #configureSymptom({ symptomSelectElement, urlSearchParam, prrByVaccineTableElement, downloadPrrByVaccineTableButton, keyColumnName }) {
|
||||
const prrByVaccineTableView = new PrrByVaccineTableView(prrByVaccineTableElement, downloadPrrByVaccineTableButton, keyColumnName);
|
||||
static #configureSymptom({ symptomSelectElement, urlSearchParam, prrByVaccineTableElement, keyColumnName }) {
|
||||
const prrByVaccineTableView = new PrrByVaccineTableView(prrByVaccineTableElement, keyColumnName);
|
||||
Select2.initializeSelectElement(
|
||||
{
|
||||
selectElement: symptomSelectElement,
|
||||
minimumInputLength: 0,
|
||||
textOfOption2Select: urlSearchParam.get(),
|
||||
onSelectOptionHavingValueAndText: (id, text) => {
|
||||
prrByVaccineTableView.displayPrrByVaccineTable4Symptom(id, text);
|
||||
prrByVaccineTableView.displayPrrByVaccineTable4Symptom(id);
|
||||
urlSearchParam.set(text);
|
||||
}
|
||||
});
|
||||
return prrByVaccineTableView;
|
||||
}
|
||||
|
||||
static #configureVaccine({ vaccineSelectElement, urlSearchParam, prrBySymptomTableElement, downloadPrrBySymptomTableButton, valueName }) {
|
||||
const prrBySymptomTableView = new PrrBySymptomTableView(prrBySymptomTableElement, downloadPrrBySymptomTableButton, valueName);
|
||||
static #configureVaccine({ vaccineSelectElement, urlSearchParam, prrBySymptomTableElement }) {
|
||||
const prrBySymptomTableView = new PrrBySymptomTableView(prrBySymptomTableElement);
|
||||
Select2.initializeSelectElement(
|
||||
{
|
||||
selectElement: vaccineSelectElement,
|
||||
textOfOption2Select: urlSearchParam.get(),
|
||||
onSelectOptionHavingValueAndText: (id, text) => {
|
||||
prrBySymptomTableView.displayPrrBySymptomTable4Vaccine(id, text);
|
||||
prrBySymptomTableView.displayPrrBySymptomTable4Vaccine(id);
|
||||
urlSearchParam.set(text);
|
||||
},
|
||||
minimumInputLength: 0
|
||||
|
||||
@@ -1,41 +0,0 @@
|
||||
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');
|
||||
}
|
||||
}
|
||||
@@ -3,7 +3,6 @@ class PrrByKeyTable {
|
||||
#tableElement;
|
||||
#table;
|
||||
#sumPrrs;
|
||||
#prrByKey;
|
||||
#keyColumnName;
|
||||
#prrColumnName;
|
||||
#shallMarkRowIfPrrTooHigh;
|
||||
@@ -20,23 +19,10 @@ class PrrByKeyTable {
|
||||
}
|
||||
|
||||
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
|
||||
});
|
||||
}
|
||||
|
||||
getTable() {
|
||||
return this.#table;
|
||||
}
|
||||
|
||||
@@ -1,47 +1,20 @@
|
||||
class PrrByKeyTableView {
|
||||
|
||||
#prrByKeyTable;
|
||||
#downloadPrrByKeyTableButton;
|
||||
#text;
|
||||
#valueName;
|
||||
#prrByKeyProvider;
|
||||
|
||||
constructor(prrByKeyTable, downloadPrrByKeyTableButton, valueName, prrByKeyProvider) {
|
||||
constructor(prrByKeyTable, prrByKeyProvider) {
|
||||
this.#prrByKeyTable = prrByKeyTable;
|
||||
this.#prrByKeyTable.initialize();
|
||||
this.#initializeButton(downloadPrrByKeyTableButton);
|
||||
this.#valueName = valueName;
|
||||
this.#prrByKeyProvider = prrByKeyProvider;
|
||||
}
|
||||
|
||||
displayPrrByKeyTable4Value(id, text) {
|
||||
UIUtils.disableButton(this.#downloadPrrByKeyTableButton);
|
||||
displayPrrByKeyTable4Value(id) {
|
||||
this.#prrByKeyProvider(id)
|
||||
.then(prrByKey => {
|
||||
this.#text = text;
|
||||
this.#prrByKeyTable.display(prrByKey);
|
||||
UIUtils.enableButton(this.#downloadPrrByKeyTableButton);
|
||||
});
|
||||
.then(prrByKey => this.#prrByKeyTable.display(prrByKey));
|
||||
}
|
||||
|
||||
getTable() {
|
||||
return this.#prrByKeyTable.getTable();
|
||||
}
|
||||
|
||||
#initializeButton(downloadPrrByKeyTableButton) {
|
||||
this.#downloadPrrByKeyTableButton = downloadPrrByKeyTableButton;
|
||||
UIUtils.disableButton(downloadPrrByKeyTableButton);
|
||||
downloadPrrByKeyTableButton.addEventListener(
|
||||
'click',
|
||||
() => this.#downloadPrrByKey())
|
||||
}
|
||||
|
||||
#downloadPrrByKey() {
|
||||
UrlUtils.downloadUrlAsFilename(
|
||||
window.URL.createObjectURL(
|
||||
new Blob(
|
||||
[this.#prrByKeyTable.getDisplayedTableAsCsv(`# ${this.#valueName}: ${this.#text}`)],
|
||||
{ type: 'text/csv' })),
|
||||
this.#text);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,16 +2,14 @@ class PrrBySymptomTableView {
|
||||
|
||||
#delegate;
|
||||
|
||||
constructor(prrBySymptomTableElement, downloadPrrBySymptomTableButton, valueName) {
|
||||
constructor(prrBySymptomTableElement) {
|
||||
this.#delegate = new PrrByKeyTableView(
|
||||
this.#createPrrBySymptomTable(prrBySymptomTableElement),
|
||||
downloadPrrBySymptomTableButton,
|
||||
valueName,
|
||||
PrrByVaccineProvider.getPrrBySymptom);
|
||||
}
|
||||
|
||||
displayPrrBySymptomTable4Vaccine(id, text) {
|
||||
this.#delegate.displayPrrByKeyTable4Value(id, text);
|
||||
displayPrrBySymptomTable4Vaccine(id) {
|
||||
this.#delegate.displayPrrByKeyTable4Value(id);
|
||||
}
|
||||
|
||||
getTable() {
|
||||
|
||||
@@ -2,16 +2,14 @@ class PrrByVaccineTableView {
|
||||
|
||||
#delegate;
|
||||
|
||||
constructor(prrByVaccineTableElement, downloadPrrByVaccineTableButton, keyColumnName) {
|
||||
constructor(prrByVaccineTableElement, keyColumnName) {
|
||||
this.#delegate = new PrrByKeyTableView(
|
||||
this.#createPrrByVaccineTable(prrByVaccineTableElement, keyColumnName),
|
||||
downloadPrrByVaccineTableButton,
|
||||
'Symptom',
|
||||
PrrByVaccineProvider.getPrrByVaccine);
|
||||
}
|
||||
|
||||
displayPrrByVaccineTable4Symptom(id, text) {
|
||||
this.#delegate.displayPrrByKeyTable4Value(id, text);
|
||||
displayPrrByVaccineTable4Symptom(id) {
|
||||
this.#delegate.displayPrrByKeyTable4Value(id);
|
||||
}
|
||||
|
||||
getTable() {
|
||||
|
||||
Reference in New Issue
Block a user