eth-janishutz/fundamentals-of-webengineering
1
0
Fork 0
mirror of https://github.com/janishutz/fundamentals-of-webengineering.git synced 2025-11-25 05:44:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use more bindings for classes

Browse Source
This commit is contained in:
Janis Hutz
2025-10-21 17:18:37 +02:00
parent a9299fdd5b
commit 11e99294c8
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
task_2_ts/ts/main.ts
View File

@@ -97,13 +97,21 @@ fileInput.addEventListener( 'change', event => {
const header = Object.keys( data[0]! ); const header = Object.keys( data[0]! );
headerList.set( header ); headerList.set( header );
columnName.resetConditionalClasses();
// Initialize sorting // Initialize sorting
for ( let i = 0; i < header.length; i++ ) { for ( let i = 0; i < header.length; i++ ) {
const column = header[ i ]!; const column = header[ i ]!;
const el = document.getElementById( 'table-header--' + i )!;
document.getElementById( 'table-header--' + i )!.addEventListener( 'click', () => { columnName.addConditionalClasses(
el,
val => val === header[ i ],
'column-selected',
''
);
el.addEventListener( 'click', () => {
// TODO: Decide on sorting cycling // TODO: Decide on sorting cycling
// TODO: Add indicator as well // TODO: Add indicator as well
// TODO: Want to hide infos and do an else static info for file infos and selected columns info? // TODO: Want to hide infos and do an else static info for file infos and selected columns info?