493 lines
26 KiB
PHP
493 lines
26 KiB
PHP
<div class="col-sm-12 mainpagina" id ="pagijkpunten">
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-5" >
|
|
<div style = "max-height: 300px; overflow-y:auto">
|
|
|
|
<!-- ko if : orgsoort() ==4 -->
|
|
<div data-bind="visible: orgsoort()== 4, with: toporg">
|
|
<p data-bind="text: brin + ' - ' + naam"></p>
|
|
</div>
|
|
<!-- /ko -->
|
|
|
|
<!-- ko if : orgsoort() ==3 -->
|
|
<div data-bind="visible: orgsoort() == 3">
|
|
<table style="width: 100%;">
|
|
<tbody data-bind="with: toporg">
|
|
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
|
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
|
<button class="noshowklein openbutton"
|
|
data-bind="css: {'closebutton': geopend() }">
|
|
</button>
|
|
</td>
|
|
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible: geopend">
|
|
<td></td>
|
|
<td colspan = 2>
|
|
<table style="width: 100%;">
|
|
<tbody data-bind="foreach: scholen">
|
|
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
|
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- /ko -->
|
|
|
|
<!-- ko if: orgsoort() ==2 -->
|
|
|
|
<table style="width: 100%">
|
|
<tbody data-bind="foreach: toporg">
|
|
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
|
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
|
<button class="noshowklein openbutton"
|
|
data-bind="css: {'closebutton': geopend() }">
|
|
</button>
|
|
</td>
|
|
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible: geopend">
|
|
<td></td>
|
|
<td colspan = 2 style="padding-left: 20px;">
|
|
<table style="width: 100%">
|
|
<tbody data-bind="foreach: bgs">
|
|
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
|
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
|
<button class="noshowklein openbutton"
|
|
data-bind="css: {'closebutton': geopend() }">
|
|
</button>
|
|
</td>
|
|
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible: geopend">
|
|
<td></td>
|
|
<td colspan = 2 style="padding-left: 20px;">
|
|
<table>
|
|
<tbody data-bind="foreach: scholen">
|
|
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
|
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
<!-- /ko -->
|
|
|
|
<!-- ko if: orgsoort() ==1 -->
|
|
<table style="width: 100%;">
|
|
<tbody data-bind="foreach: toporg">
|
|
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
|
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
|
<button class="noshowklein openbutton"
|
|
data-bind="css: {'closebutton': geopend() }">
|
|
</button>
|
|
</td>
|
|
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible: geopend()">
|
|
<td></td>
|
|
<td colspan = 2>
|
|
<table style="width: 100%;">
|
|
<tbody data-bind="foreach: kamers">
|
|
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
|
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
|
<button class="noshowklein openbutton"
|
|
data-bind="css: {'closebutton': geopend() }">
|
|
</button>
|
|
</td>
|
|
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
|
|
<tr data-bind="visible: geopend()">
|
|
<td></td>
|
|
<td colspan = 2>
|
|
<table style="width: 100%;">
|
|
<tbody data-bind="foreach: bgs">
|
|
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
|
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
|
<button class="noshowklein openbutton"
|
|
data-bind="css: {'closebutton': geopend() }">
|
|
</button>
|
|
</td>
|
|
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible:geopend()">
|
|
<td></td>
|
|
<td colspan = 2>
|
|
<table style="width: 100%;">
|
|
<tbody data-bind="foreach: scholen">
|
|
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
|
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!-- /ko -->
|
|
</div >
|
|
<div data-bind="visible: medewerkerKiezen()== true" style="margin-top:10px">
|
|
Medewerker:
|
|
<select data-bind=" options : users,
|
|
optionsText : 'naam',
|
|
value : selectedUser,
|
|
event : {change: fGetUserScores},
|
|
enable : users().length >= 1 ">
|
|
</select>
|
|
</div>
|
|
|
|
<hr />
|
|
|
|
|
|
|
|
</div> <!-- col-md-4 -->
|
|
|
|
<div class= col-xs-5>
|
|
<button style="background-color: #A28A29; color: white; box-shadow: 1px 1px 2px #faf7eb; font-weight: bold;
|
|
margin-top; 20px;" data-bind="click: fGetVergelijkbareVersies">Selecteer een lijst
|
|
</button>
|
|
|
|
|
|
<div style="margin-top: 40px;" data-bind="visible: nietIngevuld()==true " >
|
|
Dit instrument is (nog) niet ingevuld door de geselecteerde organisatie of persoon.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row" data-bind="visible: erzijnlijsten()== true">
|
|
|
|
<div >
|
|
<button class="printer" style=" float: right; display: inline; margin-right: 10px;"
|
|
data-bind="click: fPrintIJkpuntenBar">
|
|
</button>
|
|
|
|
|
|
<div id="hc-chart1" style="min-width: 310px; height: 475px; margin: 0 auto" >
|
|
</div>
|
|
|
|
<canvas style="display: none" id="ijkpuntencanvas">
|
|
</canvas>
|
|
<div data-bind="with: selectedSerie()" style="margin-left: 50px;">
|
|
<span style="font-weight: bold; "
|
|
data-bind="text: 'Versie: ' + naam + ', scoretype: ' + scoreomschrijving ">
|
|
</span>
|
|
</div>
|
|
<table style="margin-top: 5px; margin-left: 50px; " data-bind="foreach: lijsten" >
|
|
<tr data-bind="visible: erzijnscores() == true">
|
|
<td style="width: 30px; font-weight: bold" data-bind=" text: periodenummer"></td>
|
|
<td style="padding-left:10px; "data-bind="text: ': ' + vantm + ', ' + wijik"></td>
|
|
</tr>
|
|
</table>
|
|
<table style="margin-left: 50px; margin-bottom: 20px">
|
|
<tr >
|
|
<td style=" width: 30px; "><div style="border-bottom: 3px solid #404040; margin-bottom: 1px;"></div></td>
|
|
<td style="padding-left:10px;">: ambitie</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="col-xs-12 ">
|
|
<div style="margin-left: 30px" >
|
|
|
|
<table style="float: left; width: 300px;" >
|
|
<thead>
|
|
<tr style="height: 100px;">
|
|
<th
|
|
style="border-right: 2px solid white; width:50px; padding-left: 10px;vertical-align: top; border-bottom: none">
|
|
nr
|
|
</th>
|
|
<th
|
|
style="border-right: 2px solid white; width:400px; padding-left: 4px;vertical-align: top; border-bottom: none" data-bind="text: label"
|
|
>
|
|
</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody >
|
|
|
|
<!--ko foreach: ijkpunten -->
|
|
<tr class="clickable" style="border-bottom: 1px solid #ebebeb; max-height: 30px;" data-bind="click: $root.fToonToelichting;">
|
|
|
|
<td style="vertical-align:top; padding-left: 10px;height: 20px;" data-bind="text: nummer">
|
|
</td>
|
|
<td style="vertical-align:top; padding-left: 4px; height: 20px; text-overflow: ellipsis" data-bind="text: omschrijving ">
|
|
</td>
|
|
|
|
</tr>
|
|
<!-- /ko -->
|
|
|
|
<tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;" >
|
|
<td style="vertical-align:top; padding-left: 10px;height: 20px;">
|
|
</td>
|
|
<td style="vertical-align:top; padding-left: 4px; height: 20px; text-overflow: ellipsis" >gemiddelde
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
|
|
|
|
</table>
|
|
</div>
|
|
|
|
<div style="margin-left: 30px" data-bind="foreach: lijsten">
|
|
<!-- Nieuwste meting + ijkpunten van school, bestuur en kamer-->
|
|
<table style="float: left; width: 150px;" data-bind="visible: $root.isSWV()==false && tooninfo() == true">
|
|
<thead>
|
|
<tr style="height: 40px;">
|
|
<th colspan="2"
|
|
style="border-right: 2px solid white; width: 100px; font-size: 10px; border-bottom: 1px solid #a07b8e;"
|
|
data-bind="text: vantm ">
|
|
</th>
|
|
</tr>
|
|
<tr style="height: 40px;">
|
|
<th colspan="1"
|
|
style="border-right: 1px solid #a07b8e; overflow: hidden; text-overflow: ellipsis; vertical-align: top; font-size: 10px; padding-left: 3px;"
|
|
data-bind=" text: $root.selectedUser() ? $root.selectedUser().naam : orgnaam">
|
|
</th>
|
|
|
|
<th colspan="1"
|
|
style="overflow: hidden; text-overflow: ellipsis; font-size: 10px;vertical-align: top; border-right: 2px solid white; padding-left: 3px;"
|
|
data-bind=" text: naamV">
|
|
</th>
|
|
</tr>
|
|
<tr style="height: 20px;">
|
|
<th colspan="1" style="font-size: 10px; border-right: 1px solid #a07b8e; padding-left: 3px;"
|
|
data-bind="text: 'metingen: ' + metingen " >
|
|
</th>
|
|
<th colspan="1" style="font-size: 10px; border-right: 2px solid white; padding-left: 3px;"
|
|
data-bind="text: 'metingen: ' + metingenV"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach: scores">
|
|
<tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;" data-bind="click: $root.fToonToelichting;">
|
|
<td colspan="1" style="text-align:right; vertical-align:top; padding-right: 5px; color:#ffffff;"
|
|
data-bind="text: gem,
|
|
style: {backgroundColor: kleur}">
|
|
</td>
|
|
<td colspan="1" style="text-align:right; vertical-align:top; padding-right: 5px; border-left: 1px solid #a07b8e; color:#ffffff;"
|
|
data-bind="text: gemV,
|
|
style: {backgroundColor: kleurV}">
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!-- metingen ter vergelijking van school bestuur en kamer-->
|
|
|
|
<table style="float: left; width: 150px;" data-bind="visible: tooninfo() == false && $root.isSWV() == false && erzijnscores()== true; ">
|
|
<thead>
|
|
<tr style="height: 40px; border-bottom: none">
|
|
<th colspan="2"
|
|
style="border-right: 2px solid white; font-size: 10px; border-bottom: 1px solid #a07b8e;"
|
|
data-bind="text: vantm ">
|
|
</th>
|
|
</tr>
|
|
<tr style="height: 40px;">
|
|
<th colspan="1"
|
|
style="border-right: 1px solid #a07b8e; overflow: hidden; text-overflow: ellipsis; vertical-align: top; font-size: 10px; padding-left: 3px;"
|
|
data-bind=" text: orgnaam">
|
|
</th>
|
|
<th colspan="1"
|
|
style="overflow: hidden; text-overflow: ellipsis; font-size: 10px; vertical-align: top; border-right: 2px solid white; padding-left: 3px;"
|
|
data-bind=" text: naamV" >
|
|
</th>
|
|
</tr>
|
|
<tr style="height: 20px;">
|
|
<th colspan="1"
|
|
style="font-size: 10px; border-right: 1px solid #a07b8e; padding-left: 3px;"
|
|
data-bind="text: 'metingen: ' + metingen " >
|
|
</th>
|
|
<th colspan="1"
|
|
style="font-size: 10px; border-right: 2px solid white; padding-left: 3px;"
|
|
data-bind="text: 'metingen: ' + metingenV " >
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach: scores">
|
|
<tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;">
|
|
<td colspan="1"
|
|
style="text-align:right; vertical-align:top; padding-right: 5px; color:#ffffff;"
|
|
data-bind="text: gem,
|
|
style: {backgroundColor: kleur}">
|
|
</td>
|
|
<td colspan="1"
|
|
style="text-align:right; vertical-align:top; padding-right: 5px; border-left: 1px solid #a07b8e; color:#ffffff"
|
|
data-bind="text: gemV,
|
|
style: {backgroundColor: kleurV}">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<!-- Nieuwste meting + ijkpunten van swv-->
|
|
<table style="float: left; width: 150px;" data-bind="visible: tooninfo()== true && $root.isSWV() == true ">
|
|
<thead>
|
|
<tr >
|
|
<th style= "border-right: 2px solid white; width: 100px; font-size: 10px; height: 40px; border-bottom: 1px solid #a07b8e;"
|
|
data-bind="text: vantm ">
|
|
</th>
|
|
</tr>
|
|
<tr style="height: 40px; ">
|
|
<th style=" overflow: hidden; text-overflow: ellipsis; vertical-align: top; font-size: 10px; height: 40px; padding-left: 3px;"
|
|
data-bind=" text: orgnaam">
|
|
</th>
|
|
</tr>
|
|
<tr style="height: 20px; ">
|
|
<th style="font-size: 10px; padding-left: 3px; height: 20px;"
|
|
data-bind="text: 'metingen: ' + metingen " >
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach: scores">
|
|
<tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;">
|
|
<td style="text-align:right; vertical-align:top; padding-right: 5px; color:#ffffff;"
|
|
data-bind="text: gem,
|
|
style: {backgroundColor: kleur}">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<!-- Metingen ter vergelijking van swv-->
|
|
<table style="float: left; width: 150px;" data-bind="visible: tooninfo() == false && $root.isSWV() == true">
|
|
<thead>
|
|
<tr style="height: 40px; border-bottom: none">
|
|
<th style="border-right: 2px solid white; font-size: 10px; height: 40px;border-bottom: 1px solid #a07b8e;"
|
|
data-bind="text: vantm ">
|
|
</th>
|
|
</tr>
|
|
<tr style="height: 40px;">
|
|
<th
|
|
style="border-right: 2px solid white; height: 40px; overflow: hidden; text-overflow: ellipsis; vertical-align: top; font-size: 10px; padding-left: 3px;"
|
|
data-bind=" text: orgnaam">
|
|
</th>
|
|
</tr>
|
|
<tr style="height: 20px;">
|
|
<th style="font-size: 10px; border-right: 2px solid white; padding-left: 3px; height: 20px"
|
|
data-bind="text: 'metingen: ' + metingen " >
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach: scores">
|
|
<tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;">
|
|
<td style="text-align:right; vertical-align:top; padding-right: 5px; color:#ffffff;"
|
|
data-bind="text: gem,
|
|
style: {backgroundColor: kleur}">
|
|
</td >
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="row" data-bind="visible: erzijnlijsten()== true">
|
|
<table style=" margin-top: 20px; margin-left: 50px; width: 230px;" data-bind="with: scorekleuren, visible: erzijnlijsten() == true">
|
|
<tr data-bind="visible: $root.scoretype != 7 ">
|
|
<td style="width: 30px; border-bottom: 1px solid #ebebeb; background-color: #99d6ff"></td>
|
|
<td style="padding-left:10px; border-bottom: 1px solid #ebebeb;"data-bind="text: 'score >= ' + grens3 + ' en <= ' + grens4"></td>
|
|
</tr>
|
|
|
|
<tr data-bind="visible: $root.scoretype == 7">
|
|
<td style="width: 30px; border-bottom: 1px solid #ebebeb; background-color: #99d6ff"></td>
|
|
<td style="padding-left:10px; border-bottom: 1px solid #ebebeb;"data-bind="text: 'score = ' + grens4"></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 30px; border-bottom: 1px solid #ebebeb; background-color: #9fdf9f"></td>
|
|
<td style="padding-left:10px; border-bottom: 1px solid #ebebeb;" data-bind="text: 'score >= ' + grens2 + ' en < ' + grens3"></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 30px; border-bottom: 1px solid #ebebeb;background-color: #ffcc80"></td>
|
|
<td style="padding-left:10px; border-bottom: 1px solid #ebebeb;" data-bind="text: 'score >= ' + grens1 + ' en < ' + grens2"></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 30px; border-bottom: 1px solid #ebebeb; background-color: #e08885"></td>
|
|
<td style="padding-left:10px; border-bottom: 1px solid #ebebeb;" data-bind="text: 'score < ' + grens1 "></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 "data-bind="visible: erzijnlijsten() == true">
|
|
<div class="col-xs-5">
|
|
<h4 style="margin-top: 30px; margin-left: 10px;">Ambities</h4>
|
|
<div data-bind="foreach: lijsten" style="margin: 5px">
|
|
<div class="col-xs-11" style="background-color:#f5f0f2; padding: 5px; padding-left: 10px;border-radius: 2px" data-bind="visible: ambities() == true">
|
|
<p style="font-weight: bold; margin-bottom: 10px" data-bind="text: vantm + ':'"></p>
|
|
<p style="margin-bottom: 10px"data-bind="text: 'gemiddelde score ' + gemscore + '%' "></p>
|
|
<p style="margin-bottom: 10px"data-bind="text: 'minimaal ' + ijkpunten + ' ' + label + ' op ' + zprocent + ' % of hoger' ">
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-5 ">
|
|
<h4 style="margin-top: 30px; ">Resultaten</h4>
|
|
<div data-bind="foreach: lijsten" >
|
|
<div data-bind="visible: metingen > 0;" style="background-color:#f5f0f2; padding: 5px; padding-left: 10px; border-radius: 2px;">
|
|
<p style="font-weight: bold; margin-bottom: 10px; "data-bind="text: vantm + ':'"></p>
|
|
<p data-bind= " text: 'gemiddelde score ' + totgem + ' %, ' +
|
|
ijkpuntenok + ' ' + label +
|
|
' op ' + zprocent + '% of hoger'">
|
|
</p>
|
|
<p style="margin-bottom: 10px" data-bind="text: 'hoogst scorende ' + label + ' is nummer ' + welkehoogste +
|
|
' met een score van ' + hoogstescore"></p>
|
|
<p style="margin-bottom: 10px" data-bind="text: 'laagst scorende ' + label + ' is nummer ' + welkelaagste +
|
|
' met een score van ' + laagstescore">
|
|
</p>
|
|
</div>
|
|
<div style="margin-bottom: 10px; background-color: white; ">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<?php $this->load->view("monpas/modals/ijkpuntenlijst_modal"); ?>
|
|
|
|
</div>
|
|
|