jank/test
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feature: data now show in the table

Browse Source
This commit is contained in:
Jan Klattenhoff 2024-01-19 09:12:17 +01:00
parent cdd547247b
commit b16307c2d2
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
templates/frontend/index.html.twig
View File

@ -2,15 +2,30 @@
{% block javascripts %}
<script>
function addPrinterToTable(printer) {
function addTableData(tableRow, data) {
const tableData = document.createElement('td');
tableData.textContent = data;
tableRow.appendChild(tableData);
}
function addPrinterToTable(tableBody, printer) {
const tableRow = document.createElement('tr');
addTableData(tableRow, printer.name);
addTableData(tableRow, printer.price.toFixed(2) + '$');
addTableData(tableRow, printer.build_volume);
addTableData(tableRow, printer.max_speed);
tableBody.appendChild(tableRow);
}
function reloadTable() {
fetch('/printer', {method: 'GET'}).then(response => {
response.json().then(json => {
for (printer of json) {
addPrinterToTable(printer);
const tableBody = document.getElementById('table-body');
tableBody.innerHTML = null;
addPrinterToTable(tableBody, printer);
}
});
});