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

starting to remove Countries from UI

Browse Source
This commit is contained in:
frankknoll
2023-04-02 20:14:47 +02:00
parent 578651052a
commit 3e553b9324
5 changed files with 103 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
docs/GoogleAnalytics.js
View File

@@ -1,35 +1,22 @@
class GoogleAnalytics {
static click_batchcode(batchcode) {
gtag(
'event',
'click_batchcode',
{
'batchcode': batchcode
});
// FK-TODO: uncomment
// gtag(
// 'event',
// 'click_batchcode',
// {
// 'batchcode': batchcode
// });
}
static view_search_results(search_term) {
gtag(
'event',
'view_search_results',
{
'search_term': search_term
});
}
static countrySelected(country) {
gtag(
"event",
"select_item",
{
item_list_id: "countrySelect",
items:
[
{
item_id: country,
}
]
});
// FK-TODO: uncomment
// gtag(
// 'event',
// 'view_search_results',
// {
// 'search_term': search_term
// });
}
}

1
docs/HistoDescrsProvider.js
View File

@@ -1,5 +1,6 @@
class HistoDescrsProvider {
// FK-TODO: remove country
static getHistoDescrs(country, batchcode) {
return fetch(`data/histograms/${country}/${batchcode}.json`)
.then(response => response.json())

1
docs/HistogramView.js
View File

@@ -6,6 +6,7 @@ class HistogramView {
this.#uiContainer = uiContainer
}
// FK-TODO: remove country
displayHistogramView(country, batchcode) {
this
.#loadHistoDescrs(country, batchcode)

160
docs/batchCodeTable.html
View File

File diff suppressed because one or more lines are too long

30
docs/batchCodeTable.js
View File

@@ -1,30 +1,21 @@
class BatchCodeTableInitializer {
#heading;
#countrySelect;
#batchCodeTableElement;
#batchCodeTable;
#columnSearch;
constructor({ heading, countrySelect, batchCodeTableElement }) {
this.#heading = heading;
this.#countrySelect = countrySelect;
constructor(batchCodeTableElement) {
this.#batchCodeTableElement = batchCodeTableElement;
}
initialize() {
this.#batchCodeTable = this.#createEmptyBatchCodeTable();
this.#columnSearch = new ColumnSearch(this.#batchCodeTable.column(this.#getColumnIndex('Company')));
this.#countrySelect.addEventListener('change', event => this.#displayCountry());
this.#displayCountry();
this.#display();
this.#initializeHistogramView();
this.#trackSearchWithGoogleAnalytics();
}
#getCountry() {
return UIUtils.getSelectedOption(this.#countrySelect).value;
}
#createEmptyBatchCodeTable() {
return this.#batchCodeTableElement.DataTable(
{
@@ -58,14 +49,13 @@ class BatchCodeTableInitializer {
this.#getColumnIndex('Deaths'),
this.#getColumnIndex('Disabilities'),
this.#getColumnIndex('Life Threatening Illnesses'),
this.#getColumnIndex('Countries'),
this.#getColumnIndex('Severe reports'),
this.#getColumnIndex('Lethality')
]
},
{
orderable: false,
targets: [this.#getColumnIndex('Countries'), this.#getColumnIndex('Company')]
targets: [this.#getColumnIndex('Company')]
},
{
render: (data, type, row) => {
@@ -94,19 +84,16 @@ class BatchCodeTableInitializer {
return 5;
case 'Company':
return 6;
case 'Countries':
return 7;
case 'Severe reports':
return 8;
return 7;
case 'Lethality':
return 9;
return 8;
}
}
#displayCountry() {
this.#heading.textContent = this.#getCountry() == 'Global' ? 'Global Batch Codes' : `Batch Codes for ${this.#getCountry()}`;
#display() {
// FK-TODO: show "Loading.." message or spinning wheel.
fetch(`data/batchCodeTables/${this.#getCountry()}.json`)
fetch(`data/batchCodeTables/Global.json`)
.then(response => response.json())
.then(json => {
this.#_addEmptyControlColumn(json);
@@ -117,7 +104,6 @@ class BatchCodeTableInitializer {
this.#columnSearch.columnContentUpdated();
this.#selectInput();
});
GoogleAnalytics.countrySelected(this.#getCountry());
}
#_addEmptyControlColumn(json) {
@@ -155,7 +141,7 @@ class BatchCodeTableInitializer {
row.child(uiContainer).show();
tr.addClass('shown');
const batchcode = row.data()[thisClassInstance.#getColumnIndex('Batch')];
new HistogramView(uiContainer).displayHistogramView(thisClassInstance.#getCountry(), batchcode);
new HistogramView(uiContainer).displayHistogramView('Global', batchcode);
GoogleAnalytics.click_batchcode(batchcode);
}
});