initial commit
This commit is contained in:
@@ -0,0 +1,27 @@
|
||||
<div class="modal fade" id="modEditProfiel" role="dialog" >
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4>Profielgegevens</h4>
|
||||
</div>
|
||||
<div class="modal-body" data-bind="with: selectedProfiel()">
|
||||
<p> Naam: <input style="width: 200px" data-bind="textInput: naam" /></p>
|
||||
<p style="margin-top: 10px;"> Betreft metingen in de periode <br/>van
|
||||
<input class="datum" data-bind="datepicker{maxDate: tm}, value: van" readonly="true" />
|
||||
t/m <input class="datum" data-bind="datepicker{minDate: van}, value: tm" readonly="true"/>
|
||||
</p>
|
||||
<p style='font-size:0.8em;margin-top:10px'>Let op, als u hier de periode wijzigt, wordt de inhoud van de hoofdstukken <b>niet</b> automatisch aangepast. U moet zelf voor verversen kiezen.</p>
|
||||
</div>
|
||||
<div class="modal-footer" data-bind="with: selectedProfiel">
|
||||
<button style="float:left; width: 80px;"
|
||||
data-bind="click: $parent.fUpdateProfiel ,
|
||||
visible: naam().length > 0 &&
|
||||
van().length > 1 &&
|
||||
tm().length > 1"> ok </button>
|
||||
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal" >annuleer</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,27 @@
|
||||
<div class="modal fade" id="modChangeProfielSop" role="dialog" >
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4>Profielgegevens</h4>
|
||||
</div>
|
||||
<div class="modal-body" data-bind="with: selectedProfiel()">
|
||||
<p> Naam: <input style="width: 200px" data-bind="textInput: naam" /></p>
|
||||
<p style="margin-top: 10px;"> Betreft metingen in de periode <br/>van
|
||||
<input class="datum" data-bind="datepicker{maxDate: tm}, value: van" readonly="true" />
|
||||
t/m <input class="datum" data-bind="datepicker{minDate: van}, value: tm" readonly="true"/>
|
||||
</p>
|
||||
<p style='font-size:0.8em;margin-top:10px'>Let op, als u hier de periode wijzigt, wordt de inhoud van de hoofdstukken <b>niet</b> automatisch aangepast. U moet zelf voor update tabellen kiezen.</p>
|
||||
</div>
|
||||
<div class="modal-footer" data-bind="with: selectedProfiel">
|
||||
<button style="float:left; width: 80px;"
|
||||
data-bind="click: $parent.fUpdateProfiel ,
|
||||
visible: naam().length > 0 &&
|
||||
van().length > 1 &&
|
||||
tm().length > 1"> ok </button>
|
||||
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal" >annuleer</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,27 @@
|
||||
<div class="modal fade" id="modDownloader" role="dialog" >
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button class="close" aria-hidden="true"
|
||||
data-dismiss="modal" type="button" style="color:#ffffff">x</button>
|
||||
<h4>Inzien/downloaden
|
||||
<span data-bind="text: file() ? file().naam : '' "></span></h4>
|
||||
</div>
|
||||
<div class="modal-body" >
|
||||
<h4 data-bind="html: infotekst"></h4>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<!-- ko if:file() && file().pdf() -->
|
||||
<button style="float:left; width: 80px;"
|
||||
data-dismiss="modal"
|
||||
data-bind="click:fShowPDF"> toon pdf </button>
|
||||
<!-- /ko -->
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal"
|
||||
data-bind="click:fDownload">download </button>
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal" >annuleren</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,30 @@
|
||||
<div class="modal fade" id="modEditFolder" role="dialog">
|
||||
<div class=" modal-dialog modal-sm ">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<table>
|
||||
<tr>
|
||||
<td style="width: 60px; ">Nummer</td>
|
||||
<td style="width: 200px; ">Foldernaam</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input style="width: 55px" data-bind="textInput: newNummer " /></td>
|
||||
<td> <input style="width: 200px" data-bind="textInput: newNaam " /></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button style="float:left; width: 80px;"
|
||||
data-bind="click: fSaveEditFolder, visible: newNaam() && newNaam().length > 0 "> ok
|
||||
</button>
|
||||
|
||||
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal" >annuleer</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,43 @@
|
||||
<div class="modal fade" id="modIJkpuntenLijst" role="dialog" >
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4>Kies versie</h4>
|
||||
<p>Lijsten met dezelfde naam en hetzelfde scoretype kunnen vergeleken worden.</p>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<div data-bind="foreach: series">
|
||||
<input style="margin-right: 10px;margin-top: 20px;"
|
||||
type="radio" name="lijstversie"
|
||||
data-bind="checkedValue: $root.selectedSerie,
|
||||
click: $root.fSelecteerSerie" />
|
||||
<span style="font-weight: bold"
|
||||
data-bind="text: naam + ', scoretype: ' + scoreomschrijving ">
|
||||
</span>
|
||||
<p style="margin-left: 30px;"
|
||||
data-bind="visible: toonCheckbox() == 'Toon' ">
|
||||
Selecteer één of meer ingevulde lijsten.
|
||||
</p>
|
||||
<div style="margin-left: 30px; " data-bind="foreach: periodes, visible: toonCheckbox() == 'Toon' ">
|
||||
<p>
|
||||
<input type= "checkbox" value="orgversieid" data-bind="checked: geselecteerd(), click: $root.fSelecteerPeriode"/>
|
||||
<span data-bind="text: 'periode ' + periodenummer + ' van: ' + geldigvanaf + ' t/m ' + geldigtm +', '+ wijik "></span>
|
||||
</p>
|
||||
</div>
|
||||
<div style="margin-left: 30px;"data-bind="foreach: periodes, visible: toonCheckbox() == 'Verberg' ">
|
||||
<p data-bind="text: 'periode ' + periodenummer + ' van: ' + geldigvanaf + ' t/m ' + geldigtm +', '+ wijik"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button style="float:left; width: 80px;" data-bind="click: fHaalLijstenOp.bind($data, 'popup')"
|
||||
> ok
|
||||
</button>
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal">annuleer
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,51 @@
|
||||
<div class="modal " id="modKiesFilledVersie" role="dialog" data-backdrop="static">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4>Kies een ingevulde versie</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<table style="margin-bottom: 20px;" >
|
||||
<tbody data-bind="foreach: versies">
|
||||
<tr>
|
||||
<td> <span class= 'fa'
|
||||
data-bind="css:{'fa-dot-circle-o': $root.selectedVersie()
|
||||
&& orgversieid() == $root.selectedVersie().orgversieid(),
|
||||
'fa-circle-o': !$root.selectedVersie() || orgversieid() != $root.selectedVersie().orgversieid()},
|
||||
click: $root.fSetSelectedVersie"> </span>
|
||||
</td>
|
||||
|
||||
<td style="text-align: left" data-bind="text: naam" >
|
||||
</td>
|
||||
|
||||
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<div data-bind="visible: erZijnMeerVersies()== true ">
|
||||
<br>
|
||||
<p style="font-weight: bold">Wilt u in de ijkpuntengrafiek de scores vergelijken met eerdere versies?</p>
|
||||
<p style="font-weight: bold">Selecteer de versie(s) die u wilt vergelijken.</p>
|
||||
<div data-bind="foreach: referentieVersies">
|
||||
<div>
|
||||
<span class= 'fa'
|
||||
data-bind="css:{'fa-dot-circle-o': geselecteerd()== true,
|
||||
'fa-circle-o': geselecteerd()== false},
|
||||
click: $root.fSelecteerReferentie"> </span>
|
||||
<span data-bind="text: naamkort"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class= "modal-footer">
|
||||
<button style="float:left; width: 80px;"
|
||||
data-bind="click: $root.fSetFilledVersie"> ok
|
||||
</button>
|
||||
<button style="width: 80px;"
|
||||
data-bind="click:$root.fCloseModalFilledVersie">annuleer
|
||||
</button>
|
||||
</div><!-- modal footer -->
|
||||
</div><!-- modal content -->
|
||||
</div><!-- modal dialog -->
|
||||
</div> <!-- modal -->
|
||||
@@ -0,0 +1,27 @@
|
||||
<div class="modal " id="modkiesversie" role="dialog" data-backdrop="static">
|
||||
<div class="modal-dialog modal-lg" >
|
||||
<div class="modal-content" >
|
||||
|
||||
<div class="modal-header" data-bind="with: versies">
|
||||
<h4 data-bind="text: versies(0.length > 1 ? 'Beschikbare versies:': 'Beschikbare versie:'"></h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
|
||||
|
||||
|
||||
<p style="text-align: left;"><b>Waarschuwing:</b></p>
|
||||
<p style="text-align: left; margin-bottom: 20px;"><b> als u een hoofdstuk maakt gebaseerd op gegevens uit een andere versie,
|
||||
worden de huidige tabellen overschreven.</b>
|
||||
</p>
|
||||
</div> <!-- modal body -->
|
||||
<div class="modal-footer">
|
||||
<button style="float:left; width: 80px;"
|
||||
data-dismiss="modal"
|
||||
data-bind="click: $root.fSelecteerVersie"> ok </button>
|
||||
<button style="width: 80px;"
|
||||
data-bind="click:$root.fCloseModalFilledVersie">annuleer</button>
|
||||
</div> <!-- modal-footer -->
|
||||
</div><!-- modal content -->
|
||||
</div> <!-- modal dialog -->
|
||||
</div> <!-- modal -->
|
||||
@@ -0,0 +1,31 @@
|
||||
<div class="modal fade" id="modNieuweSubFolder" role="dialog" >
|
||||
<div class="modal-dialog modal-sm">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td style="width: 60px; ">Nummer</td>
|
||||
<td style="width: 200px; ">Foldernaam</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input style="width: 55px" data-bind="textInput: newSubNummer, attr: {placeholder: newSubNummer()}" /></td>
|
||||
<td> <input style="width: 200px" data-bind="textInput: newSubNaam" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button style="float:left; width: 80px;"
|
||||
data-bind="click: $root.fSafeSubfolder,
|
||||
visible: newSubNaam().length > 0 "> ok
|
||||
</button>
|
||||
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal" >annuleer</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,30 @@
|
||||
<div class="modal fade" id="modNewTopFolder" role="dialog">
|
||||
<div class=" modal-dialog modal-sm ">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<table>
|
||||
<tr>
|
||||
<td style="width: 60px; ">Nummer</td>
|
||||
<td style="width: 200px; ">Foldernaam</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input style="width: 55px" data-bind="textInput: newTopNummer, attr: {placeholder: newTopNummer()}" /></td>
|
||||
<td> <input style="width: 200px" data-bind="textInput: newTopNaam" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button style="float:left; width: 80px;"
|
||||
data-bind="click: fSafeTopfolder ,
|
||||
visible: newTopNaam().length > 0 "> ok
|
||||
</button>
|
||||
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal" >annuleer</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,26 @@
|
||||
<div class="modal fade" id="modNieuwProfiel" role="dialog" >
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4>Nieuw profiel</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p> Naam: <input style="width: 200px" data-bind="textInput: newnaam" /></p>
|
||||
<p> Betreft metingen in de periode <br/>van
|
||||
<input class="datum" data-bind="datepicker{maxDate: periodetm}, value: periodevan" readonly="true" />
|
||||
t/m <input class="datum" data-bind="datepicker{minDate: periodevan}, value: periodetm" readonly="true"/>
|
||||
</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button style="float:left; width: 80px;"
|
||||
data-bind="click:fSaveProfiel ,
|
||||
visible: newnaam().length > 0 &&
|
||||
periodevan().length > 1
|
||||
&& periodetm().length > 1"> ok </button>
|
||||
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal" >annuleer</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,26 @@
|
||||
<div class="modal fade" id="modNieuwProfielSop" role="dialog" >
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4>Nieuw profiel</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p> Naam: <input style="width: 200px" data-bind="textInput: newnaam" /></p>
|
||||
<p> Betreft metingen in de periode <br/>van
|
||||
<input class="datum" data-bind="datepicker{maxDate: periodetm}, value: periodevan" readonly="true" />
|
||||
t/m <input class="datum" data-bind="datepicker{minDate: periodevan}, value: periodetm" readonly="true"/>
|
||||
</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button style="float:left; width: 80px;"
|
||||
data-bind="click:fSaveProfiel ,
|
||||
visible: newnaam().length > 0 &&
|
||||
periodevan().length > 1
|
||||
&& periodetm().length > 1"> ok </button>
|
||||
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal" >annuleer</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,409 @@
|
||||
<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>
|
||||
@@ -0,0 +1,118 @@
|
||||
<div class="modal fade" id="modSchool" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button class="close"
|
||||
aria-hidden="true"
|
||||
data-dismiss="modal"
|
||||
type="button"
|
||||
style="color:#ffffff" >x</button>
|
||||
<h4>Schoolgegevens</h4>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<table style="width: 90%;" data-bind="foreach: $root.school"">
|
||||
<tr >
|
||||
<td style="width: 20%">School</td>
|
||||
<td style="width: 30%" data-bind="text: naam"></td>
|
||||
<td style="width: 20%" >Adres</td>
|
||||
<td style="width: 30%">
|
||||
<input style="width: 100%"
|
||||
data-bind="textInput: straat,
|
||||
event:{input: $root.fSaveSchool} "/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td>Brin</td>
|
||||
<td data-bind="text: brin"></td>
|
||||
<td>Plaats</td>
|
||||
<td> <input data-bind="textInput: plaats,
|
||||
event:{input: $root.fSaveSchool}"
|
||||
style="width: 100%;"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Telefoon</td>
|
||||
<td><input data-bind="textInput: foon,
|
||||
event:{input: $root.fSaveSchool}"
|
||||
style="width: 80%;"/>
|
||||
</td>
|
||||
<td>E-mail</td>
|
||||
<td><input data-bind="textInput: email,
|
||||
event:{input: $root.fSaveSchool}"
|
||||
style="width: 100%;"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td>Website</td>
|
||||
<td><input data-bind="textInput: site,
|
||||
event:{input: $root.fSaveSchool}"/>
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="height: 20px;">
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td style="vertical-align: top;">Logo</td>
|
||||
<td >
|
||||
<!-- ko if: $root.school() && $root.school()[0] && $root.school()[0].logo() -->
|
||||
<img data-bind="attr:{src: $root.schoolasobject().logo(),
|
||||
alt: $root.schoolasobject().logo() } "
|
||||
|
||||
style="max-width: 70px" />
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
<p> </p>
|
||||
<form id="upload_form" enctype="multipart/form-data" method="post" action="upload.php">
|
||||
<!-- <p><label for="image_file">Logo uploaden</label></p>
|
||||
-->
|
||||
<input type="file"
|
||||
name="image_file"
|
||||
data-bind="value: uploadLogoNaam"
|
||||
id="image_file"
|
||||
style="border: none;
|
||||
width: 0.01px;
|
||||
height:0.01px;
|
||||
display:none;
|
||||
margin-top:10px;
|
||||
color: transparent;
|
||||
background-color: transparent;
|
||||
overflow:hidden " />
|
||||
<label class="btn btn-small btn-info"
|
||||
|
||||
for="image_file">Logo uploaden</label>
|
||||
<!-- ko if: uploadLogoNaam()-->
|
||||
<i>gekozen: <span data-bind="text:showLogoNaam"></span></i>
|
||||
<!-- /ko -->
|
||||
|
||||
<label class="btn btn-small btn-info"
|
||||
style="margin-right: 20px"
|
||||
data-bind="click: $root.fStartUploading,
|
||||
visible: uploadLogoNaam() && uploadLogoNaam().length > 2">Upload
|
||||
</label>
|
||||
<!-- <input type="button" value="Upload" data-bind="click: $root.fStartUploading" /> -->
|
||||
</form>
|
||||
|
||||
</div> <!-- modal body -->
|
||||
|
||||
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-small buttonCompacte"
|
||||
data-dismiss="modal">sluiten
|
||||
</button>
|
||||
</div> <!-- footer -->
|
||||
</div> <!-- modal content -->
|
||||
</div> <!-- modal dialog -->
|
||||
</div> <!-- modal -->
|
||||
@@ -0,0 +1,20 @@
|
||||
<div class="modal fade" id="modXXX" role="dialog" >
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button class="close" aria-hidden="true" data-dismiss="modal" type="button">x</button>
|
||||
<h4 ></h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button style="float:left; width: 80px;"
|
||||
data-bind="click:XXX "> ok </button>
|
||||
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal" ></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,70 @@
|
||||
<div class="modal fade" id="modUploader" role="dialog" >
|
||||
<div class="modal-dialog">
|
||||
<div id="spinner-holder">
|
||||
<div id="spin-container">
|
||||
<div id="spinner">
|
||||
</div>
|
||||
<h3>even geduld aub</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button"
|
||||
class="close dropzone-remove-files"
|
||||
data-dismiss="modal" aria-hidden="true">x</button>
|
||||
<h4 class="modal-title">Upload bestand</h4>
|
||||
<h5>max.filesize: <span data-bind="text: parseInt(maxsize()/1000000) + 'MB' "></span></h5>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<!-- ko if: toondropzone() -->
|
||||
<form id ='fileform'>
|
||||
<label for="fileselect">Bestand(en):</label>
|
||||
<input type="file"
|
||||
id="fileselecter"
|
||||
multiple="multiple"
|
||||
data-bind="event: {change: fSetFileList}"/>
|
||||
<div data-bind="visible: bestanden() && ! bestanden().length >0 " >
|
||||
OF
|
||||
<div style="width: 100%; min-height:2em; border:1px solid #ebebeb"
|
||||
data-bind="dropzone , event:{drop: fSetFileList}">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<!-- /ko -->
|
||||
<div id="uploadinfoholder">
|
||||
<!-- ko if :showfiles() -->
|
||||
<ul data-bind="foreach: bestanden" style="list-style:none;padding-left:0px;" id="file-list">
|
||||
<li><span class="glyphicon glyphicon-trash"
|
||||
style="display:inline-block; width: 30px"
|
||||
data-bind="click: $root.fRemoveBestand"></span>
|
||||
<span data-bind="text: name "> </span>
|
||||
<span data-bind="visible: parseInt(size) > parseInt($root.maxsize())"> bestand is te groot!</span>
|
||||
</li>
|
||||
</ul>
|
||||
<!--/ko -->
|
||||
<!-- ko if : ! showfiles() -->
|
||||
<div style="max-height:200px; overflow-y: auto">
|
||||
<ul data-bind="foreach:responses"
|
||||
style="list-style:none;padding-left:0px;" >
|
||||
<li data-bind="text: $data"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<button style="width: 80px;"
|
||||
class="dropzone-remove-files"
|
||||
data-dismiss="modal" data-bind="click:fCloseAndCallback" >sluiten</button>
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<!-- ko if: showfiles() -->
|
||||
<button style="float:left;"
|
||||
data-bind="click:fDoUpload, visible:bestanden().length> 0">start upload </button>
|
||||
|
||||
<button class="dropzone-remove-files"
|
||||
data-dismiss="modal" data-bind="click:fCloseUploader" >annuleren</button>
|
||||
<!-- /ko-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,36 @@
|
||||
<div class="modal fade" id="modZoekresultaten" role="dialog" >
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button class="close" aria-hidden="true" data-dismiss="modal" type="button">x</button>
|
||||
<h4 >Zoekresultaat voor <span data-bind="text:zoekfile"></span></h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<table style="width: 100%">
|
||||
<colspan>
|
||||
<col style="width: 40%">
|
||||
<col style="width: 40%">
|
||||
<col style="width: 15%">
|
||||
<col style="width: 5%">
|
||||
</colspan>
|
||||
<tbody data-bind="foreach: zoekresultaat">
|
||||
<tr style="border-bottom:1px dotted #dddddd">
|
||||
<td data-bind="text:naam"></td>
|
||||
<td data-bind= "text: foldernaam"></td>
|
||||
<td data-bind="text: naamkort"></td>
|
||||
<td>
|
||||
<span class= "glyphicon glyphicon-arrow-right"
|
||||
data-bind="visible: modulenr == $parent.modulenr(), click:$root.fGetZoekResultaatInFolders"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal" >sluiten</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user