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

argh!!

Browse Source
This commit is contained in:
frankknoll
2023-06-09 18:09:28 +02:00
parent b348de37ea
commit af3e695dd6
1 changed files with 100 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
docs/BatchCodeTableInitializer.js
View File

@@ -1,6 +1,8 @@
class BatchCodeTableInitializer { class BatchCodeTableInitializer {
#batchCodeTableElement; #batchCodeTableElement;
#batchCodeTable;
#columnSearch;
#barChartDescriptions; #barChartDescriptions;
constructor(batchCodeTableElement) { constructor(batchCodeTableElement) {
@@ -8,78 +10,78 @@ class BatchCodeTableInitializer {
} }
initialize() { initialize() {
const self = this; this.#batchCodeTable = this.#createEmptyBatchCodeTable();
this.#columnSearch = new ColumnSearch(this.#batchCodeTable.column(this.#getColumnIndex('Company')));
this.#displayCountry();
BarChartDescriptionsProvider BarChartDescriptionsProvider
.getBarChartDescriptions() .getBarChartDescriptions()
.then(barChartDescriptions => { .then(barChartDescriptions => {
this.#barChartDescriptions = barChartDescriptions; this.#barChartDescriptions = barChartDescriptions;
this.#batchCodeTableElement.DataTable(
{ });
ajax: 'data/batchCodeTables/Global.json', }
initComplete: function (settings) {
batchCodeTable = settings.oInstance.api(); #createEmptyBatchCodeTable() {
const columnSearch = new ColumnSearch(batchCodeTable.column(self.#getColumnIndex('Company'))); return this.#batchCodeTableElement.DataTable(
columnSearch.columnContentUpdated(); {
}, language:
language: {
searchPlaceholder: "Enter Batch Code"
},
searching: true,
search:
{
return: true
},
processing: true,
deferRender: true,
order: [[this.#getColumnIndex('Adverse Reaction Reports'), "desc"]],
columnDefs:
[
{ {
searchPlaceholder: "Enter Batch Code" searchable: false,
}, targets: [
searching: true, this.#getColumnIndex('Adverse Reaction Reports'),
search: this.#getColumnIndex('Deaths'),
{ this.#getColumnIndex('Disabilities'),
return: true this.#getColumnIndex('Life Threatening Illnesses'),
}, this.#getColumnIndex('Severe reports'),
processing: true, this.#getColumnIndex('Lethality')
deferRender: true,
order: [[this.#getColumnIndex('Adverse Reaction Reports'), "desc"]],
columnDefs:
[
{
searchable: false,
targets: [
this.#getColumnIndex('Adverse Reaction Reports'),
this.#getColumnIndex('Deaths'),
this.#getColumnIndex('Disabilities'),
this.#getColumnIndex('Life Threatening Illnesses'),
this.#getColumnIndex('Severe reports'),
this.#getColumnIndex('Lethality')
]
},
{
orderable: false,
targets:
[
this.#getColumnIndex('Batch'),
this.#getColumnIndex('Company'),
this.#getColumnIndex('Countries')
]
},
{
render: data => {
const numberInPercent = parseFloat(data);
return !isNaN(numberInPercent) ? numberInPercent.toFixed(2) + "%" : '';
},
targets: [this.#getColumnIndex('Severe reports'), this.#getColumnIndex('Lethality')]
},
{
width: "1000px",
render: function (data, type, row, meta) {
return null;
},
createdCell: (cell, cellData, row, rowIndex, colIndex) => {
const batchcode = row[this.#getColumnIndex('Batch')];
if (batchcode in this.#barChartDescriptions) {
const barChartDescription = this.#barChartDescriptions[batchcode];
barChartDescription['batchcode'] = batchcode;
new BatchcodeByCountryBarChartView(cell).displayBatchcodeByCountryBarChart(barChartDescription);
}
},
className: "dt-head-center",
targets: [this.#getColumnIndex('Countries')]
}
] ]
}); },
{
orderable: false,
targets:
[
this.#getColumnIndex('Batch'),
this.#getColumnIndex('Company'),
this.#getColumnIndex('Countries')
]
},
{
render: data => {
const numberInPercent = parseFloat(data);
return !isNaN(numberInPercent) ? numberInPercent.toFixed(2) + "%" : '';
},
targets: [this.#getColumnIndex('Severe reports'), this.#getColumnIndex('Lethality')]
},
{
width: "1000px",
render: function (data, type, row, meta) {
return null;
},
createdCell: (cell, cellData, row, rowIndex, colIndex) => {
const batchcode = row[this.#getColumnIndex('Batch')];
if (batchcode in this.#barChartDescriptions) {
const barChartDescription = this.#barChartDescriptions[batchcode];
barChartDescription['batchcode'] = batchcode;
new BatchcodeByCountryBarChartView(cell).displayBatchcodeByCountryBarChart(barChartDescription);
}
},
className: "dt-head-center",
targets: [this.#getColumnIndex('Countries')]
}
]
}); });
} }
@@ -105,4 +107,36 @@ class BatchCodeTableInitializer {
return 8; return 8;
} }
} }
// FK-TODO: rename
#displayCountry() {
// FK-TODO: show "Loading.." message or spinning wheel.
BarChartDescriptionsProvider
.getBarChartDescriptions()
.then(barChartDescriptions => {
this.#barChartDescriptions = barChartDescriptions;
fetch('data/batchCodeTables/Global.json')
.then(response => response.json())
.then(json => {
this.#_addCountriesColumn(json);
return json;
})
.then(json => {
this.#setTableRows(json.data);
this.#columnSearch.columnContentUpdated();
});
})
}
#_addCountriesColumn(json) {
json.columns.push('Countries');
json.data.forEach(row => row.push(null));
}
#setTableRows(rows) {
this.#batchCodeTable
.clear()
.rows.add(rows)
.draw();
}
} }