Side med påmeldinger

Lasta ned matcha.css
pynt
2024-10-11 18:04:42 +02:00 · 2024-10-11 18:04:23 +02:00 · 2024-10-11 17:41:43 +02:00 · 2024-10-11 17:41:20 +02:00
8 changed files with 182 additions and 53 deletions
--- a/get_table.php
+++ b/get_table.php
@ -8,9 +8,11 @@ class Runner
 {
    public int $id;
    public string $name;
+    public string $club;
+    public string $course;
    public array $splits;

-    function __construct($id, $name)
+    function __construct($id, $name, $club, $course)
    {
        //echo($id);
        //echo($name);
@ -20,6 +22,8 @@ class Runner
        }
        $this->id = $id;
        $this->name = $name;
+        $this->club = $club;
+        $this->course = $course;
        for ($i = 0; $i < $GLOBALS['number_of_controls']; $i++) {
            $this->splits[$i] = false;
        }
@ -83,7 +87,7 @@ $csv_runners = str_getcsv($csv_runners, "\n");
 //print_r($csv_runners);
 for ($i = 1; $i < count($csv_runners); $i++) {
    $line = str_getcsv($csv_runners[$i]);
-    array_push($runners, new Runner($line[0], $line[1]));
+    array_push($runners, new Runner($line[0], $line[1], $line[2], $line[3]));
 }


@ -107,6 +111,65 @@ for ($i = 0; $i < count($timings); $i++) {
    $runner->set_split($line[0]-1, $time);
 }

+
+if (!isset($query)){
+    $query = explode(",",$_SERVER['QUERY_STRING']);
+}
+
+if ($query[0] == "registrering"){
+    $matpost = $query[1];
+    echo("  <tr>
+    <th>#</th>
+    <th>Startnummer</th>
+    <th>Navn</th>
+    <th>1. matpost</th>
+    <th>2. matpost</th>
+    <th>Mål</th>
+    </tr>");
+    for ($i = 0; $i < count($runners); $i++) {
+        $runner = $runners[$i];
+        $tid_1_mat = "";
+        if ($runner->splits[0] != false) {
+            // https://www.php.net/manual/en/class.dateinterval.php
+            $tid_1_mat = $GLOBALS['start_time']->diff($runner->splits[0])->format('%H:%I:%S');
+        }
+        $tid_2_mat = "";
+        if ($runner->splits[1] != false) {
+            $tid_2_mat = $GLOBALS['start_time']->diff($runner->splits[1])->format('%H:%I:%S');
+        }
+        $tid_maal = "";
+        if ($runner->splits[2] != false) {
+            $tid_maal = $GLOBALS['start_time']->diff($runner->splits[2])->format('%H:%I:%S');
+        }
+        if ($runner->get_control() == $matpost-1) {
+            // Løperen har vært på denne matposten og vi farger raden grønn
+            $button = "<button onclick=\"register_runner($runner->id)\">✓</button>";
+            $cssclass = "class=\"bg-success\"\"";
+        }
+        elseif ($runner->get_control() > $matpost-1) {
+            // Løperen har vært på denne matposten og vi farger raden grønn
+            $button = "<button onclick=\"register_runner($runner->id)\">✓</button>";
+            $cssclass = "class=\"bg-active\"\"";
+        }
+        else {
+            $button = "<button onclick=\"register_runner($runner->id)\">✓</button>";
+            $cssclass = "";
+        }
+        echo ("<tr $cssclass><td>". $i+1 .".</td><td>$runner->id</td><td>$runner->name</td><td>$tid_1_mat</td><td>$tid_2_mat</td><td>$tid_maal</td><td>$button</td></tr>\n");
+    }
+}
+elseif ($query[0] == "paameldte") {
+    echo("  <tr>
+        <th>Navn</th>
+        <th>Klubb/Forening</th>
+        <th>Variant</th>
+    </tr>");
+    for ($i = 0; $i < count($runners); $i++) {
+        $runner = $runners[$i];
+        echo ("<td>$runner->name</td><td>$runner->club</td><td>$runner->course</td></tr>\n");
+    }
+}
+else {
    usort($runners, "cmp");
    echo("  <tr>
        <th>#</th>
@ -133,3 +196,4 @@ for ($i = 0; $i < count($runners); $i++) {
        }
        echo ("<tr><td>". $i+1 .".</td><td>$runner->id</td><td>$runner->name</td><td>$tid_1_mat</td><td>$tid_2_mat</td><td>$tid_maal</td></tr>\n");
    }
+}
--- a/img/NMBUI.png
+++ b/img/NMBUI.png
--- a/img/NMBUI.webp
+++ b/img/NMBUI.webp
--- a/img/kadaver.png
+++ b/img/kadaver.png
--- a/index.php
+++ b/index.php
@ -5,10 +5,20 @@
    <title>EKT</title>
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta name="description" content="Elektronisk Kadaver Tidtakningssystem" />
-    <link rel="stylesheet" href="https://matcha.mizu.sh/matcha.css">
+    <link rel="stylesheet" href="matcha.css">
+    <style>
+        @media (prefers-color-scheme: dark) {
+            .invert {
+                filter: invert(1);
+            }
+        }
+    </style>
 </head>
 <body>
-<h1>Løpende resultater kadaverløpet 2024</h1>
+<div class="flex align-center">
+<figure><img src="img/kadaver.png" alt="" width="100px" class="invert"></figure>
+<h1>TESTING Løpende resultater kadaverløpet 2024</h1>
+</div>
 <h2>Vi tar forbehold om feil. Dette er ikke offisielle resultater</h2>
 <table>
 <tbody>
@ -16,7 +26,11 @@
 include("get_table.php")
 ?>
 </tbody>
+<footer>
 </table>
+<h3>Laget av Trygve. <a href="https://git.willy.club/Trygve/elektronisk-kadaver-tidtakingssystem">Kildekode</a></h3>
+<figure><img src="img/NMBUI.webp" alt="" width="200px"></figure>
+</footer>
 </body>
 <script>
    function update() {
--- a/matcha.css
+++ b/matcha.css
--- a/paameldte.php
+++ b/paameldte.php
@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="no">
+<head>
+    <meta charset="UTF-8" />
+    <title>Påmeldte kadaverløpet</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <meta name="description" content="Elektronisk Kadaver Tidtakningssystem" />
+    <link rel="stylesheet" href="matcha.css">
+    <style>
+        @media (prefers-color-scheme: dark) {
+            .invert {
+                filter: invert(1);
+            }
+        }
+    </style>
+</head>
+<body>
+<div class="flex align-center">
+<figure><img src="img/kadaver.png" alt="" width="100px" class="invert"></figure>
+<h1>Påmeldte kadaverløpet 2024</h1>
+</div>
+<h2>Oppdatert 11.10.24</h2>
+<table>
+<tbody>
+<?php
+$query = ["paameldte"];
+include("get_table.php");
+?>
+</tbody>
+<footer>
+</table>
+<h3>Laget av Trygve. <a href="https://git.willy.club/Trygve/elektronisk-kadaver-tidtakingssystem">Kildekode</a></h3>
+<figure><img src="img/NMBUI.webp" alt="" width="200px"></figure>
+</footer>
+</body>
+</html>
--- a/registrering.php
+++ b/registrering.php
@ -5,7 +5,7 @@
    <title>EKT</title>
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta name="description" content="Elektronisk Kadaver Tidtakningssystem" />
-    <link rel="stylesheet" href="https://matcha.mizu.sh/matcha.css">
+    <link rel="stylesheet" href="matcha.css">
    <style>
        .passed {
            background-color: #8ff0a4;
@ -15,26 +15,32 @@
            flex-wrap: wrap;
            justify-content: space-evenly;
        }
+        .bg-success {
+	        background: var(--bg-success) !important;
+        }
+        .bg-active {
+	        background: var(--bg-active) !important;
+        }
    </style>
 </head>
 <body>
 <fieldset>
    <legend>Velg post</legend>
    <label>
-      <input type="radio" name="post" value="1">
+      <input type="radio" name="post" value="1" onclick="update()">
      1. Matpost
    </label>
    <label>
-      <input type="radio" name="post" value="2">
+      <input type="radio" name="post" value="2" onclick="update()">
      2. Matpost
    </label>
    <label>
-      <input type="radio" name="post" value="3">
+      <input type="radio" name="post" value="3" onclick="update()">
      Mål
    </label>
  </fieldset>

-
+<button onmousedown="update()">Oppdater</button>
 <input id="search" type="number" class="form-control"  onkeyup="filterTable()"  placeholder="Søk">
 <br>

@ -52,8 +58,22 @@ print_r($action)
 // Hvilken matpost vi er på:
 var control = location.search[1];

+function get_control() {
+    try {
+      return document.querySelector('input[name="post"]:checked').value;
+    }
+    catch (error) {
+      return 0;
+    }
+}
+
 function register_runner(id) {
-    control = document.querySelector('input[name="post"]:checked').value;
+    control = get_control();
+    if (control == 0) {
+      console.error(error);
+      alert("Velg en post!");
+      return 0;
+    }
    let formData = new FormData();
    formData.append(name= 'control', value=control);
    formData.append(name= 'id', value=id);
@ -63,31 +83,9 @@ function register_runner(id) {
        method: "POST",
        body: formData,
    });
+    update()
+    //document.getElementById("search").focus()
 };
-function update_runner_status(id, name) {
-    update_row(id, name, true);
-    register_runner(id);
-}
-
-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="update_runner_status(${id}, '${name}')">✓</button>`
-        return `<tr id="${id}"><td>${id}</td><td>${name}</td><td>${button}</td></tr>`
-    }
-    else {
-        button = `<button onclick="update_runner_status(${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 = "<tr><th>#</th><th>Navn</th><th></th>";
@ -120,9 +118,20 @@ function filterTable() {
 function update_row(id, name, passed) {
    row = document.getElementById(id)
    row.innerHTML = create_row(id, name, passed)
-    row.classList.add("passed");
+    row.classList.add("bg-success");
 }
-table = document.getElementById("runners")
-table.innerHTML = create_rows(read_db())
+
+function update() {
+        const table = document.getElementById("runners");
+        control = get_control();
+        const myRequest = new Request(`get_table.php?registrering,`+control);
+        fetch(myRequest)
+        .then((response) => response.text())
+        .then((text) => {
+        table.innerHTML = text;
+        });
+    }
+
+update()
 </script>
 <html>
Author	SHA1	Message	Date
Trygve	91ada2809d	Side med påmeldinger	2024-10-11 18:04:42 +02:00
Trygve	40f8468cd4	Lasta ned matcha.css	2024-10-11 18:04:23 +02:00
Trygve	a51be0c2bf	pynt	2024-10-11 17:41:43 +02:00
Trygve	fb0d6cd678	Flytta tabellproduseringa til php	2024-10-11 17:41:20 +02:00