374 lines
14 KiB
PHP
374 lines
14 KiB
PHP
<div class="col-sm-12 mainpagina" id ="pagmatrix">
|
|
<div class="col-sm-12 col-md-4" >
|
|
<div style = "max-height: 300px; overflow-y:auto">
|
|
|
|
<!-- ko if : orgsoort() ==4 -->
|
|
<div data-bind="visible: orgsoort()== 4, with: toporg">
|
|
<p data-bind="text: 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' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible: geopend">
|
|
<td></td>
|
|
<td >
|
|
<table style="width: 100%;">
|
|
<tbody data-bind="foreach: scholen">
|
|
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
|
<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' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible: geopend">
|
|
<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' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible: geopend">
|
|
<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' 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' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible: geopend()">
|
|
<td></td>
|
|
<td >
|
|
<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' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
|
|
<tr data-bind="visible: geopend()">
|
|
<td></td>
|
|
<td >
|
|
<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' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible:geopend()">
|
|
<td></td>
|
|
<td >
|
|
<table style="width: 100%;">
|
|
<tbody data-bind="foreach: scholen">
|
|
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
|
<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: criteria().length > 1 && toporg() != 4">
|
|
<h4 style="margin-top : 30px;">Kies een sorteercriterium</h4>
|
|
<select
|
|
data-bind=" options : criteria,
|
|
optionsText : 'naam',
|
|
value : selectedCriterium,
|
|
event : {change: fChangeCriterium}">
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<div data-bind="html: kleurlegenda">
|
|
</div>
|
|
</div> <!-- col md 4 -->
|
|
<div class="col-sm-12 col-md-8" data-bind="visible:orgversions().length == 0"> Er zijn geen periodes gekoppeld aan deze organisatie. Neem contact op met de helpdesk
|
|
</div>
|
|
<div class="col-sm-12 col-md-8" data-bind="visible: orgversions().length > 0">
|
|
|
|
|
|
|
|
<h4 style="margin-top : 0px">Selecteer een lijst
|
|
<select style="font-size: 80%; margin-top : 5px;"
|
|
data-bind=" options : orgversions,
|
|
optionsText : 'info',
|
|
value : selectedOrgversion,
|
|
event : {change: fChangeVersion2}">
|
|
</select>
|
|
</h4>
|
|
<div class="row">
|
|
<button class="printer col-xs-8" style="margin-top: 5px; margin-bottom: 5px; margin-right: 50px; float: right;" data-bind="click: fPrint"></button>
|
|
</div>
|
|
<!-- <div class="row" data-bind="visible: geenMelding ">-->
|
|
<!-- <p>Er is geen matrix beschikbaar bij deze organisatie.</p>-->
|
|
<!-- </div>-->
|
|
|
|
|
|
<div style="overflow-y:scroll" data-bind="visible: erzijnscores()"> <!-- anders valt de header niet over de onderliggende table -->
|
|
<span style="padding-left: 3px;padding-bottom: 10px;">Klik op een </span><span data-bind="text : ijknummer"></span><span>nummer voor toelichting.</span>
|
|
<table style="table-layout:fixed; font-size:0.8em; margin-top: 5px; max-height: 800px; overflow-y: scroll">
|
|
<thead >
|
|
<tr >
|
|
<th style="padding:3px; border: 2px solid white; margin-bottom: 3px; width: 205px;">
|
|
<span data-bind="text: versievorm() == 2 && selectedOrg().soort == 4 && inzage() >= 256 ? 'Medewerker': 'Organisatie'"></span>
|
|
</th>
|
|
<!-- ko foreach: ijkpunten -->
|
|
|
|
<th class="clickable"
|
|
data-bind="click: $parent.fToonToelichting"
|
|
style=" text-align:center; font-size: x-small; padding: 3px; border: 2px solid white; width: 35px;">
|
|
<span data-bind="text: nummer, attr:{'title' : omschrijving}">
|
|
</span>
|
|
</th>
|
|
<!-- /ko -->
|
|
<th style=" border: 2px solid white; width: 35px;"> gem</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div> <!-- einde header -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div style='max-height: 800px; overflow-y: scroll' data-bind="visible: erzijnscores()">
|
|
|
|
<table style="table-layout:fixed; " >
|
|
<tbody data-bind="foreach:indelingen">
|
|
<tr data-bind="visible: naam" style="background-color: #930f50; color:#ffffff; padding: 0; ">
|
|
<td data-bind="text: naam"></td>
|
|
</tr>
|
|
<tr >
|
|
<td>
|
|
|
|
<table data-bind="visible: $root.showMatrix() == 'AlleRijen' " style="table-layout:fixed; font-size: 0.8em;padding: 0 ">
|
|
|
|
<tbody data-bind="foreach: organisaties" >
|
|
<tr style="border-bottom:1px solid #efefef; ">
|
|
<td style="width: 200px; padding:3px; border: 2px solid white;" data-bind="css: {matrixstreep: subject == 'gemiddeld'}" >
|
|
<span data-bind="text: brin ? brin + ' ':' ' "></span>
|
|
<span data-bind="text: subject "></span>
|
|
</td>
|
|
<!-- ko foreach: results-->
|
|
|
|
<td style="text-align:right; color:#ffffff; width:35px; padding:; border: 3px solid white; "
|
|
data-bind="text: gem, style:{ backgroundColor: colorcode}, css: {matrixstreep: $parent.subject == 'gemiddeld'}">
|
|
</td>
|
|
<!-- /ko-->
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<table data-bind="visible: $root.showMatrix() == 'GemiddeldeVanInd' " style="table-layout:fixed; font-size: 0.8em; padding;0 ">
|
|
|
|
<tbody data-bind="foreach: organisaties">
|
|
<tr data-bind="if: subject == 'gemiddeld'" style="border-bottom:1px solid #efefef">
|
|
<td style="padding:3px; width: 200px; border: 2px solid white">
|
|
<span data-bind="text: $root.selectedOrg().brin ? $root.selectedOrg().brin+'-': '' "></span>
|
|
<span data-bind="text: $root.selectedOrg().naam"></span>
|
|
</td>
|
|
|
|
<!-- ko foreach: results-->
|
|
<td style=" text-align:right; color:#ffffff; width: 35px; padding: 3px; border: 2px solid white"
|
|
data-bind="text: gem, style:{ backgroundColor: colorcode}">
|
|
<!-- width: $root.kolombreedte()+'px',-->
|
|
</td>
|
|
<!-- /ko-->
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table data-bind="visible: $root.showMatrix() == 'EigenEnGemiddelde' " style="table-layout:fixed; font-size: 0.8em; padding: 0;">
|
|
|
|
<tbody data-bind="foreach: organisaties ">
|
|
<tr data-bind=" if: (subject == 'gemiddeld' ||fvid == $root.invulid())" style="border-bottom:1px solid #efefef; padding: 0;">
|
|
<td data-bind=" text: subject " style="width: 200px; padding: 3px; border: 2px solid white">
|
|
|
|
</td>
|
|
|
|
<!-- ko foreach: results -->
|
|
<td style=" text-align:right; color:#ffffff; width: 30px;border: 2px solid white; padding: 3px;"
|
|
data-bind="text: gem, style:{ backgroundColor: colorcode}">
|
|
|
|
</td>
|
|
<!-- /ko-->
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div> <!-- scroll holder -->
|
|
|
|
<!-- <div style="overflow-y:scroll"> <!-- anders valt de header niet over de onderliggende table -->
|
|
<!-- <table style="table-layout:fixed; font-size:0.8em">-->
|
|
<!-- <thead>-->
|
|
<!-- <tr>-->
|
|
<!-- <th style="width: 300px !important;padding-left:3px">-->
|
|
<!-- <span data-bind="text: versievorm() == 2 && selectedOrg().soort == 4 && inzage() >= 256 ? 'Medewerker': 'Organisatie'"></span></th>-->
|
|
<!-- <!-- ko foreach: ijkpunten -->
|
|
<!-- <th class="clickable"-->
|
|
<!-- style="width:30px !important; text-align:right"-->
|
|
<!-- data-bind="text: nummer, attr:{'title' : omschrijving}, click: $parent.fToonToelichting">-->
|
|
<!-- </th>-->
|
|
<!-- <!-- /ko -->
|
|
<!-- <th style="text-align:right; width:30px"> gem</th>-->
|
|
<!-- </tr>-->
|
|
<!-- </thead>-->
|
|
<!-- </table>-->
|
|
<!-- </div> <!-- einde header -->
|
|
<!---->
|
|
<!---->
|
|
<!---->
|
|
<!---->
|
|
<!---->
|
|
<!---->
|
|
<!-- <div style='max-height: 800px; overflow-y: scroll'>-->
|
|
<!-- <table style="table-layout:fixed; ">-->
|
|
<!-- <tbody data-bind="foreach:bgs">-->
|
|
<!-- <tr data-bind="visible: naam" style="background-color: #930f50; color:#ffffff">-->
|
|
<!-- <td data-bind="text: 'BG: ' + naam"></td>-->
|
|
<!-- </tr>-->
|
|
<!-- <tr>-->
|
|
<!-- <td>-->
|
|
<!-- <table data-bind="visible: $root.showMatrix() == 'AlleRijen' " style="table-layout:fixed; font-size: 0.8em">-->
|
|
<!---->
|
|
<!-- <tbody data-bind="foreach: rijen">-->
|
|
<!-- <tr style="border-bottom:1px solid #efefef">-->
|
|
<!-- <td style=" width: 300px !important;" data-bind="css: {matrixstreep: subject == 'gemiddeld'}" >-->
|
|
<!-- <span data-bind="text: brin ? brin + ' ':' ' "></span>-->
|
|
<!-- <span data-bind="text: subject"></span>-->
|
|
<!-- </td>-->
|
|
<!-- <!-- ko foreach: results-->
|
|
<!-- <td style="width: 30px !important; text-align:right; color:#ffffff" -->
|
|
<!-- data-bind="text: gem, style:{backgroundColor: colorcode}, css: {matrixstreep: $parent.subject == 'gemiddeld'}">-->
|
|
<!-- </td>-->
|
|
<!-- <!-- /ko -->
|
|
<!-- </tr>-->
|
|
<!-- </tbody>-->
|
|
|
|
<!-- </table>-->
|
|
|
|
<!-- <table data-bind="visible: $root.showMatrix() == 'GemiddeldeVanInd' " style="table-layout:fixed; font-size: 0.8em">-->
|
|
|
|
<!-- <tbody data-bind="foreach: rijen">-->
|
|
<!-- <tr data-bind="if: subject == 'gemiddeld'" style="border-bottom:1px solid #efefef">-->
|
|
<!-- <td style=" width: 300px !important; ">-->
|
|
<!-- <span data-bind="text: $root.selectedOrg().brin ? $root.selectedOrg().brin+'-': '' "></span>-->
|
|
<!-- <span data-bind="text: $root.selectedOrg().naam"></span>-->
|
|
<!-- </td>-->
|
|
|
|
<!-- <!-- ko foreach: results-->
|
|
<!-- <td style="width: 30px !important; text-align:right; color:#ffffff"-->
|
|
<!-- data-bind="text: gem, style:{backgroundColor: colorcode}">-->
|
|
<!-- </td>-->
|
|
<!-- <!-- /ko -->
|
|
<!-- </tr>-->
|
|
<!-- </tbody>-->
|
|
<!-- </table>-->
|
|
<!---->
|
|
<!-- <table data-bind="visible: $root.showMatrix() == 'EigenEnGemiddelde' " style="table-layout:fixed; font-size: 0.8em">-->
|
|
<!---->
|
|
<!-- <tbody data-bind="foreach: rijen">-->
|
|
<!-- <tr data-bind="if: (subject == 'gemiddeld' ||fvid == $root.invulid()) "style="border-bottom:1px solid #efefef">-->
|
|
<!-- <td style=" width: 300px !important; "-->
|
|
<!-- data-bind=" text: subject "></td>-->
|
|
<!---->
|
|
<!-- <!-- ko foreach: results-->
|
|
<!-- <td style="width: 30px !important; text-align:right; color:#ffffff"-->
|
|
<!-- data-bind="text: gem, style:{backgroundColor: colorcode}">-->
|
|
<!-- </td>-->
|
|
<!-- <!-- /ko -->
|
|
<!---->
|
|
<!-- </tr>-->
|
|
<!-- </tbody>-->
|
|
<!---->
|
|
<!-- </table>-->
|
|
<!---->
|
|
<!-- </td>-->
|
|
<!-- </tr> -->
|
|
<!-- </tbody>-->
|
|
<!-- </table>-->
|
|
<!-- </div> <!-- scroll holder -->
|
|
|
|
</div> <!-- rechter kolom -->
|
|
</div>
|