instrumenten koppelen in beheer

This commit is contained in:
Monique
2022-04-26 16:16:20 +02:00
parent 4230646bd4
commit d26974e69f
5 changed files with 182 additions and 31 deletions
@@ -1,32 +1,46 @@
<div class="col-xs-12 mainpagina submenupage" id ="pagInstrumentenCompactSop">
<div class='row'>
<div class="col-xs-12" style="margin-top: 30px;">
<table class="lstable" style="width: 100%">
<div class="col-xs-12" style="margin-top: 30px;margin-left: 20px;">
<table class="lstable" style="width: 95%">
<thead>
<tr>
<th>cluster</th>
<th>instrument
</th>
<th>naam in Compact SOP</th>
<th>korte naam op blokje</th>
<th>in Compact SOP</th>
<th style="width: 15%; vertical-align: text-top">cluster</th>
<th style="width: 25%; vertical-align: text-top">instrument</th>
<th style="width: 30%; vertical-align: text-top">naam in Compact SOP (max. 50 lettertekens)</th>
<th style="width: 20%; vertical-align: text-top">korte naam op gekozen blokje (max. 25 lettertekens)</th>
<th style="width: 10%; text-align: right;padding-right: 5px; vertical-align: text-top">in Compact SOP</th>
</tr>
</thead>
<tbody data-bind="foreach: modules">
<tr>
<td data-bind="text: cluster, visible: $index() == 0 || $parent.modules[$index-1].cluster != cluster "></td>
<td data-bind="text: instrument"></td>
<td style="vertical-align: top">
<!-- ko if: $index() == 0 || ($index() > 0 && $root.modules()[$index()-1].cluster != cluster) -->
<span data-bind="text: cluster"></span>
<!--/ko -->
</td>
<td ><input type="text" data-bind="textInput: sopnaam, click: $parent.fChangeSopnaam "/>
<td style="vertical-align: top" data-bind="text: instrument"></td>
<td style="vertical-align: top" ><input style="width:100%"
type="text"
maxlength="50"
data-bind="textInput: sopnaam, event:{input: $root.fSaveSopnaam} "/>
</td>
<td ><input type="text" data-bind="textInput: blokjesnaam, click: $parent.fChangeBlokjesnaam "/>
<td style="vertical-align: top" ><input style="width:100%"
type="text"
maxlength="24"
data-bind="textInput: blokjesnaam, event:{input: $root.fSaveBlokjesnaam}"/>
</td>
<td>
<input type="checkbox" data-bind="click: $parent.fToggleInSop"/>
<td style="text-align: right; padding-right: 5px;padding-top: 0; vertical-align: top; margin: 0">
<input type="checkbox" data-bind="checked: inSOP, click: $parent.fSaveInSop"/>
</td>
</tr>
<!-- ko if: $index() < $root.modules().length - 1 && $root.modules()[$index()+1].cluster != cluster -->
<tr>
<td colspan="5" style="border-top: 1px solid #ded0d7 "></td>
</tr>
<!--/ko-->
</tbody>
</table>