monpas/application/views/monpas/pages/mondiv/monitordiversiteitso.php

<div class="col-sm-12 mainpagina" id ="pagmonitordiversiteitso">
	
	<h4>Diversiteitsomvang per school
		<button  class="printer" style="margin-left: 30px" data-bind="click: fPrintDiversiteitMonitor, visible: gegevens()"></button>
	</h4>

	<div class="row"  data-bind="visible: gegevens()">
		<div 	class="col-sm-12 col-md-9">
			<table class="lstable" style="font-size:0.9em">
				<thead>
					<tr>
						<th style="width:55%; vertical-align: top">Organisatie</th>
						<th style="width:5%; vertical-align: top"> Aantal&nbsplln</th>
						<th style="width:5%; vertical-align: top">Groepen</th>
						<th style="width:5%; vertical-align: top; text-align: center">SBO</th>
						<th style="width:5%; vertical-align: top; text-align: center">SO-1</th>
						<th style="width:5%; vertical-align: top; text-align: center">SO-2</th>
                        <th style="width:5%; vertical-align: top; text-align: center">SO-3</th>
						<th style="width:5%; vertical-align: top; text-align: center">TGD</th>
						<th style="width:5%; vertical-align: top; text-align: center">DQ</th>
					</tr>
				</thead>
				<tbody data-bind="foreach:bg">
					<tr class='modal-header'>
						<td colspan = 10 data-bind="text: bgkort, attr:{'title': bgnaam}"></td>
					</tr>
					<!-- ko foreach: scholen -->
						<tr style="border-bottom: 1px solid #dbdbdb" data-bind="style: {fontStyle: (naam .indexOf('Gemiddeld') >=0 || naam.indexOf('Totaal') >=0 ) ? 'italic' : 'normal'}">
							<td style= "border-right: 1px solid #dbdbdb" data-bind="text: naam"></td>
							<td style = "text-align: right; border-right: 1px solid #dbdbdb" data-bind="text: aantallln"></td>
							<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:groepen"></td>
							<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:cat5"></td>
							<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:cat6"></td>
							<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:cat7"></td>
							<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:cat8"></td>
							<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text: tgd "></td>
							<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text: dq "></td>
						</tr>
					<!-- /ko -->
				</tbody>
			</table>
			<div data-bind="visible:bg || 1==1" style="margin-top: 40px;">
				<h4>Conclusies</h4>
				<p data-bind="visible: maxdq().dq != mindq().dq">Hoogste diversiteit: <span data-bind="text: maxdq().school "></span>
					met DQ = <span data-bind="text: maxdq().dq"></span>
				</p>
				<p data-bind="visible: maxdq().dq != mindq().dq">Laagste diversiteit:<span data-bind="text: mindq().school "></span>
					met DQ = <span data-bind="text: mindq().dq"></span>
				</p>
                <p data-bind="visible: maxdq().dq == mindq().dq">Diversiteit:&nbsp<span data-bind="text: mindq().school "></span>
                    met DQ = <span data-bind="text: mindq().dq"></span>
                </p>
			</div>
			<hr/>
<!--			<h4>Percentages</h4>-->
            <div class="row">
			<div data-bind="visible : grandtotals().llng > 0">

				<div id="mondivSOXXX" class="col-xs-6"></div>
				<div class="col-xs-6" >
					<table class="lstable">
						<thead>
							<tr style="border-bottom:1px solid #dbdbdb">
								<td>Ondersteuningsvormen</td>
								<td>% leerlingen</td>
							</tr>
						</thead>
						<tr>
							<td>SBO</td>
							<td class="tar"><span data-bind="text: Math.round((grandtotals().cat5 / grandtotals().llng) * 100)  "></span>%</td>
						</tr>
						<tr>
							<td>SO-1</td>
							<td class="tar"><span data-bind="text: Math.round((grandtotals().cat6 / grandtotals().llng) * 100)  "></span>%</td>
						</tr>
						<tr>
							<td>SO-2</td>
							<td class="tar"><span data-bind="text: Math.round((grandtotals().cat7 / grandtotals().llng) * 100)  "></span>%</td>
						</tr>
						<tr>
							<td>SO-3</td>
							<td class="tar"><span data-bind="text: Math.round((grandtotals().cat8 / grandtotals().llng) * 100)  "></span>%</td>
						</tr>
						<tr>
							<td>totaal</td>
							<td class="tar"><span data-bind="text: Math.round((grandtotals().cat56789 / grandtotals().llng) * 100)  "></span>%</td>
						</tr>
					</table>
				</div>
				

			</div>
		</div> <!-- linkerblok -->
        </div>

		<div class="col-sm-12 col-md-3" >	
			 <div style="font-size: 0.8em; border:1px solid #ebebeb">
				<p>Legenda</p>
				<table class="lstable " style="font-size: 0.8em; table-layout:fixed">
					<tr>
						<td style="width: 50px">SBO</td>
						<td>toelaatbaarheidsverklaring speciaal basisonderwijs</td>
					</tr>
					<tr>
						<td>SO-1</td>
						<td>toelaatbaarheidsverklaring speciaal onderwijs 1</td>
					</tr>
					<tr>
						<td>SO-2</td>
						<td>toelaatbaarheidsverklaring speciaal onderwijs 2</td>
					</tr>		
					<tr>
						<td>SO-3</td>
						<td>toelaatbaarheidsverklaring speciaal onderwijs 2</td>
					</tr>

					<tr>
						<td>TGD</td>
						<td>Totaal gewogen diversiteit</td>
					</tr>
					<tr>
						<td>DQ</td>
						<td>Diversiteitsquoti&euml;nt</td>
					</tr>
				</table>
			</div>

		</div> <!-- rechterblok -->
	</div>
    <div data-bind="visible: !gegevens()">
        <h4>Er zijn geen gegevens beschikbaar voor het geselecteerde schooljaar.</h4>
    </div>

</div>