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

More or less finish rendering framework

Browse Source
This commit is contained in:
Janis Hutz
2025-10-20 11:09:18 +02:00
parent 7263ae6f5f
commit d35a47e4b0
6 changed files with 377 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
task_2_ts/ts/main.ts
View File

@@ -1,5 +1,48 @@
import '@fortawesome/fontawesome-free/css/all.css';
import '../css/layout.css';
import '@picocss/pico/css/pico.min.css';
import {
listRef, ref
} from './rendering/framework';
import {
CSV_Data
} from './types';
import {
RenderTemplate
} from './rendering/rendering';
// TODO start here with the first entry point
const dataList = listRef<CSV_Data>(
document.getElementById( 'data-table' )!,
[],
'table-body',
{
'type': 'tr',
'cssClasses': [],
'children': []
}
);
const headerList = listRef<string>(
document.getElementById( 'data-header' )!,
[],
'table-header',
{
'type': 'td',
'cssClasses': [],
'children': []
}
);
const tableRowElement: RenderTemplate = {
'type': 'td',
'cssClasses': [],
'children': [],
};
const filename = ref<string>( [ document.getElementById( 'data-filename' )! ], '' );
const filetype = ref<string>( [ document.getElementById( 'data-filetype' )! ], '' );
const filesize = ref<string>( [ document.getElementById( 'data-filesize' )! ], '' );
const rowCount = ref<string>( [ document.getElementById( 'data-rowcount' )! ], '' );
const filter = ref<string>( [ document.getElementById( 'filter' )! ], '' );
const columnName = ref<string>( [ document.getElementById( 'column-selected' )! ], '' );
const columnDatatype = ref<string>( [ document.getElementById( 'column-datatype' )! ], '' );
const columnEntries = ref<string>( [ document.getElementById( 'column-entries' )! ], '' );
const columnMax = ref<string>( [ document.getElementById( 'column-max' )! ], '' );
const columnMin = ref<string>( [ document.getElementById( 'column-min' )! ], '' );