311 lines
15 KiB
PHP
311 lines
15 KiB
PHP
<div class="col-sm-12 mainpagina submenupage" id ="pagSWVversies">
|
|
|
|
<div class="col-sm-12 col-md-2">
|
|
<h4 style="margin-top:20px"> selecteer een organisatie</h4>
|
|
<div style="width: 99% ; height: 500px; overflow-y:auto; margin-top:20px">
|
|
<ul data-bind= "foreach: swvs" class="lsul ">
|
|
<li class= 'header clickable' style="text-align: left; padding: 5px; " data-bind="text: naam, click: $parent.fSetSelectedOrg"></li>
|
|
<li data-bind="visible: kamers().length > 0">
|
|
<ul data-bind="foreach: kamers" class="lsul ">
|
|
<li class="clickable" style="text-align: left; padding: 5px; " data-bind="text: naam, click: $root.fSetSelectedOrg"></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div><!-- kolom links -->
|
|
|
|
<div class="col-sm-12 col-md-10" >
|
|
<div class="col-sm-12">
|
|
<h3>Instrument
|
|
<select
|
|
data-bind=" options : modules,
|
|
optionsText : 'naam',
|
|
value : selectedModule,
|
|
event : {change: fChangeModule}">
|
|
</select>
|
|
</h3>
|
|
</div>
|
|
<div class="col-sm-12" data-bind="with: selectedOrg">
|
|
<h4 style="margin-top: 20px">
|
|
Geselecteerde organisatie:
|
|
<span data-bind="text: naam"></span>
|
|
<button style="float:right" data-bind="click: $parent.fNieuweKoppeling"> nieuwe periode</button>
|
|
</h4>
|
|
<table style="width: 100%; margin-top:20px;">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 5%" >actief</th>
|
|
<th style="width: 10%" >geldig vanaf</th>
|
|
<th style="width: 10%" >geldig t/m</th>
|
|
<th style="width: 5%" >nr</th>
|
|
<th style="width: 15%" >versie</th>
|
|
<th style="width: 14%" >vorm</th>
|
|
<th style="width: 17%" >score type</th>
|
|
<th style="width: 5%" >
|
|
score-tekst<sup style="font-weight: bold" data-bind="click: $parent.fToonInfoTekst">i</sup>
|
|
</th>
|
|
<th style="width: 10%" >invullen tot</th>
|
|
<th style="width: 5%" >status</th>
|
|
<th style="width: 4%" ></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach: $parent.koppelingen">
|
|
<tr >
|
|
<td> <input type="checkbox"
|
|
data-bind="checked: actief, click: $root.fUpdateActief" />
|
|
|
|
</td>
|
|
<td><input class= "datum"
|
|
data-bind="datepicker:{maxDate: geldigtm}, value: geldigvanaf, event: {change: $root.fUpdateKoppeling}" /></td>
|
|
<td><input class= "datum"
|
|
data-bind="datepicker:{minDate: geldigvanaf}, value: geldigtm, event: {change: $root.fUpdateKoppeling}" />
|
|
</td>
|
|
<td data-bind="text: nummer"></td>
|
|
<td data-bind="text: naam"> </td>
|
|
<td>
|
|
<select data-bind="options: $root.vormarray,
|
|
optionsText: 'naam',
|
|
optionsValue: 'id',
|
|
value: vorm,
|
|
event: {change: $root.fUpdateKoppeling},
|
|
enable: wijzigok">
|
|
</select>
|
|
</td>
|
|
<td>
|
|
<select data-bind="options: $root.scoretypes,
|
|
optionsText: 'naam',
|
|
optionsValue: 'sysnr',
|
|
value: scoretype,
|
|
event: {change: $root.fUpdateKoppeling},
|
|
enable: wijzigok" >
|
|
</select>
|
|
</td>
|
|
<td>
|
|
<!-- ko if: scoretype() != 1 && scoretype != 2 -->
|
|
<input type="checkbox"
|
|
data-bind="checked: toonOmschrijving(), click: $root.fUpdateScores " />
|
|
<!-- /ko -->
|
|
</td>
|
|
<td><input class= "datum"
|
|
data-bind="datepicker{minDate: geldigvanaf, maxDate: geldigtm}, value: invullentm, event: {change: $root.fUpdateKoppeling}" />
|
|
</td>
|
|
<td ><button data-bind="click: $root.fToonStatus " style="width: 99%; height: 25px;padding: 0; padding-top: 1px; background-color: #ded0d7; ">toon
|
|
</button>
|
|
</td>
|
|
<td><button class="delete"
|
|
data-bind="click: $root.fDeleteKoppeling, visible:wijzigok"> </button> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div> <!-- kolom rechts -->
|
|
<!-- ******************** popups ************************** -->
|
|
<div class="modal fade " id="modInvulStatus" role="dialog">
|
|
<div class="modal-dialog " style="width: 95%; display: block; ">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
|
|
|
|
<button style="width: 20px; float: right; padding:2px; padding-bottom: 10px; ; color: #6F0B3D" data-dismiss="modal" >x</button>
|
|
<p><span data-bind="text: selectedModule() ? selectedModule().naam: '' "></span>
|
|
<span>, lijst nr</span>
|
|
<span data-bind="text: selectedOrgversie() ? selectedOrgversie().nummer + ' ' + selectedOrgversie().naam +
|
|
', ' + selectedOrgversie().geldigvanaf() + ' t/m ' + selectedOrgversie().geldigtm() : ' ' ">
|
|
</span>
|
|
</p>
|
|
<p>
|
|
<span data-bind="text: selectedOrgversie() ? selectedOrgversie().vorm == 1 ? 'schoolversie' : 'individuele versie' : ' ' ">
|
|
</span>
|
|
</p>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-xs-3">
|
|
<table style="margin-bottom: 20px; border: 1px solid gainsboro;">
|
|
<thead>
|
|
<tr><th colspan="2" style="color: #ffffff; background-color: #6F0B3D; vertical-align: top;">
|
|
status
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td data-bind="text: selectedOrgversie() && selectedOrgversie().vorm() == 2 ? 'aantal gebruikers: ': 'aantal scholen: ' "
|
|
style="border-left: 1px solid gainsboro; border-right: 1px solid gainsboro" >
|
|
</td>
|
|
<td data-bind="text: aantalLijsten "
|
|
style="text-align: right; border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="border-left: 1px solid gainsboro; border-right: 1px solid gainsboro" >ingevuld en meetellen:
|
|
</td>
|
|
<td data-bind="text: ingevuld " style="text-align: right; border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">percentage:
|
|
</td>
|
|
<td data-bind="text: percentage() + '%' "
|
|
style="text-align: right; border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<table class="lstable" style="width: 100%;" >
|
|
<thead>
|
|
<tr >
|
|
<th style="color: #ffffff;background-color: #6F0B3D; vertical-align: top; width: 8%;
|
|
border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">brin
|
|
</th>
|
|
<th style="color: #ffffff;background-color: #6F0B3D; vertical-align: top; width: 17%;
|
|
border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">school</th>
|
|
|
|
<!--ko if: selectedOrgversie() && selectedOrgversie().vorm() == 2 -->
|
|
<th style="color: #ffffff;background-color: #6F0B3D; vertical-align: top; width: 17%;
|
|
border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">gebruiker
|
|
</th>
|
|
<th style="color: #ffffff;background-color: #6F0B3D; vertical-align: top; width: 18%;
|
|
border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">autorisatie
|
|
</th>
|
|
<!--/ko -->
|
|
<th style="color: #ffffff; background-color: #6F0B3D; vertical-align: top; width: 25%;
|
|
border-left: 1px solid gainsboro; border-right: 1px solid gainsboro; word-break: break-all">email
|
|
</th>
|
|
<th style="color: #ffffff; background-color: #6F0B3D;vertical-align: top; width: 15%;
|
|
border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">status
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach: statussen">
|
|
<!--ko if: $index() == 0 || ($index() != 0 && $parent.statussen()[$index()-1].kamer != kamer ) -->
|
|
<tr >
|
|
<td data-bind="text: kamer,
|
|
attr: {'colspan': $parent.selectedOrgversie() && $parent.selectedOrgversie().vorm() == 2 ? 6 : 4 }"
|
|
style="background-color: #ded0d7;color: #6F0B3D; text-align: center; vertical-align: top;
|
|
border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">
|
|
</td>
|
|
</tr>
|
|
<!--/ko-->
|
|
<!--ko if: $index() == 0 || ($index() != 0 && $parent.statussen()[$index()-1].bestuur != bestuur ) -->
|
|
<tr>
|
|
<td data-bind="text: bestuur,
|
|
attr: {'colspan': $parent.selectedOrgversie() && $parent.selectedOrgversie().vorm() == 2 ? 6 : 4 }"
|
|
style="background-color: #f5f0f2;color: #6F0B3D; text-align: center; vertical-align: top;
|
|
border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">
|
|
</td>
|
|
</tr>
|
|
<!--/ko-->
|
|
|
|
<tr>
|
|
<td data-bind="text: brin"
|
|
style="vertical-align: top; border-left: 1px solid gainsboro;border-right: 1px solid gainsboro">
|
|
</td>
|
|
<td data-bind="text: school"
|
|
style="vertical-align: top; border-left: 1px solid gainsboro; border-right: 1px solid gainsboro"></td>
|
|
|
|
<!--ko if: $parent.selectedOrgversie() && $parent.selectedOrgversie().vorm() == 2 -->
|
|
<td data-bind="text: gebruiker "
|
|
style="vertical-align: top; border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">
|
|
</td>
|
|
<td data-bind="text: autorisatie "
|
|
style="vertical-align: top; border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">
|
|
</td>
|
|
<!--/ko -->
|
|
<td data-bind="text: mail"
|
|
style="vertical-align: top; border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">
|
|
</td>
|
|
<td data-bind="text: status"
|
|
style="vertical-align: top; border-left: 1px solid gainsboro; border-right: 1px solid gainsboro">
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button style="width: 80px;" data-dismiss="modal" >sluit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="modal fade" id="modNieuweKoppeling" role="dialog" >
|
|
<div class="modal-dialog ">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4>Nieuwe koppeling</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<table class="lstable" >
|
|
<tbody>
|
|
<tr>
|
|
<td > selecteer een versie </td>
|
|
<td > <select data-bind=" options : versies,
|
|
optionsText : 'naam',
|
|
value : newKoppelingVersie">
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td > selecteer een vorm</td>
|
|
<td > <select data-bind=" options : vormarray,
|
|
optionsText : 'naam',
|
|
optionsValue: 'id',
|
|
value : newKoppelingVorm">
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td > score mogelijkheid</td>
|
|
<td > <select data-bind=" options : scoretypes,
|
|
optionsText : 'naam',
|
|
optionsValue : 'sysnr',
|
|
value : newScoretype">
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr data-bind="visible: toonOptie()== true">
|
|
<td >Toon scoreomschrijving </td>
|
|
<td> <input type="checkbox" data-bind="checked: newOmschrijving "/> </td>
|
|
</tr>
|
|
<tr>
|
|
<td > ingangsdatum</td>
|
|
<td > <input class= "datum" data-bind="datepicker{maxDate: newKoppelingGeldigtm}, value: newKoppelingGeldigvanaf" />
|
|
</tr>
|
|
<tr>
|
|
<td > einddatum</td>
|
|
<td > <input class= "datum" data-bind="datepicker{minDate: newKoppelingGeldigvanaf}, value: newKoppelingGeldigtm" />
|
|
</tr>
|
|
<tr>
|
|
<td > invullen t/m</td>
|
|
<td > <input class= "datum" data-bind="datepicker{minDate: newKoppelingGeldigvanaf, maxDate: newKoppelingGeldigtm}, value: newKoppelingInvullentm" />
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button style="width: 80px;" data-bind="click: fSaveKoppeling, visible: newKoppelingVersie!== undefined">opslaan</button>
|
|
<button style="width: 80px;" data-dismiss="modal" >annuleren</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|