229 lines
9.1 KiB
PHP
229 lines
9.1 KiB
PHP
<div class="col-sm-12 mainpagina" id ="pagontwikkel2">
|
|
<div data-bind="visible: selectedOrg().soort == 4 && !ingevuld()"> De geselecteerde lijst is (nog) niet ingevuld.</div>
|
|
|
|
<div class="col-sm-12 col-md-3" >
|
|
|
|
<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>
|
|
<hr/>
|
|
<button style="margin-top:10px; margin-bottom:20px; margin-left:20px"
|
|
data-bind="click: fSaveGewenst, visible: $root.wijzigRecht() ">Gewenste situatie opslaan</button>
|
|
<div id="hierhetverschilhuidiggewenst">
|
|
<h4><?=$labels['ijkpuntadvies']?> </h4>
|
|
<ul data-bind="foreach: standaarden" style="list-style-type:none; margin:0; padding:0;">
|
|
<li data-bind="visible: gewenst() > huidig(), text: ($index() + 1 ) + '. ' + omschrijving"></li>
|
|
</ul>
|
|
</div>
|
|
</div> <!-- col md 4 -->
|
|
<div class="col-sm-12 col-md-9">
|
|
<div data-bind = "visible: orgversions().length > 0 && selectedOrg().soort == 4">
|
|
<h4>Selecteer een periode
|
|
<select data-bind=" options : orgversions,
|
|
optionsText : 'info',
|
|
value : selectedOrgversion,
|
|
event : {change: fChangeVersion2}">
|
|
</select>
|
|
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintOntwikkelmatrix"></button>
|
|
|
|
</h4>
|
|
</div>
|
|
<div data-bind="visible: selectedOrg().soort < 4">
|
|
Selecteer een school
|
|
</div>
|
|
<div data-bind="visible:orgversions().length == 0 ">
|
|
<!-- ko if: selectedOrg().soort ==4 -->
|
|
Er zijn geen periodes gekoppeld aan deze organisatie. Neem contact op met de helpdesk
|
|
<!-- /ko -->
|
|
</div>
|
|
<table style="width: 100%;">
|
|
<colgroup>
|
|
<col style="width: 25px">
|
|
<col >
|
|
<col span='9' style="width: 35px">
|
|
</colgroup>
|
|
<tr>
|
|
<td colspan=6 style="text-align:right; padding-right: 15px"> <b>huidige situatie</b><br/> </td>
|
|
<td></td>
|
|
<td colspan =4 > <b> gewenste situatie</b><br/> </td>
|
|
<tr>
|
|
<tr class="modal-header">
|
|
<td style="width: 25px"></td>
|
|
<td><?=$labels['Ykpunten']?> </td>
|
|
<td style=" text-align:center" class="rood"> Zz</td>
|
|
<td style=" text-align:center" class="oranje">O</td>
|
|
<td style=" text-align:center" class="groen">V</td>
|
|
<td style=" text-align:center" class="blauw">G</td>
|
|
<td style="background-color:#ffffff"></td>
|
|
<td style="text-align:center" class="rood" > Zz</td>
|
|
<td style=" text-align:center" class="oranje" >O</td>
|
|
<td style="text-align:center" class="groen" >V</td>
|
|
<td style="text-align:center" class="blauw" >G</td>
|
|
</tr>
|
|
<tbody data-bind="foreach : standaarden">
|
|
<tr class=" fixedH" >
|
|
<td class="allborders"
|
|
data-bind="text: $index() + 1" style="text-align:right; padding-right:3px; vertical-align:top"></td>
|
|
<td style="vertical-align:top;"
|
|
class="allborders fixedH clickable"
|
|
data-bind="text: omschrijving, click: $parent.fToonToelichting">
|
|
|
|
</td>
|
|
<td class="allborders" ><div class="cirkel" data-bind="css: {'rood' : huidig() == 1}"></div></td>
|
|
<td class="allborders"><div class="cirkel" data-bind="css: {'oranje' : huidig() == 2}"></div></td>
|
|
<td class="allborders"><div class="cirkel" data-bind="css: {'groen' : huidig() == 3}"></div></td>
|
|
<td class="allborders"><div class="cirkel" data-bind="css: {'blauw' : huidig() == 4}"></div></td>
|
|
|
|
<td style="border-bottom:none; border-top:none"></td>
|
|
|
|
<td class="allborders" data-bind="click: $parent.fUpdateGewenst.bind($data,1)"><div class="cirkel" data-bind="css: {'rood' : gewenst() == 1}"> </div></td>
|
|
<td class="allborders" data-bind="click: $parent.fUpdateGewenst.bind($data,2)"><div class="cirkel" data-bind="css: {'oranje' : gewenst() == 2}"> </div></td>
|
|
<td class="allborders" data-bind="click: $parent.fUpdateGewenst.bind($data,3)"><div class="cirkel" data-bind="css: {'groen' : gewenst() == 3}"> </div></td>
|
|
<td class="allborders" data-bind="click: $parent.fUpdateGewenst.bind($data,4)"><div class="cirkel" data-bind="css: {'blauw' : gewenst() == 4}"> </div></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div> <!-- grote blok rechts -->
|
|
</div>
|