dearchiveren orgd=s

This commit is contained in:
Monique
2022-07-07 09:13:28 +02:00
parent 2c34210d5f
commit 31b4df1d2c
4 changed files with 210 additions and 16 deletions
@@ -7,11 +7,20 @@
data-bind=" options : swvs,
optionsText : 'naam',
value : selectedSWV,
style : {'backgroundColor': selectedSWV() && selectedSWV().actief() == true ? 'white' : 'lightgrey'},
event : {change: fChangeSWV}">
</select>
<button class="noshow plus" data-bind="click:fPopNewSWV"> </button>
<button class="noshow editbutton" data-bind="click:fPopEditOrg.bind($data,1)"> </button>
<button class="noshow delete" data-bind="click:fDeleteOrg.bind($data, 1)"> </button>
<button class="noshow editbutton"
data-bind="visible: selectedSWV() && selectedSWV().actief() == true,
click:fPopEditOrg.bind($data,1)">
</button>
<i class="fa fa-square-o"
style=" background-color: white; font-size: 23px; margin: 2px; margin-top 6px;"
data-bind="visible: selectedSWV() && selectedSWV().actief() == false, click: $root.fDearchiveer.bind($data,1)"></i>
<button class="noshow delete" data-bind="click:fDeleteOrg.bind($data, 1)"> </button>
<div style="margin-top:10px">
@@ -20,24 +29,48 @@
data-bind=" options : kamers,
optionsText : 'naam',
value : selectedKamer,
style : {'backgroundColor': selectedKamer() && selectedKamer().actief() == true ? 'white' : 'lightgrey'},
event : {change: fChangeKamer}">
</select>
<button class="noshow plus" data-bind="click:fPopNewKamer"> </button>
<button class="noshow editbutton" data-bind="click:fPopEditOrg.bind($data,2)"> </button>
<button class="noshow delete" data-bind="click:fDeleteOrg.bind($data,2)"> </button>
<button class="noshow editbutton"
data-bind="visible: selectedKamer() && selectedKamer().actief() == true,
click:fPopEditOrg.bind($data,2)">
</button>
<i class="fa fa-square-o"
style=" background-color: white; font-size: 23px; margin: 2px; margin-top 6px;"
data-bind="visible: selectedKamer() && selectedKamer().actief() == false, click: $root.fDearchiveer.bind($data,2)"></i>
<button class="noshow delete" data-bind="click:fDeleteOrg.bind($data,2)"> </button>
</div>
<div style="margin-top:10px">
<span style="width: 100px;display:inline-block;">BG</span>
<select style="width: 65%"
data-bind=" options : bgs,
optionsText : 'naam',
value : selectedBG,
style : {'backgroundColor': selectedBG() && selectedBG().actief() == true ? 'white' : 'lightgrey'},
event : {change: fChangeBG}">
</select>
<button class="noshow plus" data-bind="click:fPopNewBG"> </button>
<button class="noshow editbutton" data-bind="click:fPopEditOrg.bind($data,3)"> </button>
<button class="noshow delete" data-bind="click:fDeleteOrg.bind($data,3)"> </button>
<button class="noshow editbutton"
data-bind="visible: selectedBG() && selectedBG().actief() == true,
click:fPopEditOrg.bind($data,3)">
</button>
<i class="fa fa-square-o"
style=" background-color: white; font-size: 23px; margin: 2px; margin-top 6px;"
data-bind="visible: selectedBG() && selectedBG().actief() == false, click: $root.fDearchiveer.bind($data,3)"></i>
<button class="noshow delete" data-bind="click:fDeleteOrg.bind($data,3)"> </button>
</div>
</div> <!-- div col 6-->
<div class="col-sm-5">
@@ -60,6 +93,7 @@
</tr>
</thead>
<tbody data-bind="foreach: scholen">
<!-- ko if: actief() == true -->
<tr>
<td data-bind="text: nummer"></td>
<td data-bind="text: naamkort, attr:{'title': naam}"></td>
@@ -67,9 +101,65 @@
<td class="klikbaar editbutton" data-bind="click:$root.fPopEditOrg.bind($data,4)"></td>
<td ><button class="noshow delete" data-bind="click: $root.fDeleteOrg.bind($data,4) "></button></td>
</tr>
<!--/ko-->
</tbody>
</table>
</div>
</table>
<!-- ko if: erIsArchief() == true -->
<p style="margin-top: 30px; ">
<i class="fa fa-toggle-right "
data-bind="visible: toonArchief() == false,
click: fToggleArchief"
style=" ; font-size: large; ">
</i>
<i class="fa fa-toggle-down "
style=" font-size: large; "
data-bind="visible: toonArchief() == true,
click: fToggleArchief">
</i>
Gearchiveerde scholen
</p>
<table class='lstable' data-bind="visible: toonArchief() == true" style="width:100%; background-color:#f8f8f8" >
<thead style="background-color:lightgrey">
<tr >
<th style="width: 10%; background-color: lightgrey; ">brin</th>
<th style="width: 30%; background-color: lightgrey">naam (kort)</th>
<th style="width:40%; background-color: lightgrey">plaats</th>
<th style="width: 4%; background-color: lightgrey">actief</th>
<th style="width: 4%; background-color: lightgrey;"></th>
</tr>
</thead>
<tbody data-bind="foreach: scholen">
<!-- ko if: actief() == false -->
<tr>
<td data-bind="text: nummer"></td>
<td data-bind="text: naamkort, attr:{'title': naam}"></td>
<td data-bind="text: plaats"></td>
<td style="text-align: right ">
<i class="fa fa-square-o"
style=" background-color: white; font-size: 16px; padding-right: 3px;"
data-bind="visible: actief()== false, click: $root.fDearchiveer.bind($data,4)"></i>
<i class="fa fa-check-square"
style="color: #0066ff; font-size: 16px; padding-right: 3px;"
data-bind="visible: actief() == true "></i>
</td>
<td ><button class="noshow delete" data-bind="click: $root.fDeleteOrg.bind($data,4) "></button></td>
</tr>
<!--/ko-->
</tbody>
</table>
<!-- /ko -->
</div>
</div> <!-- row-->
<!-- ********************* MODALS ************************ -->
<!-- **************** modal edit org ******************* -->