karma/crab-webapp
1
0
Fork 0
mirror of https://github.com/karma-riuk/crab-webapp.git synced 2025-07-05 14:18:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

now using tbody instead of table

Browse Source
This commit is contained in:
Karma Riuk
2025-05-08 00:36:45 +02:00
parent 6c45d598cc
commit 8c1c7e3c95
1 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/js/socket.js
View File

@ -28,19 +28,16 @@ socket.on("started-processing", () => {
}); });
socket.on("ended-processing", (data) => { socket.on("ended-processing", (data) => {
progressContainer.style.display = "none";
resultsContainer.style.display = "block"; resultsContainer.style.display = "block";
// empty the table besides the header of the table and fill the table. the data is of form id: // empty the table besides the header of the table and fill the table. the data is of form id:
// {"proposed comment": "bla bla bla", "bleu score": 0.2} // {"proposed comment": "bla bla bla", "bleu score": 0.2}
const table = resultsContainer.querySelector("table"); const tbody = resultsContainer.querySelector("table tbody");
tbody.innerHTML = "";
// remove all the rows besides the table header
while (table.rows.length > 1) {
table.deleteRow(1);
}
Object.entries(data).forEach(([id, info]) => { Object.entries(data).forEach(([id, info]) => {
const row = table.insertRow(); // create a new row const row = tbody.insertRow(); // create a new row
const idCell = row.insertCell(); // cell 1: id const idCell = row.insertCell(); // cell 1: id
const commentCell = row.insertCell(); // cell 2: proposed comment const commentCell = row.insertCell(); // cell 2: proposed comment
const scoreCell = row.insertCell(); // cell 3: bleu score const scoreCell = row.insertCell(); // cell 3: bleu score