144 lines
3.6 KiB
PHP
144 lines
3.6 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="no">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>EKT</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>
|
|
body {
|
|
padding: 0;
|
|
}
|
|
.settings {
|
|
padding: 0 1.5rem;
|
|
}
|
|
fieldset {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-evenly;
|
|
}
|
|
.bg-success {
|
|
background: var(--bg-success) !important;
|
|
}
|
|
.bg-active {
|
|
background: var(--bg-active) !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="settings">
|
|
<legend>Passord</legend>
|
|
<input type="password" name="passord" id="password">
|
|
<fieldset>
|
|
<legend>Velg post</legend>
|
|
<label>
|
|
<input type="radio" name="post" value="1" onclick="update()">
|
|
1. Matpost
|
|
</label>
|
|
<label>
|
|
<input type="radio" name="post" value="2" onclick="update()">
|
|
2. Matpost
|
|
</label>
|
|
<label>
|
|
<input type="radio" name="post" value="3" onclick="update()">
|
|
Mål
|
|
</label>
|
|
</fieldset>
|
|
|
|
<button onmousedown="update()">Oppdater tabell</button>
|
|
<input id="search" type="number" class="form-control" onkeyup="filterTable()" placeholder="Søk">
|
|
<br>
|
|
</div>
|
|
<table id="runners"></table>
|
|
<script>
|
|
// 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 = get_control();
|
|
if (control == 0) {
|
|
console.error(error);
|
|
alert("Velg en post!");
|
|
return 0;
|
|
}
|
|
let formData = new FormData();
|
|
formData.append(name= 'password', value=document.getElementById('password').value)
|
|
formData.append(name= 'control', value=control);
|
|
formData.append(name= 'id', value=id);
|
|
time = new Date(Date.now()).toISOString().split('.')[0]+"Z"
|
|
formData.append('time', time);
|
|
response = fetch("post.php", {
|
|
method: "POST",
|
|
body: formData,
|
|
})
|
|
.then(response => {
|
|
if (response.status == 401) {
|
|
alert("Feil passord!")
|
|
}
|
|
})
|
|
|
|
update()
|
|
//document.getElementById("search").focus()
|
|
};
|
|
function create_rows(csv) {
|
|
csv = csv.split('\n')
|
|
rows = "<tr><th>#</th><th>Navn</th><th></th>";
|
|
for (i in csv) {
|
|
data = csv[i].split(",")
|
|
rows += create_row(data[0], data[1], false)
|
|
}
|
|
return rows
|
|
}
|
|
function filterTable() {
|
|
var input, filter, table, tr, td, i, txtValue;
|
|
input = document.getElementById("search");
|
|
filter = input.value;
|
|
table = document.getElementById("runners").getElementsByTagName("tbody")[0];
|
|
tr = table.getElementsByTagName("tr");
|
|
|
|
if (filter == "") {
|
|
for (i = 0; i < tr.length; i++) {
|
|
tr[i].style.display = "";
|
|
}
|
|
}
|
|
else {
|
|
for (i = 0; i < tr.length; i++) {
|
|
td = tr[i].getElementsByTagName("td");
|
|
txtValue = td[0].textContent;
|
|
if (txtValue == filter) {
|
|
tr[i].style.display = "";
|
|
} else {
|
|
tr[i].style.display = "none";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
function update_row(id, name, passed) {
|
|
row = document.getElementById(id)
|
|
row.innerHTML = create_row(id, name, passed)
|
|
row.classList.add("bg-success");
|
|
}
|
|
|
|
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;
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |