70 lines
2.0 KiB
HTML
70 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fi">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Lukujärjestäjä 0.1</title>
|
|
<link href="tyyli.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<input id="kumoa" type="button" value="Kumoa">
|
|
|
|
<details class="ruutu" open>
|
|
<summary>Luokat</summary>
|
|
<ul id="luokat-lista"></ul>
|
|
<form id="luokat-uusi">
|
|
<input id="luokat-uusi-nimi" type="text" placeholder="luokka" required>
|
|
<input type="submit" value="+">
|
|
</form>
|
|
</details>
|
|
|
|
<details class="ruutu" open>
|
|
<summary>Opettajat</summary>
|
|
<ul id="opettajat-lista"></ul>
|
|
<form id="opettajat-uusi">
|
|
<input id="opettajat-uusi-nimi" type="text" placeholder="nimi" required>
|
|
<input id="opettajat-uusi-lyhenne" type="text" placeholder="lyhenne">
|
|
<input type="submit" value="+">
|
|
</form>
|
|
</details>
|
|
|
|
<details class="ruutu" open>
|
|
<summary>Tilat</summary>
|
|
<ul id="tilat-lista"></ul>
|
|
<form id="tilat-uusi">
|
|
<input id="tilat-uusi-nimi" type="text" placeholder="tila" required>
|
|
<input type="submit" value="+">
|
|
</form>
|
|
</details>
|
|
|
|
<details class="ruutu" open>
|
|
<summary>Tunnit</summary>
|
|
<ul id="tunnit-lista"></ul>
|
|
<form id="tunnit-uusi">
|
|
<input id="tunnit-uusi-nimi" type="text" placeholder="tunti" required>
|
|
<input id="tunnit-uusi-kertaa" type="number" min="1" value="1" required>
|
|
<label for="tunnit-uusi-kertaa">kertaa viikossa</label>
|
|
<fieldset>
|
|
<legend>Luokat</legend>
|
|
<ul id="tunnit-uusi-luokat" class="valintalista"></ul>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>Opettajat</legend>
|
|
<ul id="tunnit-uusi-opettajat" class="valintalista"></ul>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>Tilat</legend>
|
|
<ul id="tunnit-uusi-tilat" class="valintalista"></ul>
|
|
</fieldset>
|
|
<input type="submit" value="+">
|
|
</form>
|
|
</details>
|
|
|
|
<script src="tietokanta.js"></script>
|
|
<script src="käyttöliittymä.js"></script>
|
|
<script>
|
|
let _tietokanta = new Tietokanta;
|
|
lataaTietokanta();
|
|
</script>
|
|
</body>
|
|
</html>
|