67 lines
3.4 KiB
PHP
67 lines
3.4 KiB
PHP
<!-- ko if: onderdelen() && onderdelen().length > 0 -->
|
|
<div class="col-xs-8" >
|
|
<h3 style="margin-top: 20px;"
|
|
data-bind= "text: label() ? 'Kies onderdelen voor het Compact ' + label() : '' "> </h3>
|
|
</div>
|
|
<div class="col-xs-4" >
|
|
<h3 style="margin-top: 20px;" >Gekozen onderdelen </h3>
|
|
</div>
|
|
<!-- /ko -->
|
|
<div class="row" >
|
|
|
|
<div class="col-xs-4" >
|
|
<div class="panel-group" data-bind="foreach: onderdelen ">
|
|
<!-- ko if: $index() < $root.onderdelen().length/2 -->
|
|
<?php $this->load->view("monpas/compactsop/maaksoponderdelen/blokvorm"); ?>
|
|
<!-- /ko -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-4"
|
|
style="border-right: 1px solid lightgrey">
|
|
<div class="panel-group" data-bind="foreach: onderdelen ">
|
|
<!-- ko if: $index() >= $root.onderdelen().length/2 -->
|
|
<?php $this->load->view("monpas/compactsop/maaksoponderdelen/blokvorm"); ?>
|
|
<!-- /ko -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-3 " >
|
|
<div data-bind="foreach: filterSelected(onderdelen) ">
|
|
<!-- ko if : ! isBreedBlok() -->
|
|
<div class="col-xs-5"
|
|
data-bind="click: $root.fAnnuleerOnderdeel"
|
|
style="background-color:#930f50;
|
|
color: white; padding: 10px; margin: 5px;
|
|
margin-right: 15px; height: 150px; ">
|
|
<!-- <label style="padding-top: 15px; width: 50px; font-size: small;"-->
|
|
<!-- data-bind="text: toonnummer + '. ' + naamkort ">-->
|
|
<!-- </label>-->
|
|
<table style="width: 100%">
|
|
<tr>
|
|
<td style="width: 18%; vertical-align: text-top; font-size: small" data-bind="text: toonnummer + '.' "></td>
|
|
<td style="width: 82%; vertical-align: text-top; font-size: small; word-break: break-word; white-space: normal"
|
|
data-bind=" text: naamkort == 'Basisondersteuning' ? 'Basisonder- steuning' : naamkort == 'Tevredenheid school' ? 'Tevreden- heid school' : naamkort "></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<!-- /ko -->
|
|
<!-- ko if : isBreedBlok() -->
|
|
<div class="col-xs-11"
|
|
data-bind="click: $root.fAnnuleerOnderdeel"
|
|
style="background-color:#930f50; color: white;
|
|
margin: 5px; padding: 10px; height: 150px; ">
|
|
<!-- <label style="padding-top: 15px; width: 50px; font-size: small;"-->
|
|
<!-- data-bind="text: toonnummer + '. ' + naamkort ">-->
|
|
<!-- </label>-->
|
|
<table style="width: 100%">
|
|
<tr>
|
|
<td style="width: 9%; font-size: small; vertical-align: text-top" data-bind="text: toonnummer"></td>
|
|
<td style="width: 91%; font-size: small; vertical-align: text-top; word-break: break-word; white-space: normal" data-bind=" text: naamkort"></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<!-- /ko -->
|
|
</div><!-- for each onderdelen -->
|
|
</div> <!-- col-xs-3 -->
|
|
</div> <!-- row -->
|