66 lines
1.6 KiB
JavaScript
66 lines
1.6 KiB
JavaScript
class ResultService
|
|
{
|
|
constructor(alertBox, rankingTable, endpoint)
|
|
{
|
|
this.alertBox = alertBox;
|
|
this.rankingTable = rankingTable;
|
|
this.endpoint = endpoint;
|
|
this.hash = 0;
|
|
this.loop();
|
|
}
|
|
|
|
async loop()
|
|
{
|
|
try {
|
|
await this.updateTable();
|
|
this.alertBox.classList.add("hidden");
|
|
} catch (error) {
|
|
console.log(error);
|
|
this.alertBox.innerHTML = "<b>Noe gikk galt: </b>" + error;
|
|
this.alertBox.classList.remove("hidden");
|
|
}
|
|
|
|
setTimeout(() => {
|
|
this.loop();
|
|
}, 1000);
|
|
}
|
|
|
|
async updateTable()
|
|
{
|
|
let response = await fetch(this.endpoint + this.hash);
|
|
|
|
if (response.status === 204)
|
|
{
|
|
return;
|
|
}
|
|
|
|
let json = await response.json();
|
|
|
|
this.hash = json.hash;
|
|
|
|
let data = json.data;
|
|
|
|
let tableHTML = "";
|
|
tableHTML += "<table>";
|
|
tableHTML += "<tr>";
|
|
tableHTML += "<th>#</th>";
|
|
tableHTML += "<th>Lag</th>";
|
|
tableHTML += "<th>Tid</th>";
|
|
tableHTML += "</tr>";
|
|
|
|
let iterator = 0;
|
|
data.times.reverse().forEach(element => {
|
|
iterator++;
|
|
tableHTML += "<tr>";
|
|
tableHTML += "<td>" + iterator + "</td>";
|
|
tableHTML += "<td>" + data.map.team.name[element.id] + "</td>";
|
|
tableHTML += "<td>" + element.time + "</td>";
|
|
tableHTML += "</tr>";
|
|
});
|
|
|
|
tableHTML += "<table>";
|
|
|
|
this.rankingTable.innerHTML = tableHTML;
|
|
}
|
|
}
|