240 lines
8.4 KiB
PHP
240 lines
8.4 KiB
PHP
<div class="col-sm-12 mainpagina" id ="paginspectiematrix">
|
|
<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 ">
|
|
<h4 style="margin-top : 30px;">Kies een sorteercriterium</h4>
|
|
<select
|
|
data-bind=" options : criteria,
|
|
optionsText : 'naam',
|
|
value : selectedCriterium,
|
|
event : {change: fChangeCriterium}">
|
|
</select>
|
|
|
|
</div>
|
|
<div style="margin-top: 30px;"data-bind="html: kleurlegenda">
|
|
</div>
|
|
</div>
|
|
|
|
<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: medium; margin-top : 5px;"
|
|
data-bind=" options : orgversions,
|
|
optionsText : 'info',
|
|
value : selectedOrgversion,
|
|
event : {change: fChangeVersion2}">
|
|
</select>
|
|
</h4>
|
|
<div class="row" style="margin-top: 5px; margin-bottom: 5px;">
|
|
<button class="printer col-xs-8" style=" margin-right: 50px; float: right;" data-bind="click: fPrint"></button>
|
|
</div>
|
|
|
|
|
|
|
|
<div style="overflow-y:scroll" data-bind="visible: data"> <!-- anders valt de header niet over de onderliggende table -->
|
|
<span style="padding-left: 3px;padding-bottom: 10px;">Klik op een ijkpuntnummer voor toelichting.</span>
|
|
<table style="table-layout:fixed; font-size:0.8em; width: 711px; margin-top: 5px; max-height: 800px; overflow-y: scroll">
|
|
<thead>
|
|
<tr style="padding: 0px">
|
|
<th style="padding: 0px; border: 2px solid white; " data-bind="style: {width: $root.orgbreedtehead() + 'px'}">
|
|
<span style="padding-left: 4px;">Organisatie
|
|
</span>
|
|
</th>
|
|
<!-- ko foreach: ijkpunten -->
|
|
<th class="clickable" data-bind="style: {width: $root.kolombreedte()+ 'px' }"
|
|
style=" text-align:center; font-size: x-small; padding: 0px; border: 2px solid white; ">
|
|
<span data-bind="text: nummer, attr:{'title' : omschrijving}, click: $parent.fToonToelichting">
|
|
</span>
|
|
</th>
|
|
<!-- /ko -->
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
|
|
</div> <!-- einde header -->
|
|
|
|
<div style='max-height: 800px; overflow-y: scroll'>
|
|
|
|
<table style="table-layout:fixed; width: 711px;" data-bind="visible: data">
|
|
<tbody data-bind="foreach: indelingen">
|
|
<tr data-bind="visible: naam" style="background-color: #930f50; color:#ffffff; padding: 0px;">
|
|
<td style="padding: 0px;" data-bind="text: naam, style: {width: $root.data ? $root.orgbreedtebody()+'px' : '250px'}">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<table style="table-layout:fixed; margin-left: 5px;margin-right: -5px; font-size: 0.8em;" >
|
|
|
|
<tbody data-bind="foreach: organisaties">
|
|
<tr style="border-bottom:1px solid #efefef; padding: 0px;">
|
|
<td style="padding: 0px;" data-bind ="style: {width: $root.data ? $root.orgbreedtebody()+'px': '250px' }" >
|
|
<span data-bind="text: brin ? brin + ' '+ subject:' ' " >
|
|
</span>
|
|
</td>
|
|
<!-- ko foreach: results-->
|
|
<td style="text-align:center; border: 2px solid #ffffff; height: 37px;" data-bind="style: {width: $root.kolombreedte()+'px', backgroundColor: kleur}">
|
|
<span style="color: #ffffff" data-bind=" text: waarde">
|
|
</span>
|
|
</td>
|
|
<!-- /ko -->
|
|
|
|
|
|
</tr>
|
|
</tbody>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div> <!-- scroll holder -->
|
|
|
|
</div> <!-- rechter kolom -->
|
|
</div>
|
|
|