345 lines
14 KiB
PHP
345 lines
14 KiB
PHP
<div class="col-sm-12 mainpagina submenupage" id="pagOrganisatiesXL">
|
|
<div class="row">
|
|
<div class="col-sm-7" style="margin-top:20px">
|
|
<span style="width: 100px;display:inline-block;"> SWV </span>
|
|
<select style="width: 65%"
|
|
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="visible: selectedSWV() && selectedSWV().actief() == true,
|
|
click:fPopEditOrg.bind($data,1)">
|
|
</button>
|
|
|
|
<button data-bind="visible: selectedSWV() && selectedSWV().actief() == false,
|
|
click: $root.fDearchiveer.bind($data,1)"
|
|
style=" border: none; border-radius: unset; box-shadow:none; font-weight: bold ">A
|
|
</button>
|
|
|
|
<button class="noshow delete"
|
|
data-bind="click:fDeleteOrg.bind($data, 1)">
|
|
</button>
|
|
|
|
<div style="margin-top:10px">
|
|
<span style="width: 100px;display:inline-block;"> Kamer </span>
|
|
<select style="width: 65%"
|
|
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="visible: selectedKamer() && selectedKamer().actief() == true,
|
|
click:fPopEditOrg.bind($data,2)">
|
|
</button>
|
|
<button data-bind="visible: selectedKamer() && selectedKamer().actief() == false,
|
|
click: $root.fDearchiveer.bind($data,2)"
|
|
style=" border: none; border-radius: unset; box-shadow:none; font-weight: bold ">A
|
|
</button>
|
|
<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="visible: selectedBG() && selectedBG().actief() == true,
|
|
click:fPopEditOrg.bind($data,3)">
|
|
</button>
|
|
|
|
<button data-bind="visible: selectedBG() && selectedBG().actief() == false,
|
|
click: $root.fDearchiveer.bind($data,3)"
|
|
style=" border: none; border-radius: unset; box-shadow:none; font-weight: bold ">A
|
|
|
|
</button>
|
|
|
|
|
|
|
|
<button class="noshow delete"
|
|
data-bind="click:fDeleteOrg.bind($data,3)">
|
|
</button>
|
|
</div>
|
|
</div> <!-- div col 6-->
|
|
<div class="col-sm-5">
|
|
Zoek organisatie: <br/><input data-bind="textInput: zoekstring" style="width:65%"/>
|
|
<button data-bind="click : fStartZoek"> start zoek</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12" style="margin-top:20px">
|
|
<p>Scholen <button class="noshow plus" data-bind="click:fPopNewSchool"> </button></p>
|
|
<table class='lstable' style="width:100%; background-color:#f8f8f8">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 10%">brin</th>
|
|
<th style="width: 30%">naam (kort)</th>
|
|
<th style="width:40%">plaats</th>
|
|
<th style="width: 4%"></th>
|
|
<th style="width: 4%"></th>
|
|
</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>
|
|
<td data-bind="text: plaats"></td>
|
|
<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>
|
|
|
|
|
|
|
|
<!-- 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: naam, 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 ******************* -->
|
|
<div class="modal fade" id="modEditOrg" role="dialog" >
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<h4>Wijzig organisatiegegevens</h4>
|
|
</div><!-- header -->
|
|
|
|
<div class="modal-body" data-bind="with: editOrg()">
|
|
<table style="width:100%">
|
|
<tr>
|
|
<td style="width:25%">(BRIN) nummer</td>
|
|
<td><input data-bind="textInput: nummer" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Naam</td>
|
|
<td><input data-bind="textInput: naam" style="width: 100%" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Naam kort</td>
|
|
<td><input data-bind="textInput: naamkort" style="width: 100%"/></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Plaats</td>
|
|
<td><input data-bind="textInput: plaats" style="width: 100%"/></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Email</td>
|
|
<td><input data-bind="textInput: email" style="width: 100%"/></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Actief</td>
|
|
<td><input type="checkbox" data-bind="checked: actief"/></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align: top">Bijlage bij login</td>
|
|
<td> <span class="fa fa-trash-o"
|
|
style="color:#000000"
|
|
data-bind="click:$root.fDeleteBijlage,
|
|
visible: bijlage">
|
|
</span>
|
|
<span class="fa fa-download"
|
|
style="color:#000000"
|
|
data-bind="click: $root.fDownloadBijlage,
|
|
visible: bijlage()">
|
|
</span>
|
|
<span data-bind= "text: bijlage"></span>
|
|
<input type="file"
|
|
style="width: 100%"
|
|
id="bijlageFile"
|
|
data-bind="event: {change: $root.fUploadBijlage}" />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan=2> <hr/></td>
|
|
</tr>
|
|
</table>
|
|
<h4>Licenties</h4>
|
|
<div style="max-height: 100px; overflow-y:scroll">
|
|
<table style="width: 70%">
|
|
<tbody data-bind="foreach: $root.modules">
|
|
<tr>
|
|
<td> <input type="checkbox" data-bind="checked: janee, enable: $root.beheerder" /> <span data-bind="text: naam"></span></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div><!-- body-->
|
|
|
|
<div class="modal-footer">
|
|
<button style="float:left; width: 80px;"
|
|
data-bind="click:fUpdateOrg"> ok </button>
|
|
<button style="width: 80px;" data-dismiss="modal" >annuleren</button>
|
|
</div> <!-- footer -->
|
|
</div> <!-- content -->
|
|
</div> <!-- modal dialog -->
|
|
</div> <!-- modal -->
|
|
<!-- **************** modal new org ******************* -->
|
|
<div class="modal fade" id="modNewOrg" role="dialog" >
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<h4>Nieuwe organisatie</h4>
|
|
</div><!-- header -->
|
|
|
|
<div class="modal-body" data-bind="with: newOrg()">
|
|
<table style="width:100%">
|
|
<tr>
|
|
<td style="width:25%">(BRIN) nummer</td>
|
|
<td><input data-bind="textInput: newNummer" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Naam</td>
|
|
<td><input data-bind="textInput: newNaam" style="width: 100%" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Naam kort</td>
|
|
<td><input data-bind="textInput: newNaamkort" style="width: 100%"/></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Plaats</td>
|
|
<td><input data-bind="textInput: newPlaats" style="width: 100%"/></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Email</td>
|
|
<td><input data-bind="textInput: newEmail" style="width: 100%"/></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan=2> <hr/></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<h4>Licenties</h4>
|
|
<div style="max-height: 240px; overflow-y:scroll">
|
|
<table style="width: 70%">
|
|
<tbody data-bind="foreach: $root.modules">
|
|
<tr>
|
|
<td> <input type="checkbox" data-bind="checked: janee, enable: $root.beheerder" /> <span data-bind="text: naam"></span></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div><!-- body-->
|
|
|
|
<div class="modal-footer">
|
|
<button style="float:left; width: 80px;"
|
|
data-bind="click:fSaveOrg, visible: newOrg().newNummer().length > 1 && newOrg().newNaam().length> 1 && newOrg().newNaamkort().length > 1"> ok </button>
|
|
<button style="width: 80px;" data-dismiss="modal" >annuleren</button>
|
|
</div> <!-- footer -->
|
|
</div> <!-- content -->
|
|
</div> <!-- modal dialog -->
|
|
</div> <!-- modal -->
|
|
<!-- **************** modal zoekresultaten ******************* -->
|
|
<div class="modal fade" id="modZoekresults" role="dialog" >
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<h4>Zoekresultaten</h4>
|
|
</div><!-- header -->
|
|
|
|
<div class="modal-body" style="max-height: 300px; overflow-y:auto" >
|
|
<table style="width:100%">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 25%" >(brin) nummer</th>
|
|
<th style="width: 35%" >naam</th>
|
|
<th style="width: 35%" >plaats</th>
|
|
<th style="width: 5%"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach: zoekresultaten">
|
|
<tr>
|
|
<td style="width:25%" data-bind="text:nummer"> </td>
|
|
<td style= "width: 35%" data-bind="text: naamkort" ></td>
|
|
<td style= "width: 35%" data-bind="text:plaats"></td>
|
|
<td style= "width: 5%">
|
|
<button class="noshow openbutton" data-bind="click: $parent.fGetSelected"></button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div><!-- body-->
|
|
|
|
<div class="modal-footer">
|
|
<button style="width: 80px;" data-dismiss="modal" >annuleren</button>
|
|
</div> <!-- footer -->
|
|
</div> <!-- content -->
|
|
</div> <!-- modal dialog -->
|
|
</div> <!-- modal -->
|
|
|
|
<!-- </div> --> <!-- class sm 12 -->
|
|
<!-- </div> --><!-- row -->
|
|
</div>
|