342 lines
13 KiB
PHP
342 lines
13 KiB
PHP
<div class="col-sm-12 mainpagina" id ="pagdiversiteit">
|
|
<div class="row" data-bind="visible: groepen().length <=0">
|
|
Er zijn (nog) geen groepsgegevens ingevoerd.
|
|
</div>
|
|
<div class="row" data-bind="visible: groepen().length > 0 && schooldiversiteit() >0 ">
|
|
<h4>Diversiteitomvang
|
|
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintDiversiteitMatrix"></button>
|
|
</h4>
|
|
<table>
|
|
<tr class="kopje">
|
|
<td style="width: 200px"></td>
|
|
<!-- ko foreach: groepen -->
|
|
<td style=" text-align: right; vertical-align: text-top" data-bind="text: naam"></td>
|
|
<!-- /ko-->
|
|
<td style="text-align: right">Schooltotaal</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td> Totaal aantal leerlingen</td>
|
|
<!-- ko foreach: groepen -->
|
|
<td style="text-align:right" data-bind="text: totaantal"></td>
|
|
<!-- /ko-->
|
|
<td style= "text-align: right; " data-bind="text: schooltotaal"></td>
|
|
</tr>
|
|
|
|
|
|
<tr style="background-color: #f2f2f2">
|
|
<td data-bind="attr: {'colspan': $root.groepen().length + 2}">
|
|
<i>Uitsplitsing onderwijsvraag per groep</i>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr class="kopje">
|
|
<td data-bind="attr: {'colspan': $root.groepen().length + 2},
|
|
text: module() && module() == 2 ? 'Basisondersteuning' : 'Basiskwaliteit'">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Totaal</td>
|
|
<!-- ko foreach: groepen -->
|
|
<td style="text-align:right" data-bind="text:som1"></td>
|
|
<!-- /ko-->
|
|
<td style= "text-align: right; " data-bind="text: schoolsom1"></td>
|
|
</tr>
|
|
|
|
|
|
<tr class="kopje">
|
|
<td data-bind="attr: {'colspan': $root.groepen().length + 2},
|
|
text: module() && module() == 2 ? 'Basisondersteuning-plus' : 'Basisondersteuning'">
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- ko foreach: ondersteuningsvormen -->
|
|
<tr data-bind="visible: nivo==2">
|
|
<td data-bind="text: naam"></td>
|
|
<!-- ko foreach: groepsaantallen -->
|
|
<td style="text-align:right" data-bind="text: aantal"></td>
|
|
<!-- /ko -->
|
|
<td style="text-align: right" data-bind="text: vormtotaal"></td>
|
|
</tr>
|
|
<!-- /ko -->
|
|
<tr style="border-top: 1px solid #ebebeb">
|
|
<td>Totaal</td>
|
|
<!-- ko foreach: groepen -->
|
|
<td style="text-align:right" data-bind="text:som2"></td>
|
|
<!-- /ko-->
|
|
<td style= "text-align: right; " data-bind="text: schoolsom2"></td>
|
|
</tr>
|
|
|
|
|
|
<tr class="kopje">
|
|
<td data-bind="attr: {'colspan': $root.groepen().length + 2},
|
|
text: module() && module() == 2 ? 'Extra ondersteuning' : 'Extra ondersteuning (licht)' ">
|
|
</td>
|
|
</tr>
|
|
<!-- ko foreach: ondersteuningsvormen -->
|
|
<tr data-bind="visible: nivo==3">
|
|
<td data-bind="text: naam"></td>
|
|
<!-- ko foreach: groepsaantallen -->
|
|
<td style="text-align:right" data-bind="text: aantal"></td>
|
|
<!-- /ko -->
|
|
<td style="text-align: right" data-bind="text: vormtotaal"></td>
|
|
</tr>
|
|
<!-- /ko -->
|
|
<tr style="border-top: 1px solid #ebebeb">
|
|
<td>Totaal</td>
|
|
<!-- ko foreach: groepen -->
|
|
<td style="text-align:right" data-bind="text:som3"></td>
|
|
<!-- /ko-->
|
|
<td style= "text-align: right; " data-bind="text: schoolsom3"></td>
|
|
</tr>
|
|
|
|
|
|
<tr class="kopje">
|
|
<td data-bind="attr: {'colspan': $root.groepen().length + 2},
|
|
text: module() && module() == 2 ? 'Extra ondersteuning-plus' : 'Extra ondersteuning (zwaar)'">
|
|
|
|
</td>
|
|
</tr>
|
|
<!-- ko foreach: ondersteuningsvormen -->
|
|
<tr data-bind="visible: nivo==4">
|
|
<td data-bind="text: naam"></td>
|
|
<!-- ko foreach: groepsaantallen -->
|
|
<td style="text-align:right" data-bind="text: aantal"></td>
|
|
<!-- /ko -->
|
|
<td style="text-align: right" data-bind="text: vormtotaal"></td>
|
|
</tr>
|
|
<!-- /ko -->
|
|
<tr style="border-top: 1px solid #ebebeb">
|
|
<td>Totaal</td>
|
|
<!-- ko foreach: groepen -->
|
|
<td style="text-align:right" data-bind="text:som4"></td>
|
|
<!-- /ko-->
|
|
<td style= "text-align: right; " data-bind="text: schoolsom4"></td>
|
|
</tr>
|
|
<tr class="kopje">
|
|
<td> Totale diversiteit per groep</td>
|
|
<!-- ko foreach: groepen() -->
|
|
<td style="text-align:right" data-bind= "text: diversiteit"></td>
|
|
<!-- /ko -->
|
|
<td style="text-align:right" data-bind="text: $root.schooldiversiteit"></td>
|
|
</tr>
|
|
<tr >
|
|
<td> DQ's</td>
|
|
<!-- ko foreach: groepen() -->
|
|
<td style="text-align:right" data-bind= "text: DQ"></td>
|
|
<!-- /ko -->
|
|
<td style="text-align:right" data-bind="text: $root.schoolDQ"></td>
|
|
|
|
</tr>
|
|
</table>
|
|
|
|
<hr />
|
|
<p>Normatieve aantallen</p>
|
|
<p> Groep 1-2: <span data-bind="text: normaantallen()[0]"></span></p>
|
|
<p> Groep 3-8: <span data-bind="text:normaantallen()[1]"></span></p>
|
|
<hr/>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="col-sm-12 col-md-6">
|
|
<button class="printer" style="float: right; margin-right: 20px;" data-bind="click: fPrintDiversiteitBar"></button>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 col-md-6">
|
|
|
|
<div id="dqpergroepX" style="width: 100%"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-6">
|
|
<h4> Leerlingaantallen
|
|
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintLeerlingaantallen"></button>
|
|
</h4>
|
|
<table>
|
|
<tr class="kopje">
|
|
<td style="width: 70%">Leerlingen</td>
|
|
<td style="width: 10%; text-align: right">Aantal</td>
|
|
<td style="width:10%; text-align:right">Percentage</td>
|
|
<td style="width: 10%; text-align:right">Richtlijn</td>
|
|
</tr>
|
|
<tr>
|
|
<td> Totaal aantal leerlingen: </td>
|
|
<td style="text-align: right" data-bind="text:schooltotaal"></td>
|
|
<td style="text-align: right"></td>
|
|
<td ></td>
|
|
</tr>
|
|
<tr>
|
|
<td> Aantal groepen </td>
|
|
<td style="text-align: right" data-bind="text: groepen().length"></td>
|
|
<td style="text-align: right"></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td> Aantal leerlingen categorie 1</td>
|
|
<td style="text-align: right" data-bind="text:schoolsom1"></td>
|
|
<td style="text-align: right" data-bind="text: schooltotaal() == 0 ? '' : Math.round( (schoolsom1()/schooltotaal()) * 100) + '%' "></td>
|
|
<td style="text-align: right">85%</td>
|
|
</tr>
|
|
<tr>
|
|
<td> Aantal leerlingen categorie 2</td>
|
|
<td style="text-align: right" data-bind="text:schoolsom2"></td>
|
|
<td style="text-align: right" data-bind="text: schooltotaal() == 0 ? '' : Math.round( (schoolsom2()/schooltotaal()) * 100) + '%' "></td>
|
|
<td style="text-align: right">10%</td>
|
|
</tr>
|
|
<tr>
|
|
<td> Aantal leerlingen categorie 3</td>
|
|
<td style="text-align: right" data-bind="text:schoolsom3"></td>
|
|
<td style="text-align: right" data-bind="text: schooltotaal() == 0 ? '' : Math.round( (schoolsom3()/schooltotaal()) * 100) + '%' "></td>
|
|
<td style="text-align: right">3%</td>
|
|
</tr>
|
|
<tr>
|
|
<td> Aantal leerlingen categorie 4</td>
|
|
<td style="text-align: right" data-bind="text:schoolsom4"></td>
|
|
<td style="text-align: right" data-bind="text: schooltotaal() == 0 ? '' : Math.round( (schoolsom4()/schooltotaal()) * 100) + '%' "></td>
|
|
<td style="text-align: right">2%</td>
|
|
</tr>
|
|
<tr>
|
|
<td> Totaal gewogen diversiteit</td>
|
|
<td style="text-align: right" data-bind="text:schooldiversiteit"></td>
|
|
<td style="text-align: right" ></td>
|
|
</tr>
|
|
<tr>
|
|
<td> DQ school</td>
|
|
<td style="text-align: right" data-bind="text:schoolDQ"></td>
|
|
<td style="text-align: right" ></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="col-sm-12 col-md-6" >
|
|
<h4> Diversiteitsquotiënten (DQ)
|
|
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintQuotienten"></button>
|
|
</h4>
|
|
<table id='quotienten'>
|
|
<tr class="kopje">
|
|
<td style="width: 200px"> Groep</td>
|
|
<td style="width: 100px"> DQ</td>
|
|
</tr>
|
|
<tbody data-bind="foreach: groepen">
|
|
<tr>
|
|
<td data-bind= "text : naam"></td>
|
|
<td data-bind="text :DQ"></td>
|
|
</tr>
|
|
</tbody>
|
|
<tr style="border-top: 1px solid #ebebeb">
|
|
<td>School</td>
|
|
<td data-bind="text: $root.schoolDQ()"></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<hr/>
|
|
<div class="row">
|
|
<div class="col-sm-12" data-bind="visible: ondersteuningSchool() == false">
|
|
<p>Geen ondersteuning voor groepen</p>
|
|
</div>
|
|
<div class="col-sm-12 " data-bind="visible: ondersteuningSchool() ">
|
|
<h4>Ondersteuningsmatrix
|
|
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintOndersteuningsmatrix"></button>
|
|
</h4>
|
|
<table style="border-collapse: collapse; border: 1px solid #ebebeb;">
|
|
<tr class="kopje">
|
|
<td style="width: 110px">Groep</td>
|
|
<td>DQ</td>
|
|
<td>Maandag</td>
|
|
<td>Dinsdag</td>
|
|
<td>Woensdag</td>
|
|
<td>Donderdag</td>
|
|
<td>Vrijdag</td>
|
|
<td title="Totale extra ondersteuningstijd">Totaal</td>
|
|
</tr>
|
|
<tbody data-bind="foreach: groepen">
|
|
<tr>
|
|
<td style= " border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;" data-bind="text:naam"></td>
|
|
<td style= "border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;" data-bind="text:DQ"></td>
|
|
|
|
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
|
<!-- ko foreach:tijden -->
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 1"></p>
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 1"></p>
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 1"></p>
|
|
<!-- /ko -->
|
|
</td>
|
|
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
|
<!-- ko foreach:tijden -->
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 2"></p>
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 2"></p>
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 2"></p>
|
|
<!-- /ko -->
|
|
</td>
|
|
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
|
<!-- ko foreach:tijden -->
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 3"></p>
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 3"></p>
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 3"></p>
|
|
<!-- /ko -->
|
|
</td>
|
|
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
|
<!-- ko foreach:tijden -->
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 4"></p>
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 4"></p>
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 4"></p>
|
|
<!-- /ko -->
|
|
</td>
|
|
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
|
<!-- ko foreach:tijden -->
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 5"></p>
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 5"></p>
|
|
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 5"></p>
|
|
<!-- /ko -->
|
|
</td>
|
|
<td class='tar' style= " vertical-align:top; padding-left: 5px; padding-right:5px;" data-bind="text : tottijd "></td>
|
|
</tr>
|
|
</tbody>
|
|
<tr style="background-color:#e7e3e3">
|
|
<td>School</td>
|
|
<td data-bind="text: schoolDQ"></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
|
|
<td class='tar' data-bind="text: schoolTijdstring"></td>
|
|
|
|
</tr>
|
|
</table>
|
|
<p style="font-size: 0.8em; margin-top:20px">G= Ondersteuning in de groep</p>
|
|
<p style="font-size: 0.8em">S= Ondersteuning aan een subgroep buiten de groep </p>
|
|
<p style="font-size: 0.8em">I= Ondersteuning aan een individuele leerling buiten de groep</p>
|
|
</div>
|
|
</div>
|
|
<hr/>
|
|
<div class= "row">
|
|
<div class="col-sm-12" data-bind="visible: ondersteuningSchool() " >
|
|
<h4>Totalen per soort ondersteuning
|
|
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintOndersteuningstotalen"></button>
|
|
</h4>
|
|
<table>
|
|
<tr class="kopje">
|
|
<td style="padding-left: 5px; padding-right: 5px;"> Soort ondersteuning</td>
|
|
<td style="padding-left: 5px; padding-right: 5px;"> Totaal </td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-left: 5px; padding-right: 5px;">(G) Ondersteuning in de groep</td>
|
|
<td style="padding-left: 5px; padding-right: 5px; text-align:right;" data-bind="text: totGstring"></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-left: 5px; padding-right: 5px;" >(S) Ondersteuning aan een subgroep buiten de groep</td>
|
|
<td style="padding-left: 5px; padding-right: 5px; text-align:right;" data-bind="text: totSstring"></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-left: 5px; padding-right: 5px;">(I) Ondersteuning aan een individuele leerling buiten de groep</td>
|
|
<td style="padding-left: 5px; padding-right: 5px; text-align:right;" data-bind="text: totIstring"></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div> <!-- class = row-->
|
|
</div> <!-- main row voor visibility -->
|
|
</div>
|
|
|