|
@@ -26,6 +26,14 @@
|
|
|
{/each}
|
|
|
</div>
|
|
|
<div class="column">
|
|
|
+ <h3 class="title">Teilnehmerzahlen</h3>
|
|
|
+ Ganze Woche: {anwesend_wo}
|
|
|
+ <br>Nur Mo/Di: {anwesend_modi}
|
|
|
+ <br>Nur Mi/Do: {anwesend_mido}
|
|
|
+ <h3 class="title">Projektplätze</h3>
|
|
|
+ Ganze Woche: {belegt_wo}/{plaetze_wo}
|
|
|
+ <br>Mo/Di: {belegt_modi}/{plaetze_modi}
|
|
|
+ <br>Mi/Do: {belegt_mido}/{plaetze_mido}
|
|
|
<h3 class="title">Klassen</h3>
|
|
|
<table class="table is-striped">
|
|
|
<thead>
|
|
@@ -231,4 +239,31 @@
|
|
|
}
|
|
|
return `Die Klasse ist ${out} unterwegs`
|
|
|
}
|
|
|
+ let anwesend_wo, anwesend_modi, anwesend_mido
|
|
|
+ $:{
|
|
|
+ anwesend_wo = 0, anwesend_modi = 0, anwesend_mido = 0
|
|
|
+ Object.entries(schueler).forEach(([k,v]) => {
|
|
|
+ const nr = v.length
|
|
|
+ console.log(klassen[k])
|
|
|
+ switch (klassen[k]) {
|
|
|
+ case null: anwesend_wo += nr; break;
|
|
|
+ case 1: anwesend_mido += nr; break;
|
|
|
+ case 2: anwesend_modi += nr; break;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ let plaetze_wo, plaetze_modi, plaetze_mido
|
|
|
+ let belegt_wo, belegt_modi, belegt_mido
|
|
|
+$:{
|
|
|
+ plaetze_wo = 0, plaetze_modi = 0, plaetze_mido = 0
|
|
|
+ belegt_wo = 0, belegt_modi = 0, belegt_mido = 0
|
|
|
+ projekte.forEach(p => {
|
|
|
+ p.woche && (plaetze_wo += p.max_teilnehmer)
|
|
|
+ p.mo_di && (plaetze_modi += p.max_teilnehmer)
|
|
|
+ p.mi_do && (plaetze_mido += p.max_teilnehmer)
|
|
|
+ belegt_wo += parseInt(p.gewaehlt_woche)
|
|
|
+ belegt_modi += parseInt(p.gewaehlt_mo_di)
|
|
|
+ belegt_mido += parseInt(p.gewaehlt_mi_do)
|
|
|
+ })
|
|
|
+ }
|
|
|
</script>
|