From 5c31448400ef1804e516a7e6034d56a996a07035 Mon Sep 17 00:00:00 2001
From: gdamms <damguillotin@gmail.com>
Date: Fri, 20 May 2022 11:32:19 +0200
Subject: [PATCH] feat: pixels resfresh every 2s

---
 src/front/index.html  |  1 -
 src/front/index2.html |  1 -
 src/front/pixels.js   | 19 +++++++++++++++----
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/front/index.html b/src/front/index.html
index 2586c99..0490cae 100644
--- a/src/front/index.html
+++ b/src/front/index.html
@@ -8,7 +8,6 @@
     <link rel="stylesheet" href="title-bar.css">
     <link rel="stylesheet" href="login-signup.css">
     <link rel="stylesheet" href="pixels.css">
-    <link rel="stylesheet" href="pix.css">
     <script>
         function toggleLoginSignup(l, s) {
             document.getElementById("show-login").checked = l;
diff --git a/src/front/index2.html b/src/front/index2.html
index aff4d18..0e7325f 100644
--- a/src/front/index2.html
+++ b/src/front/index2.html
@@ -8,7 +8,6 @@
     <link rel="stylesheet" href="title-bar.css">
     <link rel="stylesheet" href="profil.css">
     <link rel="stylesheet" href="pixels.css">
-    <link rel="stylesheet" href="pix.css">
     <link rel="stylesheet" href="wallet.css">
     <script>
         function setMenu() {
diff --git a/src/front/pixels.js b/src/front/pixels.js
index 8399353..b85d8f2 100644
--- a/src/front/pixels.js
+++ b/src/front/pixels.js
@@ -1,9 +1,20 @@
 var url = "http://localhost:8080/api/pixel";
 
+function wait(ms) {
+   var start = new Date().getTime();
+   var end = start;
+   while(end < start + ms) {
+     end = new Date().getTime();
+  }
+}
+
 function setPixels(pixelsJSON) {
     var table = document.getElementById("pixelTable");
     var num_rows = table.rows.length;
-    console.log(num_rows)
+
+    for (let i = 0; i < num_rows; i++) {
+        table.rows[i].innerHTML = "";
+    }
 
     for (i in pixelsJSON) {
         var pixel = pixelsJSON[i];
@@ -22,11 +33,11 @@ function setPixels(pixelsJSON) {
     }
 }
 
-const callSetPixels = async () => {
+const updatePixels = async () => {
     const reponse = await fetch(url);
     const pixelsJSON = await reponse.json();
-
     setPixels(pixelsJSON);
 }
 
-callSetPixels();
+updatePixels();
+setInterval(updatePixels, 2000);