From 7f182932a7bcf4c2d1ab4f50dca5f3e082ee35c1 Mon Sep 17 00:00:00 2001
From: Trygve <trygve@posteo.net>
Date: Mon, 12 Feb 2024 21:23:13 +0100
Subject: [PATCH] =?UTF-8?q?La=20til=20l=C3=B8pertabell?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.php  | 66 +++++++++++++++++++++++++++++++++++++++++++++++-------
 upload.php |  4 ++--
 2 files changed, 60 insertions(+), 10 deletions(-)
diff --git a/index.php b/index.php
index 77c345c..0531f64 100644
--- a/index.php
+++ b/index.php
@@ -1,17 +1,67 @@
 <!DOCTYPE html>
 <html lang="no">
+<head>
+    <style>
+        .passed {
+            background-color: #8ff0a4;
+        }
+    </style>
+</head>
+<body>
+<table>
+    <tbody id="runners">
+
+    </tbody>
+</table>
+</body>
 <script>
-function register_runner(id) {
+function register_runner(id, name) {
+    update_row(id, name, true)
+    let formData = new FormData();
+    formData.append(name= 'id', value=id);
+    time = new Date(Date.now()).toISOString()
+    formData.append('time', time);
     fetch("upload.php", {
         method: "POST",
-        body: 'id='+id,
-        headers: {
-            "Content-type": "application/x-www-form-urlencoded"
-        }
+        body: formData,
     });
 };
+
+function read_db() {
+    let xmlHttp = new XMLHttpRequest();
+    xmlHttp.open("GET", "db.csv", false);
+    xmlHttp.send(null);
+    return xmlHttp.responseText;
+}
+
+function create_row(id, name, passed) {
+    if (!passed) {
+        button = `<button onclick="register_runner(${id}, '${name}')">✓</button>`
+        return `<tr id="${id}"><td>${id}</td><td>${name}</td><td>${button}</td></tr>`
+    }
+    else {
+        button = `<button onclick="register_runner(${id}, '${name}')">Angre</button>`
+        return `<tr id="${id}" class="passed"><td>${id}</td><td>${name}</td><td>${button}</td></tr>`
+    }
+
+}
+
+function create_rows(csv) {
+    csv = csv.split('\n')
+    rows = ""
+    for (i in csv) {
+        data = csv[i].split(",")
+        rows += create_row(data[0], data[1], false)
+    }
+    return rows
+}
+
+function update_row(id, name, passed) {
+    row = document.getElementById(id)
+    row.innerHTML = create_row(id, name, passed)
+    row.classList.add("passed");
+}
+table = document.getElementById("runners")
+table.innerHTML = create_rows(read_db())
 </script>
-<body>
-<button onclick="register_runner('121321321')">registrer!</button>
-</body>
 <html>
\ No newline at end of file
diff --git a/upload.php b/upload.php
index 2ceb230..2dca5d9 100644
--- a/upload.php
+++ b/upload.php
@@ -1,7 +1,7 @@
 <?php
 $runner_id = $_POST['id'];
-print_r($_POST);
+$time = $_POST['time'];
 $file = 'passering.csv';
 $current = file_get_contents($file);
-$current .= $runner_id . "\n";
+$current .= $runner_id . ", " . $time . "\n";
 file_put_contents($file, $current);
\ No newline at end of file
