121 lines
2.8 KiB
HTML
121 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Lukujärjestäjä 0.1</title>
|
|
<style>
|
|
.testit-epäonnistunut {
|
|
background-color: #e77;
|
|
}
|
|
.virhe {
|
|
background-color: #fbb;
|
|
margin-right: 0.5em;
|
|
}
|
|
.luokka-aste-lomake {
|
|
display: inline;
|
|
}
|
|
.ruutu {
|
|
margin: 0.2em;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
.ruutu > summary {
|
|
padding: 0 0.5em;
|
|
background-color: #ccc;
|
|
}
|
|
.ruutu > div {
|
|
padding: 0.5em 0.5em 0;
|
|
}
|
|
.luokka-aste-kenttä {
|
|
width: 3em;
|
|
}
|
|
#luokka-asteet {
|
|
list-style-type: none;
|
|
}
|
|
.luokat {
|
|
display: inline;
|
|
padding: 0;
|
|
}
|
|
.luokat > li {
|
|
margin: 0 0.5em;
|
|
display: inline;
|
|
}
|
|
#opettajat > li > span {
|
|
margin-left: 0.5em;
|
|
}
|
|
#tilat > li > span {
|
|
margin-left: 0.5em;
|
|
}
|
|
#tunnit > li > span {
|
|
margin-left: 0.5em;
|
|
}
|
|
.piilotettu {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body lang="fi">
|
|
<input id="kumoa" type="button" value="Kumoa">
|
|
<input id="tee-uudelleen" type="button" value="Tee uudelleen">
|
|
|
|
<details class="ruutu" open>
|
|
<summary>Luokat</summary>
|
|
<div>
|
|
<input id="lisää-luokka-aste" type="button" value="+ Aste">
|
|
<ul id="luokka-asteet"></ul>
|
|
</div>
|
|
</details>
|
|
|
|
<details class="ruutu" open>
|
|
<summary>Opettajat</summary>
|
|
<div>
|
|
<form id="lisää-opettaja">
|
|
<span class="virhe piilotettu" id="opettaja-virhe">virhe</span>
|
|
<label for="opettaja-nimi">Nimi</label>
|
|
<input id="opettaja-nimi" type="text" required>
|
|
<label for="opettaja-lyhenne">Lyhenne</label>
|
|
<input id="opettaja-lyhenne" type="text">
|
|
<input type="submit" value="+">
|
|
</form>
|
|
<ul id="opettajat"></ul>
|
|
</div>
|
|
</details>
|
|
|
|
<details class="ruutu" open>
|
|
<summary>Tilat</summary>
|
|
<div>
|
|
<form id="lisää-tila">
|
|
<label for="tila-nimi">Nimi</label>
|
|
<input id="tila-nimi" type="text" required>
|
|
<input type="submit" value="+">
|
|
</form>
|
|
<ul id="tilat"></ul>
|
|
</div>
|
|
</details>
|
|
|
|
<details class="ruutu" open>
|
|
<summary>Tunnit</summary>
|
|
<div>
|
|
<form id="lisää-tunti">
|
|
<label for="tunti-nimi">Nimi</label>
|
|
<input id="tunti-nimi" type="text" required>
|
|
<label for="tunti-luokka">Luokka</label>
|
|
<select id="tunti-luokka" required></select>
|
|
<label for="tunti-opettaja">Opettaja</label>
|
|
<select id="tunti-opettaja" required></select>
|
|
<label for="tunti-tila">Tila</label>
|
|
<select id="tunti-tila" required></select>
|
|
<input type="submit" value="+">
|
|
</form>
|
|
<ul id="tunnit"></ul>
|
|
</div>
|
|
</details>
|
|
|
|
<script src="testit.js"></script>
|
|
<script src="tietotyypit.js"></script>
|
|
<script src="tietomalli.js"></script>
|
|
<script src="käyttöliittymä.js"></script>
|
|
<script>ajaTestit();</script>
|
|
</body>
|
|
</html>
|