339 lines
20 KiB
PHP
339 lines
20 KiB
PHP
<div class="col-sm-12 mainpagina" id ="paggroepen">
|
|
|
|
<button style="float: right;margin-bottom:5px;" data-bind="click: fNewGroep, visible: writer()">nieuwe groep</button>
|
|
<button style="float: right; margin-bottom:5px; margin-right: 10px;"
|
|
data-bind= "click : fCopyGroep, visible: writer() && (groepen().length < 1)">
|
|
kopieer de groepen van het vorige schooljaar
|
|
</button>
|
|
<table style="width:100%">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 20px"> </th>
|
|
<th style="width: 300px" >groep</th>
|
|
<th style="width: 80px; text-align: right">aantal leerlingen</th>
|
|
<th data-bind="text: module() && module() == 2 ? 'Basis' : 'Basiskw.' "
|
|
style="width: 80px; text-align: right"> </th>
|
|
<th data-bind="text: module() && module() == 2 ? 'Basis +' : 'Basisond.' "
|
|
style="width: 80px; text-align: right"></th>
|
|
<th data-bind="text: module() && module() == 2 ? 'Extra' : 'Extra (l)' "
|
|
style="width: 80px; text-align: right"> </th>
|
|
<th data-bind="text: module() && module() == 2 ? 'Extra +' : 'Extra (z)' "
|
|
style="width: 80px; text-align: right"></th>
|
|
<th style="width: 250px; padding-left: 10px">leerkracht(en)</th>
|
|
<th style="width: 120px"> </th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach : groepen">
|
|
<tr style="border-bottom: 1px solid #efefef">
|
|
<td class="vat">
|
|
<button class="delete"
|
|
data-bind="click: $parent.fDeleteGroep, visible: $parent.writer()"></button></td>
|
|
<td class="vat" data-bind="text: naam"></td>
|
|
<td class="vat" style="text-align:right" data-bind="text: totaantal"></td>
|
|
<td class="vat" style="text-align:right" data-bind="text: som1() > 0 ? som1 : '' "></td>
|
|
<td class="vat" style="text-align:right" data-bind="text: som2() > 0 ? som2 : '' " ></td>
|
|
<td class="vat" style="text-align:right" data-bind="text: som3() > 0 ? som3 : ''" ></td>
|
|
<td class="vat" style="text-align:right" data-bind="text: som4() > 0 ? som4 : '' " ></td>
|
|
<td class="vat" style="padding-left:15px">
|
|
<!-- ko foreach: leerkrachten-->
|
|
<span data-bind="text:fullname"></span><br />
|
|
<!-- /ko -->
|
|
</td>
|
|
<td class="vat"> <button data-bind="click: $parent.fEditGroep">details</button></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<!-- ************* popups **************** -->
|
|
<div class="modal fade" id="modNewEditGroep" role="dialog" style="font-size:0.9em">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<h4>Groepsdiversiteit</h4>
|
|
</div><!-- header -->
|
|
|
|
<div class ="modal-body"
|
|
style ="padding-top:0px;"
|
|
data-bind ="with: editGroep()">
|
|
|
|
<table style="width:100%; background-color:#f1f1f1">
|
|
<tr>
|
|
<td style="width:30%">Groep(naam)</td>
|
|
<td><input data-bind="textInput: naam, enable: $root.writer()" /> </td>
|
|
<td rowspan = 3>
|
|
<select data-bind=" options : $parent.leerjaren,
|
|
optionsText : 'nivo',
|
|
optionsValue : 'id',
|
|
selectedOptions : niveau ,
|
|
optionsCaption : 'Selecteer leerjaar',
|
|
enable : $root.writer() "
|
|
multiple="true"
|
|
size=9
|
|
style="font-size:0.9em">
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td style="vertical-align:top">
|
|
Leerkracht(en)
|
|
<button style="float:right" class="noshow editbutton" data-bind= "click: $parent.fWijzigLeerkrachten, enable:$parent.writer()"></button>
|
|
</td>
|
|
<td style="vertical-align:top">
|
|
|
|
<!-- ko foreach: $parent.leerkrachten -->
|
|
<p style="margin:0px" data-bind="text: fullname, visible: selected()"></p>
|
|
<!-- /ko -->
|
|
|
|
<div data-bind="visible: toonLK"
|
|
style="position: absolute; background-color:#ffffff; height: 190px; padding:10px">
|
|
<div style="height: 155px; overflow-y: auto">
|
|
<table>
|
|
<tbody data-bind="foreach: $parent.leerkrachten">
|
|
<tr class="klikbaar" >
|
|
<td data-bind="text: fullname, click: $root.fToggleLeerkracht, css:{'selected' : selected}"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<button data-bind="click: $parent.fWijzigLeerkrachten"> sluiten</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr> <td >
|
|
Totaal aantal leerlingen
|
|
</td>
|
|
<td>
|
|
<input class="integer"
|
|
id = "totaal"
|
|
data-bind="textInput: totaantal, event:{input: $parent.fCheckTotaal}, enable: $root.writer() && !$root.bezig()" />
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p style="font-size: 1em; text-align: center" class="header">Leerlingen opgesplitst naar onderwijsvraag</p>
|
|
<div style="height: 320px ; overflow-y:auto">
|
|
|
|
<table style="width:98%">
|
|
<tr class="kopje">
|
|
<td style="width:20px"></td>
|
|
<td ><b data-bind="text: $parent.label1()"></b>*</td>
|
|
<td style="width: 45px" class="integer" data-bind="text: basis"></td>
|
|
</tr>
|
|
|
|
<tr class="kopje">
|
|
<td style="width: 25px;"
|
|
class="openbutton"
|
|
data-bind="click: $parent.fToggle($data,2), css:{'closebutton': !geopend2()}" ></td>
|
|
<td ><b data-bind="text: $parent.label2()"></b>*</td>
|
|
|
|
<td style="width: 45px" class="integer" data-bind="text: totplus"></td>
|
|
</tr>
|
|
<!-- ko foreach: ondersteuningsvormen -->
|
|
<tr data-bind="visible: !$parent.geopend2() && nivo==2 && !archief()" >
|
|
<td >
|
|
<button class="delete"
|
|
data-bind="click: $root.fDeleteOS, visible: orgid > 0 && !gebruikt && $root.writer()">
|
|
</button>
|
|
<i class="fa fa-archive"
|
|
data-bind="click: $root.fArchiveOS, visible: orgid > 0 && gebruikt && $root.writer()">
|
|
</i>
|
|
</td>
|
|
<td ><input style="width:100%"
|
|
data-bind="textInput: naam,
|
|
enable: orgid > 0 && $root.writer(),
|
|
css:{'noinput' : orgid ==0}" />
|
|
</td>
|
|
<td><input class = "integer"
|
|
data-bind="textInput: aantal,
|
|
attr:{'id' : 'aantal2-' + $index()},
|
|
event:{input: $root.fCheckinput.bind($data, 'aantal2-'+$index() )},
|
|
enable: $root.writer() && !$root.bezig()" /></td>
|
|
|
|
|
|
</tr>
|
|
<!-- /ko -->
|
|
|
|
<tr data-bind="visible: !geopend2()">
|
|
<td></td>
|
|
<td colspan=2 style="padding-top: 2px; padding-bottom: 5px;">
|
|
<button class="btn-subtle"
|
|
data-bind="click: $parent.fNewOndersteuning.bind($data,2), visible: $root.writer()">voeg ondersteuningsvorm toe
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- ko if:archiefplus() -->
|
|
<tr data-bind="visible: !geopend2() && !archief2() ">
|
|
<td></td>
|
|
<td colspan=2 style="padding-top: 2px;">
|
|
<button class="btn-subtle" data-bind="click: $parent.fToggleArchief.bind($data,2), visible: $root.writer()">toon archief
|
|
</button></td>
|
|
</tr>
|
|
<tr data-bind="visible: !geopend2() && archief2() ">
|
|
<td colspan=3 style="background-color: lightgrey;"> Gearchiveerde ondersteuningsvormen
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
<!-- ko foreach: ondersteuningsvormen -->
|
|
|
|
<tr style="background-color: #f1f1f1;" data-bind="visible: !$parent.geopend2() && $parent.archief2() && nivo==2 && orgid > 0 && archief() && $root.writer()">
|
|
<td >
|
|
<button class="activeer" data-bind="click: $root.fActivateOS, ">
|
|
</button>
|
|
</td>
|
|
<td colspan=2 data-bind="text: naam"></td>
|
|
</tr>
|
|
<!-- /ko -->
|
|
<tr style="background-color: #f1f1f1;" data-bind="visible: !geopend2() && archief2() ">
|
|
<td colspan=2 ></td>
|
|
<td style="padding-top: 2px;"> <button class="btn-subtle" data-bind="click: $parent.fToggleArchief.bind($data,2), visible: $root.writer()">sluit</button></td>
|
|
</tr>
|
|
<!--/ko-->
|
|
|
|
|
|
<tr data-bind="visible: !geopend2() ">
|
|
<td colspan=3> <hr/></td>
|
|
</tr>
|
|
|
|
<tr class="kopje">
|
|
<td style="width: 25px;"
|
|
class="openbutton"
|
|
data-bind="click: $parent.fToggle($data,3), css:{'closebutton': !geopend3()}" ></td>
|
|
<td ><b data-bind="text: $parent.label3()"></b>*</td>
|
|
<td style="width: 45px" class="integer" data-bind="text: totextra"></td>
|
|
</tr>
|
|
|
|
<!-- ko foreach: ondersteuningsvormen -->
|
|
<tr data-bind="visible: !$parent.geopend3() && nivo==3 && !archief() " >
|
|
<td >
|
|
<button class="delete" data-bind="click: $root.fDeleteOS, visible: orgid > 0 && !gebruikt && $root.writer()"></button>
|
|
<i class="fa fa-archive" data-bind="click: $root.fArchiveOS, visible: orgid> 0 && gebruikt && $root.writer()"></i>
|
|
</td>
|
|
<td ><input style="width:100%"
|
|
data-bind="textInput: naam,
|
|
enable: orgid > 0,
|
|
css:{'noinput' : orgid ==0}" /></td>
|
|
<td><input class = "integer"
|
|
data-bind="textInput: aantal,
|
|
attr:{'id' : 'aantal3-' + $index()},
|
|
event:{input: $root.fCheckinput.bind($data, 'aantal3-'+$index() )},
|
|
enable: $root.writer() && !$root.bezig()" /></td>
|
|
</tr>
|
|
<!-- /ko -->
|
|
<tr data-bind="visible: !geopend3() " style="padding-bottom: 5px;">
|
|
<td></td>
|
|
<td colspan=2 style="padding-top: 2px;"> <button class="btn-subtle" data-bind="click: $parent.fNewOndersteuning.bind($data,3), visible: $root.writer()">voeg ondersteuningsvorm toe</button></td>
|
|
</tr>
|
|
|
|
<!-- ko if:archiefextra() -->
|
|
<tr data-bind="visible: !geopend3() && !archief3()">
|
|
<td></td>
|
|
<td colspan=2 style="padding-top: 2px;"> <button class="btn-subtle" data-bind="click: $parent.fToggleArchief.bind($data,3), visible: $root.writer()">toon archief</button></td>
|
|
</tr>
|
|
<tr data-bind="visible: !geopend3() && archief3() ">
|
|
<td colspan=3 style="background-color: lightgrey;"> Gearchiveerde ondersteuningsvormen</td>
|
|
</tr>
|
|
|
|
<!-- ko foreach: ondersteuningsvormen -->
|
|
|
|
<tr style="background-color: #f1f1f1;" data-bind="visible: !$parent.geopend3() && $parent.archief3() && nivo==3 && orgid > 0 && archief() && $root.writer()">
|
|
<td >
|
|
<button class="activeer" data-bind="click: $root.fActivateOS "></button>
|
|
</td>
|
|
<td colspan=2 data-bind="text: naam"></td>
|
|
</tr>
|
|
<!-- /ko -->
|
|
<tr style="background-color: #f1f1f1;" data-bind="visible: !geopend3() && archief3()">
|
|
<td colspan=2></td>
|
|
<td style="padding-top: 2px;"> <button class="btn-subtle" data-bind="click: $parent.fToggleArchief.bind($data,3), visible: $root.writer()">sluit</button></td>
|
|
</tr>
|
|
<!-- /ko -->
|
|
|
|
<tr data-bind="visible: !geopend3()">
|
|
<td colspan=3> <hr/></td>
|
|
</tr>
|
|
<tr class="kopje">
|
|
<td style="width: 25px;"
|
|
class="openbutton"
|
|
data-bind="click: $parent.fToggle($data,4) , css:{'closebutton': !geopend4()}" ></td>
|
|
<td ><b data-bind="text: $parent.label4()" ></b>*</td>
|
|
<td style="width: 45px" class= "integer" data-bind="text: totextraplus"></td>
|
|
</tr>
|
|
<!-- ko foreach: ondersteuningsvormen -->
|
|
<tr data-bind="visible: !$parent.geopend4() && nivo==4 && !archief()">
|
|
<td >
|
|
<button class="delete" data-bind="click: $root.fDeleteOS, visible: orgid > 0 && ! gebruikt && $root.writer()"></button>
|
|
<i class="fa fa-archive" data-bind="click: $root.fArchiveOS, visible: orgid> 0 && gebruikt && $root.writer()"></i>
|
|
</td>
|
|
<td ><input style="width:100%"
|
|
data-bind="textInput: naam,
|
|
enable: orgid > 0,
|
|
css:{'noinput' : orgid ==0}" /></td>
|
|
<td><input class = "integer"
|
|
data-bind="textInput: aantal,
|
|
attr:{'id' : 'aantal4-' + $index()},
|
|
event:{input: $root.fCheckinput.bind($data, 'aantal4-'+$index() )},
|
|
enable: $root.writer() && !$root.bezig()" /></td>
|
|
</tr>
|
|
<!-- /ko -->
|
|
<tr data-bind="visible: !geopend4()" style="padding-bottom: 5px;">
|
|
<td></td>
|
|
<td colspan=2 style="padding-top: 2px;"> <button class="btn-subtle" data-bind="click: $parent.fNewOndersteuning.bind($data,4), visible: $root.writer()">voeg ondersteuningsvorm toe</button></td>
|
|
</tr>
|
|
<!-- ko if: archiefextraplus() -->
|
|
<tr data-bind="visible: !geopend4() && !archief4()">
|
|
<td></td>
|
|
<td colspan=2 style="padding-top: 2px;"> <button class="btn-subtle" style="background-color: #f1f1f1; " data-bind="click: $parent.fToggleArchief.bind($data,4), visible: $root.writer()">toon archief</button></td>
|
|
</tr>
|
|
<tr data-bind="visible: !geopend4() && archief4() ">
|
|
<td colspan=3 style="background-color: lightgrey;"> Gearchiveerde ondersteuningsvormen</td>
|
|
</tr>
|
|
|
|
|
|
<!-- ko foreach: ondersteuningsvormen -->
|
|
|
|
<tr style="background-color: #f1f1f1;" data-bind="visible: !$parent.geopend4() && $parent.archief4() && nivo==4 && orgid > 0 && archief() && $root.writer()">
|
|
<td >
|
|
<button class="activeer" data-bind="click: $root.fActivateOS "></button>
|
|
</td>
|
|
<td colspan=2 data-bind="text: naam"></td>
|
|
</tr>
|
|
<!-- /ko -->
|
|
<tr style="background-color: #f1f1f1;" data-bind="visible: !geopend4() && archief4()">
|
|
<td colspan=2></td>
|
|
<td style="padding-top: 2px;"> <button class="btn-subtle" data-bind="click: $parent.fToggleArchief.bind($data,4), visible: $root.writer()">sluit</button></td>
|
|
</tr>
|
|
<tr data-bind="visible: !geopend4()">
|
|
<td colspan=3> <hr/></td>
|
|
</tr>
|
|
<!-- /ko -->
|
|
</table>
|
|
<div>
|
|
<p>Notitie</p>
|
|
<textarea style="width: 100%; min-height:70px"
|
|
data-bind="textInput: notitie, event:{'input': $parent.fUpdateNotitie}"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- body-->
|
|
|
|
<div class="modal-footer">
|
|
<button style="float:left;"
|
|
data-bind="click:fUpdateGroep, visible: writer()"> ok </button>
|
|
<button data-dismiss="modal" data-bind="text: $root.writer() ? 'annuleren' : 'sluiten' "></button>
|
|
</div> <!-- footer -->
|
|
</div> <!-- content -->
|
|
</div> <!-- modal dialog -->
|
|
</div> <!-- modal -->
|
|
<!-- ********* modal edit/show toelichting **************** -->
|
|
<div class="popup" data-bind="with : edittekst">
|
|
<textarea data-bind="textInput: tekst"></textarea>
|
|
</div>
|
|
<!-- ********* einde popups **************** -->
|
|
|
|
|
|
</div>
|