410 lines
28 KiB
PHP
410 lines
28 KiB
PHP
<div class="modal fade" id="modOmvang" role="dialog" >
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header" >
|
|
<h4 data-bind="text: $root.selectedOnderdeel().naam"></h4>
|
|
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="col-xs-6">
|
|
<h4 style="font-weight: bold; margin-left: 18px;">Totaal aantal leerlingen</h4>
|
|
<div class="col-xs-8">
|
|
<p style="background-color: #ccebff">
|
|
<label style="width: 100px; padding-left: 3px; padding-right: 3px;">Schooljaar
|
|
</label>
|
|
<label data-bind="text:$root.selectedOnderdeel().schooljaar">
|
|
</label>
|
|
</p>
|
|
<p data-bind="with: selectedOnderdeel()">
|
|
|
|
<label style="width: 130px; padding-left: 3px; padding-right: 3px;">1 oktober
|
|
</label>
|
|
<input style="width: 50px; padding-right: 3px; text-align: right;"
|
|
data-bind="textInput: aantallln, event:{input: $root.fSaveAantalLeerlingen}"/>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-6">
|
|
<div class="col-xs-8" style="margin-top: 40px;">
|
|
<p style="background-color: #ccebff">
|
|
<label style="width: 100px; padding-left: 3px; padding-right: 3px;">Schooljaar
|
|
</label>
|
|
<label data-bind="text:$root.selectedOnderdeel().schooljaarV">
|
|
</label>
|
|
</p>
|
|
<p data-bind="with: selectedOnderdeel()">
|
|
<label style="width: 130px; padding-left: 3px; padding-right: 3px;">1 oktober
|
|
</label>
|
|
<input style="width: 50px; padding-right: 3px; text-align: right;"
|
|
data-bind="textInput: aantalllnV, event:{input: $root.fSaveAantalLeerlingen}"/>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 ">
|
|
|
|
|
|
<div class="col-xs-6">
|
|
<h4 style="font-weight: bold; margin-left: 18px;">Aantal TLVs</h4>
|
|
<div class="col-xs-8" style="margin-top: 10px;"data-bind="foreach: $root.selectedOnderdeel().tlvs">
|
|
<div style="background-color: #e6f5ff" data-bind="visible: index == 0 ">
|
|
<p style="background-color: #ccebff">
|
|
<label style="width: 100px; padding-left: 3px; padding-right: 3px;">Schooljaar
|
|
</label>
|
|
<label data-bind="text:schooljaar">
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label style="width: 130px; padding-left: 3px; padding-right: 3px;">SBO
|
|
</label>
|
|
<input style="width: 50px; padding-right: 3px; text-align: right;"
|
|
data-bind="textInput: sbo, event:{input: $root.fSaveTLVs}"/>
|
|
</p>
|
|
<p>
|
|
<label style="width: 130px; padding-left: 3px; padding-right: 3px;">SO
|
|
</label>
|
|
<input style="width: 50px; padding-right: 3px; text-align: right;" data-bind="textInput: so, event:{input: $root.fSaveTLVs}"/>
|
|
</p>
|
|
<p style="margin-bottom: 20px;">
|
|
<label style="width: 130px; padding-left: 3px; padding-right: 3px;">Totaal
|
|
</label>
|
|
<label style="width: 50px; padding-right: 3px; text-align: right;" data-bind="text: totaal">
|
|
</label>
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-12">
|
|
<h4 style="font-weight: bold; ">Aantal arrangementen</h4>
|
|
<table style="background-color: #e6f5ff; width: 100%; margin-top: 10px;">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 35%; background-color: #ccebff; border: none"></th>
|
|
<th style="width: 15%; background-color: #ccebff; border: none"></th>
|
|
<th style="width: 15%; background-color: #ccebff; border: none"></th>
|
|
<th style="width: 15%; background-color: #ccebff; border: none"></th>
|
|
<th style="width: 10%; background-color: #ccebff; border: none"></th>
|
|
<th style="width: 10%; background-color: #ccebff; border: none"></th>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="6" style=" background-color: #ccebff; border: none;"
|
|
data-bind="text: 'Schooljaar ' + $root.selectedOnderdeel().schooljaar">
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th style="background-color: #ccebff; border: none; vertical-align: text-top">naam</th>
|
|
<th style="background-color: #ccebff; border: none; vertical-align: text-top">leer-jaren</th>
|
|
<th style="background-color: #ccebff; border: none; vertical-align: text-top">aantal lln</th>
|
|
<th style="background-color: #ccebff; border: none; vertical-align: text-top">looptijd</th>
|
|
<th style="background-color: #ccebff; border: none; vertical-align: text-top"></th>
|
|
<th style="background-color: #ccebff; border: none; vertical-align: text-top"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach: $root.selectedOnderdeel().arrangementen">
|
|
<tr data-bind=" visible: archief() == false">
|
|
<td data-bind="text: naam" ></td>
|
|
<td data-bind="text: leeftijd" ></td>
|
|
<td >
|
|
<input style="padding-right: 3px; width: 50px; text-align: right;"
|
|
data-bind="textInput: aantal, event:{input: $root.fSaveLlnArr} "/>
|
|
</td>
|
|
<td data-bind="text: looptijd" ></td>
|
|
<td>
|
|
<button class="noshowklein glyphicon glyphicon-trash"
|
|
style="background-color: #e6f5ff"
|
|
data-bind="click: $root.fDeleteArrangement">
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="noshowklein glyphicon glyphicon-eye-close"
|
|
style="background-color: #e6f5ff"
|
|
data-bind="click: $root.fVerbergArrangement.bind($data, 1)">
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody data-bind="visible: !$root.nieuwArrangement()">
|
|
<tr>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td colspan="2">
|
|
<button class=" buttonCompact glyphicon glyphicon-plus"
|
|
style="background-color: #1aa3ff; color: white; width: 30px; height: 30px; "
|
|
data-bind="click: $root.fToggleNieuwArrangement" >
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody style="border: 1px solid darkgray"data-bind ="visible: $root.nieuwArrangement()">
|
|
<tr >
|
|
<td colspan="4" style="font-weight: bold">Nieuw arrangement</td>
|
|
<td colspan="2">
|
|
<button class=" buttonCompact glyphicon glyphicon-minus"
|
|
style="background-color: #1aa3ff; color: white; width: 30px; height: 30px;"
|
|
data-bind="click: $root.fToggleNieuwArrangement">
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
<tr >
|
|
<td style="vertical-align: text-top">naam</td>
|
|
<td style="vertical-align: text-top">leer-jaren</td>
|
|
<td style="vertical-align: text-top">aantal lnn</td>
|
|
<td colspan="2" style="vertical-align: text-top">looptijd</td>
|
|
<td ></td>
|
|
</tr>
|
|
<tr >
|
|
<td style="vertical-align: top">
|
|
<textarea rows="2"
|
|
style="padding-left: 3px; width: 110px;"
|
|
data-bind="textInput: naamNieuw">
|
|
</textarea>
|
|
</td>
|
|
<td style="vertical-align: top">
|
|
<input style="padding-left: 3px; width: 50px;"
|
|
data-bind="textInput: leeftijdNieuw "/>
|
|
|
|
</td>
|
|
<td style="vertical-align: top">
|
|
<input style="padding-right: 3px; width: 50px; text-align: right;"
|
|
data-bind="textInput: aantalNieuw" />
|
|
</td>
|
|
<td colspan="2" style="vertical-align: top">
|
|
<div style="vertical-align: top">
|
|
<input type="radio" name="looptijd" value="L"
|
|
data-bind="checked: looptijdNieuw" /> ≥ 6 wkn
|
|
</div>
|
|
<div>
|
|
<input type="radio" name="looptijd" value="K"
|
|
data-bind="checked: looptijdNieuw"/> < 6 wkn
|
|
|
|
</div>
|
|
</td>
|
|
<td><button class=" buttonCompact glyphicon glyphicon-save"
|
|
style="background-color: #1aa3ff; color: white; width: 30px; height: 30px;"
|
|
data-bind="click: $root.fSaveNieuwArrangement">
|
|
</button>
|
|
</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
<tbody data-bind ="with: $root.selectedOnderdeel()">
|
|
<tr style="padding-top: 30px; ">
|
|
<td>Totaal</td>
|
|
<td></td>
|
|
<td style="text-align: right; padding-right: 5px;"
|
|
data-bind="text: totaal() "></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p style="float: right; margin-top: 10px;"> alle arrangementen tonen
|
|
<button class="buttonCompact glyphicon glyphicon-eye-open"
|
|
style="background-color: #1aa3ff; width: 30px; height: 30px;margin-left: 10px;margin-top: -5px; "
|
|
data-bind="click: $root.fToonArchief.bind($data, 1)">
|
|
</button>
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-xs-6">
|
|
|
|
<div class="col-xs-8" style="margin-top: 50px;"data-bind="foreach: $root.selectedOnderdeel().tlvs">
|
|
<div data-bind="visible: index == 1" style="background-color: #e6f5ff" >
|
|
<p style="background-color: #ccebff">
|
|
<label style=" width: 100px; padding-left: 3px; padding-right: 3px;">Schooljaar
|
|
</label>
|
|
<label data-bind="text:schooljaar">
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label style="width: 130px; padding-left: 3px; padding-right: 3px;">SBO
|
|
</label>
|
|
<input style="width: 50px; padding-right: 3px; text-align: right;"
|
|
data-bind="textInput: sbo, event:{input: $root.fSaveTLVs}"/>
|
|
</p>
|
|
<p>
|
|
<label style="width: 130px; padding-left: 3px; padding-right: 3px;">SO
|
|
</label>
|
|
<input style="width: 50px; padding-right: 3px; text-align: right;"
|
|
data-bind="textInput: so, event:{input: $root.fSaveTLVs}"/>
|
|
</p>
|
|
<p style="margin-bottom: 20px;">
|
|
<label style="width: 130px; padding-left: 3px; padding-right: 3px;">Totaal
|
|
</label>
|
|
<label style="width: 50px; padding-right: 3px; text-align: right;"
|
|
data-bind="text: totaal()">
|
|
</label>
|
|
</p>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div style="margin-top: 40px;" class="col-xs-12">
|
|
|
|
<table style="background-color: #e6f5ff; width: 100%;">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 35%; background-color: #ccebff; border: none"></th>
|
|
<th style="width: 15%; background-color: #ccebff; border: none"></th>
|
|
<th style="width: 15%; background-color: #ccebff; border: none"></th>
|
|
<th style="width: 15%; background-color: #ccebff; border: none"></th>
|
|
<th style="width: 10%; background-color: #ccebff; border: none"></th>
|
|
<th style="width: 10%; background-color: #ccebff; border: none"></th>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="6" style=" background-color: #ccebff; border: none;"
|
|
data-bind="text: 'Schooljaar ' + $root.selectedOnderdeel().schooljaarV">
|
|
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th style="background-color: #ccebff; border: none; vertical-align: text-top">naam</th>
|
|
<th style="background-color: #ccebff; border: none; vertical-align: text-top">leer-jaren</th>
|
|
<th style="background-color: #ccebff; border: none; vertical-align: text-top">aantal lln</th>
|
|
<th style="background-color: #ccebff; border: none; vertical-align: text-top">looptijd</th>
|
|
<th style="background-color: #ccebff; border: none; vertical-align: text-top"></th>
|
|
<th style="background-color: #ccebff; border: none; vertical-align: text-top"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach: $root.selectedOnderdeel().arrangementen">
|
|
<tr data-bind="visible: !archiefV()">
|
|
<td data-bind="text: naam" ></td>
|
|
<td data-bind="text:leeftijd" ></td>
|
|
<td >
|
|
<input style="padding-right: 3px; width: 50px; text-align: right;"
|
|
data-bind="textInput: aantalV, event:{input: $root.fSaveLlnArr}"/>
|
|
</td>
|
|
<td data-bind="text: looptijd" ></td>
|
|
<td>
|
|
<button class="noshowklein glyphicon glyphicon-trash"
|
|
style="background-color: #e6f5ff"
|
|
data-bind="click: $root.fDeleteArrangement">
|
|
</button>
|
|
</td>
|
|
<td><button class="noshowklein glyphicon glyphicon-eye-close"
|
|
style="background-color: #e6f5ff"
|
|
data-bind="click: $root.fVerbergArrangement.bind($data, 2)">
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody data-bind="visible: !$root.nieuwArrangementV()">
|
|
<tr>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td colspan="2">
|
|
<button class=" buttonCompact glyphicon glyphicon-plus"
|
|
style="background-color: #1aa3ff; color: white; width: 30px; height: 30px; "
|
|
data-bind="click: $root.fToggleNieuwArrangementV" >
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody style="border: 1px solid darkgray"data-bind ="visible: $root.nieuwArrangementV()">
|
|
<tr >
|
|
<td colspan="4" style="font-weight: bold">Nieuw arrangement</td>
|
|
<td colspan="2">
|
|
<button class=" buttonCompact glyphicon glyphicon-minus"
|
|
style="background-color: #1aa3ff; color: white; width: 30px; height: 30px;"
|
|
data-bind="click: $root.fToggleNieuwArrangementV">
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
<tr >
|
|
<td style="vertical-align: text-top">naam</td>
|
|
<td style="vertical-align: text-top">leer-jaren</td>
|
|
<td style="vertical-align: text-top">aantal lnn</td>
|
|
<td colspan="2" style="vertical-align: text-top">looptijd</td>
|
|
<td ></td>
|
|
</tr>
|
|
<tr >
|
|
<td style="vertical-align: top">
|
|
<textarea rows="2"
|
|
style="padding-left: 3px; width: 110px;"
|
|
data-bind="textInput: naamNieuwV">
|
|
</textarea>
|
|
</td>
|
|
<td style="vertical-align: top">
|
|
<input style="padding-left: 3px; width: 50px;"
|
|
data-bind="textInput: leeftijdNieuwV "/>
|
|
|
|
</td>
|
|
<td style="vertical-align: top">
|
|
<input style="padding-right: 3px; width: 50px; text-align: right;"
|
|
data-bind="textInput: aantalNieuwV" />
|
|
</td>
|
|
<td colspan="2" style="vertical-align: top">
|
|
<div style="vertical-align: top">
|
|
<input type="radio" name="looptijd" value="L"
|
|
data-bind="checked: looptijdNieuwV" /> ≥ 6 wkn
|
|
</div>
|
|
<div>
|
|
<input type="radio" name="looptijd" value="K"
|
|
data-bind="checked: looptijdNieuwV"/> < 6 wkn
|
|
|
|
</div>
|
|
</td>
|
|
<td><button class=" buttonCompact glyphicon glyphicon-save"
|
|
style="background-color: #1aa3ff; color: white; width: 30px; height: 30px;"
|
|
data-bind="click: $root.fSaveNieuwArrangementV">
|
|
</button>
|
|
</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
<tbody data-bind ="with: $root.selectedOnderdeel()">
|
|
<tr style="padding-top: 30px; ">
|
|
<td>Totaal</td>
|
|
<td></td>
|
|
|
|
<td style="text-align: right; padding-right: 13px;"
|
|
data-bind="text: totaalV() "></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p style="float: right; margin-top: 10px;"> alle arrangementen tonen
|
|
<button class="buttonCompact glyphicon glyphicon-eye-open"
|
|
style="background-color: #1aa3ff; width: 30px; height: 30px;margin-left: 10px;margin-top: -5px; "
|
|
data-bind="click: fToonArchief.bind($data, 2)">
|
|
</button>
|
|
</p>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="buttonCompact glyphicon glyphicon-remove"
|
|
style="background-color: transparent; width: 30px; height: 30px; color: grey"
|
|
data-dismiss="modal">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|