Flytta tabellproduseringa til php
This commit is contained in:
Trygve
parent
dbcbaff3e1
commit
fb0d6cd678
@ -108,6 +108,52 @@ for ($i = 0; $i < count($timings); $i++) {
|
||||
}
|
||||
|
||||
usort($runners, "cmp");
|
||||
|
||||
$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");
|
||||
}
|
||||
}
|
||||
else {
|
||||
echo(" <tr>
|
||||
<th>#</th>
|
||||
<th>Startnummer</th>
|
||||
@ -133,3 +179,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");
|
||||
}
|
||||
}
|
||||
@ -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>
|
||||
Loading…
Reference in New Issue
Block a user