Toteuta käyttöliittymä tuntien lisäämiseksi
This commit is contained in:
parent
619687da2e
commit
e617e76432
21
index.html
21
index.html
|
@ -43,6 +43,9 @@
|
||||||
#opettajat > li > span {
|
#opettajat > li > span {
|
||||||
margin-left: 0.5em;
|
margin-left: 0.5em;
|
||||||
}
|
}
|
||||||
|
#tunti-kertaa-viikossa {
|
||||||
|
width: 3em;
|
||||||
|
}
|
||||||
.piilotettu {
|
.piilotettu {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@ -75,6 +78,24 @@
|
||||||
</div>
|
</div>
|
||||||
</details>
|
</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>
|
||||||
|
<input id="tunti-kertaa-viikossa" type="number" min="1" value="1">
|
||||||
|
<label for="tunti-kertaa-viikossa">kertaa viikossa</label>
|
||||||
|
<input type="submit" value="+">
|
||||||
|
</form>
|
||||||
|
<ul id="tunnit"></ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
|
||||||
<script src="testit.js"></script>
|
<script src="testit.js"></script>
|
||||||
<script src="tietotyypit.js"></script>
|
<script src="tietotyypit.js"></script>
|
||||||
<script src="tietomalli.js"></script>
|
<script src="tietomalli.js"></script>
|
||||||
|
|
|
@ -73,6 +73,19 @@ function piirräLuokat() {
|
||||||
luokkaAsteLista,
|
luokkaAsteLista,
|
||||||
vanhaLuokkaAsteLista
|
vanhaLuokkaAsteLista
|
||||||
);
|
);
|
||||||
|
|
||||||
|
let vanhaTuntiLuokkaValinta = document.getElementById('tunti-luokka');
|
||||||
|
let tuntiLuokkaValinta = document.createElement('select');
|
||||||
|
tuntiLuokkaValinta.id = 'tunti-luokka';
|
||||||
|
for (let luokka of luokkaAsteet.luokat()) {
|
||||||
|
let valinta = document.createElement('option');
|
||||||
|
valinta.appendChild(document.createTextNode(luokka));
|
||||||
|
tuntiLuokkaValinta.appendChild(valinta);
|
||||||
|
}
|
||||||
|
vanhaTuntiLuokkaValinta.parentNode.replaceChild(
|
||||||
|
tuntiLuokkaValinta,
|
||||||
|
vanhaTuntiLuokkaValinta
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function luoLuokkaAsteLista() {
|
function luoLuokkaAsteLista() {
|
||||||
|
@ -171,6 +184,20 @@ function piirräOpettajat() {
|
||||||
opettajaLista,
|
opettajaLista,
|
||||||
vanhaOpettajaLista
|
vanhaOpettajaLista
|
||||||
);
|
);
|
||||||
|
|
||||||
|
let vanhaTuntiOpettajaValinta = document.getElementById('tunti-opettaja');
|
||||||
|
let tuntiOpettajaValinta = document.createElement('select');
|
||||||
|
tuntiOpettajaValinta.id = 'tunti-opettaja';
|
||||||
|
for (let [lyhenne, nimi] of opettajat.opettajat()) {
|
||||||
|
let valinta = document.createElement('option');
|
||||||
|
valinta.appendChild(document.createTextNode(nimi));
|
||||||
|
valinta.value = lyhenne;
|
||||||
|
tuntiOpettajaValinta.appendChild(valinta);
|
||||||
|
}
|
||||||
|
vanhaTuntiOpettajaValinta.parentNode.replaceChild(
|
||||||
|
tuntiOpettajaValinta,
|
||||||
|
vanhaTuntiOpettajaValinta
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function luoOpettajaLista() {
|
function luoOpettajaLista() {
|
||||||
|
|
Loading…
Reference in New Issue