Compare commits

...

4 Commits

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
8 changed files with 182 additions and 53 deletions

View File

@ -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,29 +111,89 @@ for ($i = 0; $i < count($timings); $i++) {
$runner->set_split($line[0]-1, $time);
}
usort($runners, "cmp");
echo(" <tr>
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');
</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>
<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');
}
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");
}
$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');
}
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");
}

BIN
img/NMBUI.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 160 KiB

BIN
img/NMBUI.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

BIN
img/kadaver.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 488 KiB

View File

@ -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() {

6
matcha.css Normal file

File diff suppressed because one or more lines are too long

36
paameldte.php Normal file
View File

@ -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>

View File

@ -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>