Files
monpas/application/views/monpas/pages/sortering.php
T
2021-07-10 16:25:16 +02:00

139 lines
6.8 KiB
PHP

<div class="col-sm-12 mainpagina submenupage" id="pagSortering">
<div class="row">
<div class="col-sm-7 col-ms-offset-1" style="margin-top:20px">
<h4>Maak criteria</h4>
<span style="display:inline-block;"> SWV </span>
<select style="width: 60%"
data-bind=" options : swvs,
optionsText : 'naam',
value : selectedSWV,
event : {change: fChangeSWV}">
</select>
<table style="margin-top: 30px; width: 80%; border-bottom: 1px solid grey">
<thead>
<tr>
<th style="width:45% ">Criterium
</th>
<th style="width: 40%">Waarden
</th>
<th style="width: 5%"></th>
<th style="width: 5%"></th>
<th style="width: 20%">Scholen</th>
</tr>
</thead>
<tbody data-bind="foreach: criteria">
<tr>
<td>
<span data-bind="text: criterium"></span>
</td>
<td >
<select style="width: 100%"
data-bind=" options : labels,
optionsText : 'label' ">
</select>
</td>
<td>
<button class="noshow editbutton" data-bind="click:$root.fEditCriterium"></button>
</td>
<td>
<button class="noshow delete" data-bind="click: $root.fDeleteCriterium"></button>
</td>
<td>
<button style="margin-left: 20px; "; class=" noshow fa fa-home koppeling" data-bind="click: $root.fKoppelScholen"></button>
</td>
</tr>
</tbody>
</table>
<button class="noshow plus" data-bind="click: $root.fNieuwCriterium"></button>
<span style="margin-left: 20px;">voeg criterium toe</span>
</div>
</div><!-- row -->
<div class="row col-sm-11 col-ms-offset-1" data-bind="visible: toonIndeling">
<div data-bind="with: $root.selectedCriterium" style="margin-top:20px">
<h4>Koppel scholen</h4>
<div class="kop">
<table data-bind="with: $root.selectedCriterium()">
<thead>
<tr>
<th style="background-color: #ded0d7; color:black; height: 100px;" data-bind="style:{width: $root.kolom1}, text: 'Criterium: ' + criterium()">
</th>
<!-- ko foreach: $root.selectedCriterium().labels -->
<th style=" transform: rotate(90deg);background-color: transparent; color:black;text-align:center; font-size:small; " data-bind="style{width: kolombreedte}"><span style="display: inline-block vertical-align:bottom" data-bind="text: label" ></span>
</th>
<!-- /ko -->
</tr>
</thead>
</table>
</div>
<div style="width: 1000px; max-height: 500px;overflow-y: scroll;overflow-x: hidden;">
<table data-bind="with: $root.swvindeling" style="width:1000px; margin-bottom: 30px; padding: 0px">
<tbody data-bind="foreach: kamers ">
<tr style="background-color: #624152; color: white;" data-bind="visible: naam">
<td data-bind="style:{width: $root.kolom1}" >
<span data-bind="text: naam" ></span>
</td>
<!-- ko foreach: $root.selectedCriterium().labels -->
<td data-bind="style:{width: kolombreedte}">
</td>
<!-- /ko -->
</tr>
<tr>
<td colspan=2 style="padding=0px;">
<table style="padding: 0px; width:1000px; margin-left: -3px;">
<tbody data-bind="foreach: bgs">
<tr class="besturen" style="" data-bind="visible: naam">
<td data-bind="style:{width: $root.kolom1};" >
<span data-bind="text: naam;" ></span>
</td>
<!-- ko foreach: $root.selectedCriterium().labels -->
<td data-bind="style{width: kolombreedte}">
</td>
<!-- /ko -->
</tr>
<tr class="scholen">
<td>
<table class="table table-striped">
<tbody data-bind="foreach: indelingen">
<tr data-bind="visible: naam;">
<td data-bind="style{width: $root.kolom1}">
<span data-bind="text: naam; ">
</span>
</td>
<!-- ko foreach: opties -->
<td style=" height: 60px; text-align: center" data-bind="style{width: kolombreedte2}">
<!-- ko if: waardeid == $parent.selectedOptie() -->
<i class="glyphicon glyphicon-check" style="padding-top: 10px"></i>
<!-- /ko -->
<!-- ko if: waardeid != $parent.selectedOptie() -->
<i class="glyphicon glyphicon-unchecked" style="padding-top: 10px;" data-bind="click: $root.fUpdateIndeling.bind($data, $parent)"></i>
<!-- /ko -->
</td>
<!-- /ko -->
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<button data-bind="click: $root.fSluitIndeling">sluit</button>
</div>
</div>
<?php $this->load->view("monpas/popups/nieuwcriterium"); ?>
<?php $this->load->view("monpas/popups/editcriterium"); ?>
</div>