initial commit
This commit is contained in:
@@ -0,0 +1,12 @@
|
||||
<div class="col-sm-12 ">
|
||||
<div class="row mainpagina" id ="pagaccounts" >
|
||||
<div class= "col-sm-12">
|
||||
<!-- ko foreach: accountsmenu -->
|
||||
<div class="submenuitem2" data-bind="click:$parent.fChangeMenu, css:{'selected': $parent.selectedMenu() && $parent.selectedMenu().id == id}">
|
||||
<div data-bind="text: naam " > </div>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
<div style="clear:both"></div>
|
||||
</div>
|
||||
</div><!-- row for submenu -->
|
||||
</div>
|
||||
@@ -0,0 +1,19 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagbeheer">
|
||||
<div class="row" id ="pagBindBeheer">
|
||||
<div class= "col-sm-12" >
|
||||
<!-- ko foreach: beheermenu -->
|
||||
<div class="submenuitem2"
|
||||
data-bind="click:$parent.fChangeMenu, css:{'selected': $parent.selectedMenu() && $parent.selectedMenu().id == id}">
|
||||
<span data-bind="text: naam"> </span>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
<div style="clear:both"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" id = "beheercontentholder" >
|
||||
<!-- <div class="col-sm-12 submenupage" id ="pagVersies" ></div>-->
|
||||
<!-- <div class="col-sm-12 submenupage" id ="pagSWVversies" style="top:0;"></div>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,83 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagberichtbeheer">
|
||||
<div class="col-sm-12 col-md-1" >
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-9">
|
||||
|
||||
<p>Wijzigingen worden automatisch opgeslagen.</p>
|
||||
|
||||
<button style="background-color: #6F0B3D; color:white;" data-bind="click: fMaakBericht">nieuw bericht</button>
|
||||
|
||||
<div >
|
||||
<h3 style="padding: 5px; color:white; width: 100%; background-color: #6F0B3D; ">Berichten-beheer</h3>
|
||||
</div>
|
||||
<table class="table" style="table-layout: fixed; width:100%;">
|
||||
<tbody style="background-color: #ded0d7;" data-bind="foreach: nieuwtjes">
|
||||
<tr>
|
||||
<td style="width: 20%">
|
||||
<p>Datum
|
||||
</p>
|
||||
</td>
|
||||
<td style="background-color: #ded0d7;width: 80%" >
|
||||
<input style="text-align: left; padding: 5px;z-index:1000;position:relative;"
|
||||
data-bind="datepicker {},
|
||||
value: startdatum,
|
||||
event: {change: $root.fBewaarBericht}"
|
||||
class="datveld" />
|
||||
<h4 data-bind="visible: kort().length==0 || lang().length==0"
|
||||
style="float:right; padding:3px 15px; background-color:#6f0a3d; color:#fff"
|
||||
>Nieuw bericht</h4>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<p>Samenvatting
|
||||
</p>
|
||||
</td>
|
||||
<td style="background-color: #ded0d7;" >
|
||||
<textarea style="text-align: left; padding: 5px; width: 100%;"
|
||||
data-bind=" textInput: kort, event: {'input': $root.fBewaarBericht}">
|
||||
</textarea>
|
||||
<span style="text-align: left; padding: 5px;" data-bind="text: nogOverKort() +' tekens over', style:{color: kleurKop()}"></span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<p>Bericht
|
||||
</p>
|
||||
</td>
|
||||
<td style="background-color: #ded0d7;" >
|
||||
<div data-bind="froala:lang,
|
||||
froalaOptions: $root.froalaOptions,
|
||||
click: $root.fBewaarBericht,
|
||||
event:{keyup:$root.fBewaarBericht, blur:$root.fBewaarBericht}">
|
||||
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td>
|
||||
</td>
|
||||
<td>
|
||||
<button data-bind="click: $root.fOpenModuleKoppeling">koppel instrumenten</button>
|
||||
<div class="glyphicon glyphicon-trash" data-bind="click: $root.fVerwijderBericht" style="float: right; margin-right: 5px; color: #6F0B3D;"></div>
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="background-color:white; width: 100%;" >
|
||||
<div style="height: 20px;"> </div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-2" >
|
||||
</div>
|
||||
<div>
|
||||
<?php $this->load->view("monpas/popups/popupberichtmodule"); ?>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,32 @@
|
||||
<div class="col-sm-12 mainpagina" id="pagberichten">
|
||||
<div class="col-md-offset-2 col-sm-12 col-md-8">
|
||||
|
||||
<h3>
|
||||
<div style="background-color: #6F0B3D; padding: 5px; color:white">Berichten
|
||||
</h3>
|
||||
|
||||
<table class="table">
|
||||
<tbody data-bind="foreach: nieuwtjes">
|
||||
<tr>
|
||||
<td style="background-color: #ded0d7;">
|
||||
|
||||
<label class="bericht-date-label" data-bind="text:startdatum"></label>
|
||||
<p style="text-align: left; padding: 5px;"
|
||||
data-bind="html:lang, attr: {id: berichtid}">
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td style="background-color: white;">
|
||||
<div style="height: 20px;"></div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-2">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,28 @@
|
||||
<div class="col-sm-12 mainpagina submenupage" id ="pagcompactsop">
|
||||
<h2>Compact Sop</h2>
|
||||
|
||||
<div class= "row" data-bind="visible: !schooljanee()" >
|
||||
<div class="col-sm-12" >
|
||||
<h4> Het Compact Schoolondersteuningsprofiel is toegankelijk voor scholen.</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" data-bind="visible: schooljanee()">
|
||||
|
||||
<?php $this->load->view("monpas/compactsop/maaksoponderdelen/knoppenbalk"); ?>
|
||||
|
||||
<div class="row" style="margin-left: 10px;" data-bind="visible: toonOnderdelen()">
|
||||
<?php $this->load->view("monpas/compactsop/maaksoponderdelen/kiesonderdelen"); ?>
|
||||
</div>
|
||||
|
||||
<div class="row" data-bind="visible: ! toonOnderdelen()">
|
||||
<?php $this->load->view("monpas/compactsop/maaksoponderdelen/maaklayout"); ?>
|
||||
</div>
|
||||
|
||||
</div> <!-- visible school ja/nee -->
|
||||
|
||||
<?php $this->load->view("monpas/modals/school_modal"); ?>
|
||||
<!-- --><?php //$this->load->view("monpas/modals/omvang_modal"); ?>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,182 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagfilefolders" >
|
||||
<div class="row" style="margin-bottom:10px">
|
||||
<div class="col-xs-12 col-md-8" style="font-size:0.85em" data-bind="visible: textAfwijkend">
|
||||
<div data-bind="html: specialetekst"></div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-8" style="font-size:0.85em" data-bind=" visible: ! textAfwijkend">
|
||||
De Monitor Passend Onderwijs biedt nu de mogelijkheid om een eigen kennisbank per
|
||||
instrument in te richten. Zo kunnen documenten die betrekking hebben op dat instrument eenvoudig onder de verschillende onderdelen worden opgeslagen.
|
||||
Klik op
|
||||
<span style="display:inline-block; height:1.4em; width:1.4em;
|
||||
border:2px solid #930f50; border-radius: 1em;
|
||||
text-align:center">?</span>
|
||||
rechtsboven voor de handleiding.
|
||||
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-4" >
|
||||
|
||||
<span>Zoek document:
|
||||
<span style="display:inline-block; float:right"
|
||||
class= "printer"
|
||||
title="maak pdf van folders en bestanden"
|
||||
data-bind="click: fPrintFolders"></span>
|
||||
</span><br>
|
||||
<input data-bind="textInput: zoekfile, event:{keydown: fCheckEnter}" style="width:200px"/>
|
||||
<button data-bind="click: fStartZoek" > start zoeken</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<script id="filefolderTemplate" type="text/html">
|
||||
<table class='lstable' style= 'width: 100%; background-color:#f2f2f2'>
|
||||
<colspan>
|
||||
<col style="width: 30px;">
|
||||
<col style="width:40px">
|
||||
<col style="text-align: left">
|
||||
<col style="width:30px">
|
||||
<col style="width:30px">
|
||||
<col style="width:30px">
|
||||
<col style="width:30px">
|
||||
</colspan>
|
||||
|
||||
<tbody data-bind="foreach: $data.sort(function(l,r){return l.nummer > r.nummer ? 1 : -1}) ">
|
||||
|
||||
<tr data-bind="css:{'selected' :selected()}, folderMenu:{bestand : $data }"
|
||||
class="context-menu-folder"
|
||||
style="border-bottom:1px dotted #dddddd" >
|
||||
<td class="glyphicon"
|
||||
data-bind="css:{'glyphicon-folder-close' : !geopend(), 'glyphicon-folder-open': geopend()},
|
||||
click: $root.fToggleGeopend" >
|
||||
</td>
|
||||
|
||||
|
||||
|
||||
<td style="font-weight:600; text-align:left">
|
||||
|
||||
<span data-bind="text: nummer()!= 0 && nummer() != null ? nummer() + '.': '', click: $root.fSetSelected"> </span>
|
||||
</td>
|
||||
<td style="font-weight:600; text-align:left">
|
||||
|
||||
<span data-bind="text: naam(), click: $root.fSetSelected"> </span>
|
||||
|
||||
</td>
|
||||
|
||||
<td >
|
||||
<span class= "fa fa-edit"
|
||||
data-bind="click: $root.fEditFolder, visible: $root.manager() ">
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="glyphicon glyphicon-plus-sign"
|
||||
title="Nieuwe subfolder"
|
||||
data-bind="click:$root.fNewSubFolder, visible: layer() < 6 && $root.manager()">
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="fa fa-refresh"
|
||||
title = "Ververs bestanden"
|
||||
data-bind="visible: (bestanden().length > 0 ) && $root.manager(),
|
||||
click:$root.fRefreshFiles.bind($data,$data)">
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="glyphicon glyphicon-trash"
|
||||
data-bind="visible: ! (bestanden().length > 0 || subfolders().length > 0 ) && $root.manager(),
|
||||
click:$root.fDeleteFolder.bind($data,$parents[1])">
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- ko if :bestanden() && bestanden().length >0 -->
|
||||
<tr data-bind="visible:geopend()" style="background-color:#fef8f4">
|
||||
<td> </td>
|
||||
<td colspan=3>
|
||||
<table class="lstable" style="width:100%">
|
||||
<tbody data-bind="foreach: bestanden">
|
||||
<tr class="toonhover">
|
||||
<td style= "width:25px; vertical-align:top" >
|
||||
<span class= "fa fa-edit"
|
||||
data-bind="click: $root.fSetEditMode, visible: owner">
|
||||
</span>
|
||||
</td>
|
||||
<td style= "width:25px; vertical-align:top">
|
||||
<span class= "fa fa-trash-o"
|
||||
data-bind="click:$root.fDeleteBestand.bind($data, $parent), visible:owner">
|
||||
</span>
|
||||
</td>
|
||||
|
||||
<td style="word-wrap:break-word; vertical-align:top" >
|
||||
<!-- ko if : editMode() -->
|
||||
<input data-bind="textInput: naam,
|
||||
event:{blur: $root.fSaveFilenaam},
|
||||
hasfocus: id == $root.filefocus().id" />
|
||||
<!-- /ko -->
|
||||
<!-- ko if : ! editMode()-->
|
||||
<span data-bind=" text :naam" ></span>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<td style= "width:100px; vertical-align:top"
|
||||
title="datum laatst gewijzigd"
|
||||
data-bind="text: modified">
|
||||
</td>
|
||||
<td style= "width:25px; vertical-align:top">
|
||||
<!-- ko if:pdf() -->
|
||||
<i class="fa fa-laptop"
|
||||
style="color:#5f97ca;"
|
||||
data-toggle="tooltip" data-placement="top"
|
||||
title="toon document in browser"
|
||||
data-bind="click:$root.fShowDocument"></i>
|
||||
<!-- /ko -->
|
||||
<!-- ko if: ! pdf() -->
|
||||
<i class="fa fa-laptop"
|
||||
style="color:#b2b2b2;"
|
||||
g data-toggle="tooltip" data-placement="top"
|
||||
title="geen document preview beschikbaar"
|
||||
data-bind="click:$root.fNoConversionAvailable"></i>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<td style= "width:25px; vertical-align:top">
|
||||
<i class="fa fa-download"
|
||||
style="color:#5f97ca; margin-left:4px"
|
||||
data-toggle="tooltip" data-placement="top"
|
||||
title="download het document naar uw computer"
|
||||
data-bind="click:$root.fDownloadDoc"></i>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<!-- ko if : subfolders() && subfolders().length > 0 -->
|
||||
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td ></td>
|
||||
<td colspan = 4 style="padding:0px">
|
||||
<!-- ko template: {name: 'filefolderTemplate' , data:subfolders()} -->
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
</tr>
|
||||
<!-- /ko-->
|
||||
</tbody>
|
||||
</table>
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="template: {name:'filefolderTemplate',
|
||||
data: folders }"
|
||||
style="max-height:420px; overflow-y:auto" >
|
||||
</div>
|
||||
<div style="margin-top:20px">
|
||||
<button data-bind="click: fNewTopFolder, visible: manager()">Nieuwe hoofdfolder</button>
|
||||
<button data-bind="click: fStandaardFolders, visible: manager()">Maak standaard folders</button>
|
||||
<button data-bind="click:fUploadFile, visible: manager()" style="float:right">Upload document(en)</button>
|
||||
</div>
|
||||
<?php $this->load->view("monpas/modals/newtopfolder_modal"); ?>
|
||||
<?php $this->load->view("monpas/modals/newsubfolder_modal"); ?>
|
||||
<?php $this->load->view("monpas/modals/editfolder_modal"); ?>
|
||||
|
||||
<?php $this->load->view("monpas/modals/zoekresultaten_modal"); ?>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,153 @@
|
||||
<div class="col-sm-12 mainpagina submenupage" id="pagflexibelsop" >
|
||||
|
||||
<div class= "row" data-bind="visible: !schooljanee()" >
|
||||
<div class="col-sm-12" data-bind="visible: TinymceKlaar()" >
|
||||
<h4> Het Schoolondersteuningsprofiel is alleen toegankelijk voor scholen. <br>Aan het ondersteuningsprofiel voor bevoegd gezag en/of samenwerkingsverband wordt gewerkt.</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" data-bind="visible: schooljanee()" >
|
||||
<div class="col-sm-12 col-md-2 col-lg-2 " style=" padding-right:0px" >
|
||||
<div data-bind="visible: erZijnProfielen" >
|
||||
<p>Selecteer een SOP:</p>
|
||||
<p>
|
||||
<select data-bind=" options: profielen,
|
||||
optionsText: 'naam',
|
||||
value: selectedProfiel,
|
||||
event: {change: fGetHoofdstukken}
|
||||
enable: TinymceKlaar() && ! bezig()"
|
||||
style="width:68%; " >
|
||||
</select>
|
||||
<button class="delete"
|
||||
name = 'savecatched'
|
||||
data-bind="click:fDeleteProfiel, visible: selectedProfiel() && editok() && TinymceKlaar()" >
|
||||
</button>
|
||||
<button class="noshow editbutton"
|
||||
name= "savecatched"
|
||||
data-bind="click:fEditProfiel, visible: selectedProfiel() && editok() && TinymceKlaar()">
|
||||
</button>
|
||||
</p>
|
||||
</div>
|
||||
<p >
|
||||
<button class="hfdst"
|
||||
name="savecatched"
|
||||
data-bind="click: fNieuwProfiel, visible: editok() && TinymceKlaar()"
|
||||
style="width:100%; margin-top: 10px;" >nieuw SOP
|
||||
</button>
|
||||
</p>
|
||||
<hr />
|
||||
<h4 style="text-align:center">Hoofdstukken</h4>
|
||||
|
||||
<table style="padding: 0; width: 100%; table-layout: fixed; ">
|
||||
<tbody style="padding: 0;"
|
||||
data-bind="foreach: chapters">
|
||||
<tr data-bind="visible: insop() == true " >
|
||||
<td style="width: 20px;padding: 1px 0 ">
|
||||
<button class ="glyphicon glyphicon-chevron-up noshow"
|
||||
name ="savecatched"
|
||||
style ="font-size: small; "
|
||||
data-bind="click: $parent.fHoofdstukOmhoog,
|
||||
visible: naam != 'Inleiding' && parseFloat(sopinhoudID) != $parent.ls_eerstehfst(),
|
||||
enable: $parent.TinymceKlaar()">
|
||||
</button>
|
||||
<!-- module != 0 &&-->
|
||||
</td>
|
||||
<td rowspan="2" style="width:80%;" >
|
||||
<button class="hfdst tekstinbutton"
|
||||
name="savecatched"
|
||||
|
||||
data-bind= "text:naam,
|
||||
click: $parent.fGetChapter,
|
||||
css:{selected: $parent.selectedChapter() && $parent.selectedChapter().id == id},
|
||||
enable: $parent.editok() && $parent.TinymceKlaar()">
|
||||
</button>
|
||||
</td>
|
||||
<td rowspan="2" style="width: 20px; padding:1px 0" >
|
||||
<button class="delete"
|
||||
name=savecatched"
|
||||
style="padding: 1px;margin-top:5px;"
|
||||
data-bind=" click:$parent.fDeleteChapter,
|
||||
css:{selected: $parent.selectedChapter() && $parent.selectedChapter().id == id},
|
||||
visible: naam != 'Inleiding' && $parent.editok() && $parent.TinymceKlaar() ">
|
||||
</button>
|
||||
<!-- module != 0 &&-->
|
||||
</td>
|
||||
</tr>
|
||||
<tr data-bind="visible: insop() == true ">
|
||||
<td style="width: 20px;padding: 1px 0px">
|
||||
<button class ="glyphicon glyphicon-chevron-down noshow"
|
||||
name ='savecatched'
|
||||
style ="font-size: small; "
|
||||
data-bind="click: $parent.fHoofdstukOmlaag,
|
||||
visible: naam != 'Inleiding' && sopinhoudID != $parent.ls_laatstehfst() && $parent.TinymceKlaar()">
|
||||
</button>
|
||||
<!-- module != 0 &&-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div style="clear:both"></div>
|
||||
<hr/>
|
||||
<button class="hfdst"
|
||||
name="savecatched"
|
||||
data-bind="click: fMaakPdf"
|
||||
style="width: 75%; margin-left: 12%">Maak pdf</button>
|
||||
<button class="hfdst"
|
||||
name='savecatched'
|
||||
data-bind="click:fMaakWord"
|
||||
style="width: 75%; margin-left: 12%">Maak word doc</button>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-10 col-lg-8" style="padding-left:30px">
|
||||
|
||||
<textarea id="contentSopNew">
|
||||
</textarea>
|
||||
</div>
|
||||
|
||||
<div class=" col-sm-12 col-md-12 col-lg-2 " style=" padding:0; float: right">
|
||||
<button style=" background-color:#f8f7f1; margin-bottom:10px;width: 100%"
|
||||
name = 'savecatched'
|
||||
data-bind="click: fVerversTabellen, visible: editok() && TinymceKlaar()"
|
||||
>update tabellen</button>
|
||||
<button style="margin-bottom:10px;width: 100%"
|
||||
name = 'savecatched'
|
||||
data-bind="click: fVerversHoofdstuk,
|
||||
visible: editok() && TinymceKlaar()">standaardtekst</button>
|
||||
<button style="margin-bottom:10px;width: 100%"
|
||||
name = 'savecatched'
|
||||
data-bind="click: fWijzigVersie, visible: editok() && TinymceKlaar() ">wijzig versie</button>
|
||||
<button style="margin-bottom:10px;width: 100%"
|
||||
name = 'savecatched'
|
||||
data-bind="click: fSaveChapter, visible: editok() && TinymceKlaar()">opslaan</button>
|
||||
|
||||
|
||||
<h4 >Voeg hoofdstuk toe:</h4>
|
||||
<table style="width:100%">
|
||||
<tbody data-bind="foreach: chapters">
|
||||
<tr data-bind="visible: insop() == false ">
|
||||
<td >
|
||||
<!-- onderstaande moet een button zijn omdat anders geen event wordt gekoppeld aan
|
||||
on click (waarschijnlijk omdat de elementen dynamisch worden gemaakt).
|
||||
En het event is nodig om het on blur event van de editor te kunnen sturen
|
||||
-->
|
||||
<button style="height:auto; float:left; font-size: small ; width: 100%; padding-left:0px; box-shadow: none"
|
||||
name='savecatched'
|
||||
data-bind= "click: $parent.fCheckIngevuldeVersies,
|
||||
enable:$parent.editok() && $parent.TinymceKlaar()">
|
||||
<span class="glyphicon glyphicon-triangle-left"
|
||||
style ="display: table-cell; vertical-align: middle; color: #6F0B3D; width:20px;"></span>
|
||||
<span style="display: table-cell; text-align:left ; padding-left:5px"
|
||||
data-bind="text:naam" ></span>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<?php $this->load->view("monpas/modals/nieuwprofielsop_modal.php"); ?>
|
||||
<?php $this->load->view("monpas/modals/changeprofielsop_modal.php"); ?>
|
||||
<?php $this->load->view("monpas/modals/kiesfilledversie_modal.php"); ?>
|
||||
<?php $this->load->view("monpas/modals/kiesversie_modal.php"); ?>
|
||||
</div>
|
||||
@@ -0,0 +1,59 @@
|
||||
<div class="col-xs-12 mainpagina" id="pagfuncties">
|
||||
<div class="row" id ="pagBindFuncties">
|
||||
<div class= "col-xs-12">
|
||||
|
||||
<span style="padding-right: 5px; "> Selecteer een instrument: </span>
|
||||
<select data-bind="options: $root.modules,
|
||||
optionsText: 'naam',
|
||||
optionsValue: 'id',
|
||||
value: selectedModule,
|
||||
event: {change: $root.fGetFunctiesBijModule}">
|
||||
</select>
|
||||
|
||||
|
||||
<table class="table table-striped" style="width: 50%; margin-top: 20px;" data-bind="with: selectedModule">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 40%; padding-left: 10px">
|
||||
<h4>Instrument voor:</h4>
|
||||
</th>
|
||||
<th style="width:5%;">
|
||||
</th>
|
||||
<th style="width:10%;">
|
||||
|
||||
</th>
|
||||
<th style="width:5%">
|
||||
|
||||
</th>
|
||||
<th style="width:40%;">
|
||||
<h4>Niet voor:</h4>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: $root.modulefuncties">
|
||||
<tr>
|
||||
<td>
|
||||
<span data-bind="text:functienaam, visible: gekoppeld()">
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="glyphicon glyphicon-menu-right" data-bind="visible: gekoppeld(), click: $root.fOntkoppel">
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
</td>
|
||||
<td> <div class="glyphicon glyphicon-menu-left" data-bind="visible: !gekoppeld(), click: $root.fKoppel">
|
||||
</div>
|
||||
</td>
|
||||
<td><div data-bind="text:functienaam, visible: !gekoppeld()">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<button data-bind="click: $root.fGetBolletjesMonPon" >
|
||||
getbolletjes
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,252 @@
|
||||
<div class="col-sm-12 mainpagina submenupage" id ="pagGebruikersxx">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-3">
|
||||
<input type="radio" name="actiefstatus" value ='1' data-bind="checked: toonactief"/> actief
|
||||
<input type="radio" name="actiefstatus" value ='0' data-bind="checked: toonactief" style="margin-left: 10px;"/> archief
|
||||
</div>
|
||||
|
||||
<div class="col-sm-12 col-md-9" >
|
||||
<h4 data-bind="with: selectedOrg">Gebruikers van organisatie: <span data-bind="text: naam"></span>
|
||||
<button style="float:right;margin-bottom:5px;" data-bind="click:$parent.fPopCopy, visible: $parent.toonactief()==1 "> uit andere organisatie</button>
|
||||
|
||||
<button style="float:right;margin-bottom:5px; margin-right:10px" data-bind="click:$parent.fPopNew, visible: $parent.toonactief()==1 "> nieuwe gebruiker</button>
|
||||
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-3" style="padding-left:0px; font-size:0.8em">
|
||||
<table>
|
||||
<tbody data-bind="with: orgs">
|
||||
<tr>
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }, visible:orgs1()">
|
||||
</button>
|
||||
</td>
|
||||
|
||||
<td class="selectable"
|
||||
data-bind="text: naam ,
|
||||
css: {'selected' : $parent.selectedOrg() && id == $parent.selectedOrg().id},
|
||||
click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- ko if: orgs1 -->
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td colspan =2>
|
||||
<table>
|
||||
<tbody data-bind= "foreach:orgs1">
|
||||
<tr>
|
||||
<td data-bind="click: $root.fToggleGeopend, visible: orgs2()" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
|
||||
<td class="selectable"
|
||||
data-bind="text: naam ,
|
||||
css: {'selected' :$root.selectedOrg() && id == $root.selectedOrg().id},
|
||||
click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- ko if: orgs2 -->
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table>
|
||||
<tbody data-bind= "foreach:orgs2">
|
||||
<tr>
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
|
||||
<td class="selectable"
|
||||
data-bind="text: naam ,
|
||||
css: {'selected' :$root.selectedOrg() && id == $root.selectedOrg().id},
|
||||
click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- ko if: orgs3 -->
|
||||
|
||||
<tr data-bind="visible:geopend()">
|
||||
<td></td>
|
||||
<td>
|
||||
<table>
|
||||
<tbody data-bind= "foreach:orgs3">
|
||||
<tr>
|
||||
<td class="selectable"
|
||||
data-bind="text: brin+' - '+naam ,
|
||||
css: {'selected' : $root.selectedOrg() && id == $root.selectedOrg().id},
|
||||
click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-9">
|
||||
<table class="lstable" style="width:100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- <th style="width:2%">A</th> -->
|
||||
<th style="width:14%"> voornaam</th>
|
||||
<th style="width:12%">tussenv.</th>
|
||||
<th style="width:34%">achternaam</th>
|
||||
<th style="width:19%">autorisatie</th>
|
||||
<th style="width:15%">gebruikersnaam</th>
|
||||
<th style="width:3%"></th>
|
||||
<th style="width:3%"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: gebruikers">
|
||||
<tr data-bind="visible: actief() == $parent.toonactief()">
|
||||
<!-- <td> <input style="width: 99%" type='checkbox'
|
||||
data-bind="checked: actief()==1,event:{click: $parent.fSaveActiefStatus},enable:false" /> </td>
|
||||
-->
|
||||
<td class="limit" data-bind="text: voornaam"></td>
|
||||
<td class="limit" data-bind="text: tussenvoegsel"></td>
|
||||
<td class="limit" data-bind="text: achternaam"></td>
|
||||
<td class="limit" data-bind="text: autorisatienaam"></td>
|
||||
<td class="limit" data-bind="text: gnaam"></td>
|
||||
<td class="klikbaar editbutton" data-bind="click:$parent.fPopEdit"></td>
|
||||
<td ><button class="noshow delete"
|
||||
data-bind="click: $parent.fDelete,visible: deleteOK() && $parent.toonactief()==1">
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<!-- ********** modals *************** -->
|
||||
<div class="modal fade" id="modEditUser" role="dialog" data-bind="with: selectedUser">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 data-bind="text: $parent.titel().title"></h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<table class="lstable" style="width: 100%" >
|
||||
<tr>
|
||||
<td style="width:30%">Voornaam</td>
|
||||
<td style="width:70%">
|
||||
<input style="width: 99%"
|
||||
data-bind="textInput: voornaam,
|
||||
hasFocus: $root.focusop() == 1" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tussenvoegsel</td>
|
||||
<td><input style="width: 99%"
|
||||
data-bind="textInput: tussenvoegsel " />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Achternaam*</td>
|
||||
<td><input style="width: 99%"
|
||||
data-bind="textInput: achternaam" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>E-mail*</td>
|
||||
<td><input style="width: 99%"
|
||||
data-bind="textInput: email " />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Gebruikersnaam*</td>
|
||||
<td><input style="width: 99%"
|
||||
data-bind="textInput: gnaam,
|
||||
enable: ($parent.titel().status() ==1 || $parent.titel().status() == 3 )" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<p style="font-size:0.8em">* verplichte velden</p>
|
||||
<hr/>
|
||||
<h4>Autorisatie</h4>
|
||||
<select data-bind="options: $parent.autorisatieopties,
|
||||
optionsText:'naam',
|
||||
optionsValue: 'id',
|
||||
value: autorisatienivoid" >
|
||||
</select>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button style="float:left; width: 80px;"
|
||||
data-bind="click:$parent.fSaveUser,
|
||||
visible: achternaam().length> 1 && gnaam().length > 3 && email().length > 1 "> ok </button>
|
||||
<button style="float:left; margin-left: 10px;"
|
||||
data-bind="click:$parent.fSendNewWW,
|
||||
visible: achternaam().length> 1 && gnaam().length > 3 && email().length > 1 && $parent.toonactief()==1 && $parent.titel().status() == 2 "> stuur nieuw wachtwoord </button>
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal"
|
||||
data-bind="text: 'annuleren' "></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ************ copy user ******************* -->
|
||||
|
||||
<div class="modal fade" id="modCopyUser" role="dialog" >
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 >Kopieer gebruiker uit andere organisatie</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>
|
||||
Zoek op naam: <input style="width: 260px" data-bind="textInput: zoekstring" />
|
||||
</p>
|
||||
<select style="min-width: 365px"
|
||||
data-bind=" options : filteruser(otherUsers, zoekstring),
|
||||
optionsText : 'fullname',
|
||||
value : copyUser,
|
||||
optionsCaption : 'selecteer een gebruiker'"
|
||||
|
||||
size=10 >
|
||||
</select>
|
||||
<br />
|
||||
<div data-bind="with: copyUser">
|
||||
<p>Voeg toe: <span data-bind="text: fullname"></span></p>
|
||||
|
||||
<h4>Autorisatie</h4>
|
||||
<select data-bind="options: $parent.autorisatieopties,
|
||||
optionsText:'naam',
|
||||
optionsValue: 'id',
|
||||
value: autorisatienivoid,
|
||||
enable: $parent.toonactief()==1 " >
|
||||
</select>
|
||||
</div> <!-- with copyuser -->
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button style="float:left; width: 80px;"
|
||||
data-bind="click:fSaveCopyUser,
|
||||
visible: copyUser !== undefined && toonactief()==1 "> ok </button>
|
||||
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal"
|
||||
data-bind="text: toonactief()==1 ? 'annuleren' : 'sluiten'"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ********** einde modals *********** -->
|
||||
</div > <!-- col sm 12 -->
|
||||
</div> <!-- row2 -->
|
||||
</div> <!-- pag gebruikers -->
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
<div class="col-sm-12 mainpagina" id ="paghome">
|
||||
<div class="col-sm-8 ditisdetekstholder">
|
||||
<div data-bind="html: hometekst ">
|
||||
</div>
|
||||
</div> <!-- einde tekstholder -->
|
||||
|
||||
<div class='col-sm-4'>
|
||||
<img data-bind="attr: {src: 'css/images/' + foto() } " style="float:right; width:100%" />
|
||||
<p style="margin-top:15px;" data-bind="html: welkomtekst"></p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,491 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagijkpunten">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-5" >
|
||||
<div style = "max-height: 300px; overflow-y:auto">
|
||||
|
||||
<!-- ko if : orgsoort() ==4 -->
|
||||
<div data-bind="visible: orgsoort()== 4, with: toporg">
|
||||
<p data-bind="text: brin + ' - ' + naam"></p>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if : orgsoort() ==3 -->
|
||||
<div data-bind="visible: orgsoort() == 3">
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="with: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==2 -->
|
||||
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table>
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==1 -->
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: kamers">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible:geopend()">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
</div >
|
||||
<div data-bind="visible: medewerkerKiezen()== true" style="margin-top:10px">
|
||||
Medewerker:
|
||||
<select data-bind=" options : users,
|
||||
optionsText : 'naam',
|
||||
value : selectedUser,
|
||||
event : {change: fGetUserScores},
|
||||
enable : users().length >= 1 ">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
|
||||
|
||||
</div> <!-- col-md-4 -->
|
||||
|
||||
<div class= col-xs-5>
|
||||
<button style="background-color: #A28A29; color: white; box-shadow: 1px 1px 2px #faf7eb; font-weight: bold;
|
||||
margin-top; 20px;" data-bind="click: fGetVergelijkbareVersies">Selecteer een lijst
|
||||
</button>
|
||||
|
||||
|
||||
<div style="margin-top: 40px;" data-bind="visible: nietIngevuld()==true " >
|
||||
Dit instrument is (nog) niet ingevuld door de geselecteerde organisatie of persoon.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="row" data-bind="visible: erzijnlijsten()== true">
|
||||
|
||||
<div >
|
||||
<button class="printer" style=" float: right; display: inline; margin-right: 10px;"
|
||||
data-bind="click: fPrintIJkpuntenBar">
|
||||
</button>
|
||||
|
||||
|
||||
<div data-bind="visible: aantalmetingen() > 0" id="hc-chart1" style="min-width: 310px; height: 400px; margin: 0 auto" >
|
||||
</div>
|
||||
|
||||
<canvas style="display: none" id="ijkpuntencanvas">
|
||||
</canvas>
|
||||
<div data-bind="with: selectedSerie()" style="margin-left: 50px;">
|
||||
<span style="font-weight: bold; "
|
||||
data-bind="text: 'Versie: ' + naam + ', scoretype: ' + scoreomschrijving ">
|
||||
</span>
|
||||
</div>
|
||||
<table style="margin-top: 5px; margin-left: 50px; " data-bind="foreach: lijsten" >
|
||||
<tr data-bind="visible: erzijnscores() == true">
|
||||
<td style="width: 30px; font-weight: bold" data-bind=" text: periodenummer"></td>
|
||||
<td style="padding-left:10px; "data-bind="text: ': ' + vantm + ', ' + wijik"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table style="margin-left: 50px; margin-bottom: 20px">
|
||||
<tr >
|
||||
<td style=" width: 30px; "><div style="border-bottom: 3px solid #404040; margin-bottom: 1px;"></div></td>
|
||||
<td style="padding-left:10px;">: ambitie</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 ">
|
||||
<div style="margin-left: 30px" >
|
||||
|
||||
<table style="float: left; width: 300px;" >
|
||||
<thead>
|
||||
<tr style="height: 100px;">
|
||||
<th
|
||||
style="border-right: 2px solid white; width:50px; padding-left: 10px;vertical-align: top; border-bottom: none">
|
||||
nr
|
||||
</th>
|
||||
<th
|
||||
style="border-right: 2px solid white; width:400px; padding-left: 4px;vertical-align: top; border-bottom: none" data-bind="text: label"
|
||||
>
|
||||
</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody >
|
||||
|
||||
<!--ko foreach: ijkpunten -->
|
||||
<tr class="clickable" style="border-bottom: 1px solid #ebebeb; max-height: 30px;" data-bind="click: $root.fToonToelichting;">
|
||||
|
||||
<td style="vertical-align:top; padding-left: 10px;height: 20px;" data-bind="text: nummer">
|
||||
</td>
|
||||
<td style="vertical-align:top; padding-left: 4px; height: 20px; text-overflow: ellipsis" data-bind="text: omschrijving ">
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
|
||||
<tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;" >
|
||||
<td style="vertical-align:top; padding-left: 10px;height: 20px;">
|
||||
</td>
|
||||
<td style="vertical-align:top; padding-left: 4px; height: 20px; text-overflow: ellipsis" >gemiddelde
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div style="margin-left: 30px" data-bind="foreach: lijsten">
|
||||
<!-- Nieuwste meting + ijkpunten van school, bestuur en kamer-->
|
||||
<table style="float: left; width: 150px;" data-bind="visible: $root.isSWV()==false && tooninfo() == true">
|
||||
<thead>
|
||||
<tr style="height: 40px;">
|
||||
<th colspan="2"
|
||||
style="border-right: 2px solid white; width: 100px; font-size: 10px; border-bottom: 1px solid #a07b8e;"
|
||||
data-bind="text: vantm ">
|
||||
</th>
|
||||
</tr>
|
||||
<tr style="height: 40px;">
|
||||
<th colspan="1"
|
||||
style="border-right: 1px solid #a07b8e; overflow: hidden; text-overflow: ellipsis; vertical-align: top; font-size: 10px; padding-left: 3px;"
|
||||
data-bind=" text: $root.selectedUser() ? $root.selectedUser().naam : orgnaam">
|
||||
</th>
|
||||
|
||||
<th colspan="1"
|
||||
style="overflow: hidden; text-overflow: ellipsis; font-size: 10px; border-right: 2px solid white; padding-left: 3px;"
|
||||
data-bind=" text: naamV">
|
||||
</th>
|
||||
</tr>
|
||||
<tr style="height: 20px;">
|
||||
<th colspan="1" style="font-size: 10px; border-right: 1px solid #a07b8e; padding-left: 3px;"
|
||||
data-bind="text: 'metingen: ' + metingen " >
|
||||
</th>
|
||||
<th colspan="1" style="font-size: 10px; border-right: 2px solid white; padding-left: 3px;"
|
||||
data-bind="text: 'metingen: ' + metingenV"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: scores">
|
||||
<tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;" data-bind="click: $root.fToonToelichting;">
|
||||
<td colspan="1" style="text-align:right; vertical-align:top; padding-right: 5px; color:#ffffff;"
|
||||
data-bind="text: gem,
|
||||
style: {backgroundColor: kleur}">
|
||||
</td>
|
||||
<td colspan="1" style="text-align:right; vertical-align:top; padding-right: 5px; border-left: 1px solid #a07b8e; color:#ffffff;"
|
||||
data-bind= "text: gemV,
|
||||
style: {backgroundColor: kleurV}">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- metingen ter vergelijking van school bestuur en kamer-->
|
||||
|
||||
<table style="float: left; width: 150px;" data-bind="visible: tooninfo() == false && $root.isSWV() == false && erzijnscores()== true; ">
|
||||
<thead>
|
||||
<tr style="height: 40px; border-bottom: none">
|
||||
<th colspan="2"
|
||||
style="border-right: 2px solid white; font-size: 10px; border-bottom: 1px solid #a07b8e;"
|
||||
data-bind="text: vantm ">
|
||||
</th>
|
||||
</tr>
|
||||
<tr style="height: 40px;">
|
||||
<th colspan="1"
|
||||
style="border-right: 1px solid #a07b8e; overflow: hidden; text-overflow: ellipsis; vertical-align: top; font-size: 10px; padding-left: 3px;"
|
||||
data-bind=" text: orgnaam">
|
||||
</th>
|
||||
<th colspan="1"
|
||||
style="overflow: hidden; text-overflow: ellipsis; font-size: 10px; vertical-align: top; border-right: 2px solid white; padding-left: 3px;"
|
||||
data-bind=" text: naamV" >
|
||||
</th>
|
||||
</tr>
|
||||
<tr style="height: 20px;">
|
||||
<th colspan="1"
|
||||
style="font-size: 10px; border-right: 1px solid #a07b8e; padding-left: 3px;"
|
||||
data-bind="text: 'metingen: ' + metingen " >
|
||||
</th>
|
||||
<th colspan="1"
|
||||
style="font-size: 10px; border-right: 2px solid white; padding-left: 3px;"
|
||||
data-bind="text: 'metingen: ' + metingenV " >
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: scores">
|
||||
<tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;">
|
||||
<td colspan="1"
|
||||
style="text-align:right; vertical-align:top; padding-right: 5px; color:#ffffff;"
|
||||
data-bind="text: gem,
|
||||
style: {backgroundColor: kleur}">
|
||||
</td>
|
||||
<td colspan="1"
|
||||
style="text-align:right; vertical-align:top; padding-right: 5px; border-left: 1px solid #a07b8e; color:#ffffff"
|
||||
data-bind="text: gemV,
|
||||
style: {backgroundColor: kleurV}">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<!-- Nieuwste meting + ijkpunten van swv-->
|
||||
<table style="float: left; width: 150px;" data-bind="visible: tooninfo()== true && $root.isSWV() == true ">
|
||||
<thead>
|
||||
<tr >
|
||||
<th style= "border-right: 2px solid white; width: 100px; font-size: 10px; height: 40px; border-bottom: 1px solid #a07b8e;"
|
||||
data-bind="text: vantm ">
|
||||
</th>
|
||||
</tr>
|
||||
<tr style="height: 40px; ">
|
||||
<th style=" overflow: hidden; text-overflow: ellipsis; vertical-align: top; font-size: 10px; height: 40px; padding-left: 3px;"
|
||||
data-bind=" text: orgnaam">
|
||||
</th>
|
||||
</tr>
|
||||
<tr style="height: 20px; ">
|
||||
<th style="font-size: 10px; padding-left: 3px; height: 20px;"
|
||||
data-bind="text: 'metingen: ' + metingen " >
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: scores">
|
||||
<tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;">
|
||||
<td style="text-align:right; vertical-align:top; padding-right: 5px; color:#ffffff;"
|
||||
data-bind="text: gem,
|
||||
style: {backgroundColor: kleur}">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<!-- Metingen ter vergelijking van swv-->
|
||||
<table style="float: left; width: 150px;" data-bind="visible: tooninfo() == false && $root.isSWV() == true">
|
||||
<thead>
|
||||
<tr style="height: 40px; border-bottom: none">
|
||||
<th style="border-right: 2px solid white; font-size: 10px; height: 40px;border-bottom: 1px solid #a07b8e;"
|
||||
data-bind="text: vantm ">
|
||||
</th>
|
||||
</tr>
|
||||
<tr style="height: 40px;">
|
||||
<th
|
||||
style="border-right: 2px solid white; height: 40px; overflow: hidden; text-overflow: ellipsis; vertical-align: top; font-size: 10px; padding-left: 3px;"
|
||||
data-bind=" text: orgnaam">
|
||||
</th>
|
||||
</tr>
|
||||
<tr style="height: 20px;">
|
||||
<th style="font-size: 10px; border-right: 2px solid white; padding-left: 3px; height: 20px"
|
||||
data-bind="text: 'metingen: ' + metingen " >
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: scores">
|
||||
<tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;">
|
||||
<td style="text-align:right; vertical-align:top; padding-right: 5px; color:#ffffff;"
|
||||
data-bind="text: gem,
|
||||
style: {backgroundColor: kleur}">
|
||||
</td >
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="row" data-bind="visible: erzijnlijsten()== true">
|
||||
<table style=" margin-top: 20px; margin-left: 50px; width: 230px;" data-bind="with: scorekleuren, visible: erzijnlijsten() == true">
|
||||
<tr data-bind="visible: $root.scoretype != 7 ">
|
||||
<td style="width: 30px; border-bottom: 1px solid #ebebeb; background-color: #99d6ff"></td>
|
||||
<td style="padding-left:10px; border-bottom: 1px solid #ebebeb;"data-bind="text: 'score >= ' + grens3 + ' en <= ' + grens4"></td>
|
||||
</tr>
|
||||
|
||||
<tr data-bind="visible: $root.scoretype == 7">
|
||||
<td style="width: 30px; border-bottom: 1px solid #ebebeb; background-color: #99d6ff"></td>
|
||||
<td style="padding-left:10px; border-bottom: 1px solid #ebebeb;"data-bind="text: 'score = ' + grens4"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 30px; border-bottom: 1px solid #ebebeb; background-color: #9fdf9f"></td>
|
||||
<td style="padding-left:10px; border-bottom: 1px solid #ebebeb;" data-bind="text: 'score >= ' + grens2 + ' en < ' + grens3"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 30px; border-bottom: 1px solid #ebebeb;background-color: #ffcc80"></td>
|
||||
<td style="padding-left:10px; border-bottom: 1px solid #ebebeb;" data-bind="text: 'score >= ' + grens1 + ' en < ' + grens2"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 30px; border-bottom: 1px solid #ebebeb; background-color: #e08885"></td>
|
||||
<td style="padding-left:10px; border-bottom: 1px solid #ebebeb;" data-bind="text: 'score < ' + grens1 "></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 "data-bind="visible: erzijnlijsten() == true">
|
||||
<div class="col-xs-5">
|
||||
<h4 style="margin-top: 30px; margin-left: 10px;">Ambities</h4>
|
||||
<div data-bind="foreach: lijsten" style="margin: 5px">
|
||||
<div class="col-xs-11" style="background-color:#f5f0f2; padding: 5px; padding-left: 10px;border-radius: 2px" data-bind="visible: ambities() == true">
|
||||
<p style="font-weight: bold; margin-bottom: 10px" data-bind="text: vantm + ':'"></p>
|
||||
<p style="margin-bottom: 10px"data-bind="text: 'gemiddelde score ' + gemscore + '%' "></p>
|
||||
<p style="margin-bottom: 10px"data-bind="text: 'minimaal ' + ijkpunten + ' ' + label + ' op ' + zprocent + ' % of hoger' ">
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-5 ">
|
||||
<h4 style="margin-top: 30px; ">Resultaten</h4>
|
||||
<div data-bind="foreach: lijsten" >
|
||||
<div data-bind="visible: metingen > 0;" style="background-color:#f5f0f2; padding: 5px; padding-left: 10px; border-radius: 2px;">
|
||||
<p style="font-weight: bold; margin-bottom: 10px; "data-bind="text: vantm + ':'"></p>
|
||||
<p data-bind= " text: 'gemiddelde score ' + totgem + ' %, ' +
|
||||
ijkpuntenok + ' ' + label +
|
||||
' op ' + zprocent + '% of hoger'">
|
||||
</p>
|
||||
<p style="margin-bottom: 10px" data-bind="text: 'hoogst scorende ' + label + ' is nummer ' + welkehoogste +
|
||||
' met een score van ' + hoogstescore"></p>
|
||||
<p style="margin-bottom: 10px" data-bind="text: 'laagst scorende ' + label + ' is nummer ' + welkelaagste +
|
||||
' met een score van ' + laagstescore">
|
||||
</p>
|
||||
</div>
|
||||
<div style="margin-bottom: 10px; background-color: white; ">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<?php $this->load->view("monpas/modals/ijkpuntenlijst_modal"); ?>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,500 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagijkpunten">
|
||||
|
||||
<div class="col-sm-12 col-md-4" >
|
||||
<div style = "max-height: 300px; overflow-y:auto">
|
||||
|
||||
<!-- ko if : orgsoort() ==4 -->
|
||||
<div data-bind="visible: orgsoort()== 4, with: toporg">
|
||||
<p data-bind="text: brin + ' - ' + naam"></p>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if : orgsoort() ==3 -->
|
||||
<div data-bind="visible: orgsoort() == 3">
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="with: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==2 -->
|
||||
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table>
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==1 -->
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: kamers">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible:geopend()">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
<div data-bind="visible: !verberg()" style="margin-top:10px">
|
||||
Medewerker:
|
||||
<select data-bind=" options : users,
|
||||
optionsText : 'naam',
|
||||
value : selectedUser,
|
||||
optionsCaption : 'Schoolgemiddelde',
|
||||
event : {change: fGetUserScores},
|
||||
enable : users().length >= 1 ">
|
||||
</select>
|
||||
</div>
|
||||
<hr />
|
||||
<div style="background-color:#ffffff">
|
||||
<h4>Ambities</h4>
|
||||
<p>gemiddelde score <span data-bind="text: ambitie().gemscore"></span>%</p>
|
||||
<p>minimaal <span data-bind="text: ambitie().ijkpunten"></span>
|
||||
<?=$labels['ijkpunten']?>
|
||||
op <span data-bind="text: ambitie().zprocent"></span>% of hoger.
|
||||
</div>
|
||||
<!-- <hr/>-->
|
||||
<!-- <div data-bind="visible: ijkpunten && ijkpunten().length > 0;" style="background-color:#ffffff">-->
|
||||
<!-- <h4>Resultaten</h4>-->
|
||||
<!-- <p>gemiddelde score <span data-bind="text: totgem"></span>%</p>-->
|
||||
<!-- <p> <span data-bind="text: ijkpuntenok"></span> --><?//=$labels['ijkpunten']?><!-- op <span data-bind="text: ambitie().zprocent"></span>% of hoger.-->
|
||||
<!-- <p style="margin-top:20px">-->
|
||||
<!-- hoogst scorende --><?//=$labels['ijkpunt']?><!-- is nummer <span data-bind="text: welkehoogste"></span>-->
|
||||
<!-- met een score van <span data-bind="text: hoogstescore"></span>-->
|
||||
<!-- </p> -->
|
||||
<!-- <p style="margin-top:15px">-->
|
||||
<!-- laagst scorende --><?//=$labels['ijkpunt']?><!-- is nummer <span data-bind="text: welkelaagste"></span>-->
|
||||
<!-- met een score van <span data-bind="text: laagstescore"></span>-->
|
||||
<!-- </p>-->
|
||||
<!-- </div>-->
|
||||
<!-- <hr />-->
|
||||
<!-- <div data-bind="visible: referentie;" style="background-color:#ffffff">-->
|
||||
<!-- <h4>Resultaten vorige periode</h4>-->
|
||||
<!-- <p>gemiddelde score <span data-bind="text: totgemR"></span>%</p>-->
|
||||
<!-- <p> <span data-bind="text: ijkpuntenokR"></span> --><?//=$labels['ijkpunten']?><!-- op <span data-bind="text: ambitie().zprocent"></span>% of hoger.-->
|
||||
<!-- <p style="margin-top:20px">-->
|
||||
<!-- hoogst scorende --><?//=$labels['ijkpunt']?><!-- is nummer <span data-bind="text: welkehoogsteR"></span>-->
|
||||
<!-- met een score van <span data-bind="text: hoogstescoreR"></span>-->
|
||||
<!-- </p>-->
|
||||
<!-- <p style="margin-top:15px">-->
|
||||
<!-- laagst scorende --><?//=$labels['ijkpunt']?><!-- is nummer <span data-bind="text: welkelaagsteR"></span>-->
|
||||
<!-- met een score van <span data-bind="text: laagstescoreR"></span>-->
|
||||
<!-- </p>-->
|
||||
<!-- </div>-->
|
||||
<!-- <hr/>-->
|
||||
<!-- <div class="col-xs-10" style="margin-top: 10px"; data-bind="visible: ijkpunten && ijkpunten().length > 0">-->
|
||||
<!---->
|
||||
<!-- <p style="font-size: 14px;">Scores in procenten.</p>-->
|
||||
<!-- <div data-bind="html: kleurlegenda"></div>-->
|
||||
<!-- </div>-->
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<!-- <hr />-->
|
||||
</div> <!-- col-md-4 -->
|
||||
<div class="col-sm-12 col-md-8">
|
||||
<div data-bind="visible: ijkpunten().length == 0" > Dit instrument is nog niet ingevuld door de geselecteerde organisatie of persoon.</div>
|
||||
<div>
|
||||
<button data-bind="click: fGetVergelijkbareVersies">Selecteer een lijst
|
||||
</button>
|
||||
|
||||
|
||||
<!-- <h4 > Selecteer een lijst-->
|
||||
<!-- <select style="font-size: 87%; margin-top : 5px;"-->
|
||||
<!-- data-bind=" options : orgversions,-->
|
||||
<!-- optionsText : 'versieInfo',-->
|
||||
<!-- value : selectedOrgversion,-->
|
||||
<!-- event : {change: fChangeVersion}">-->
|
||||
<!-- </select>-->
|
||||
<!-- </h4>-->
|
||||
<!-- <div class="row">-->
|
||||
<!-- <div class="col-xs-11">-->
|
||||
<!-- <button class="printer" style="margin-top: 10px; margin-right: 10px; float: right" data-bind="click: fPrintIJkpuntenBar"></button>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div style="position:relative; width: 590px; height: 290px;" id="canvasholder3" data-bind="visible: ijkpunten && ijkpunten().length > 0">-->
|
||||
<!---->
|
||||
<!-- <canvas data-bind="attr:{'id': 'grafiek'}" height= "300" width="650" style="margin-top:5px; "> </canvas>-->
|
||||
<!-- <div style="position: relative; left:30px; width: 90%"-->
|
||||
<!-- data-bind="style: {'top': (lijnAt() -12 )+ 'px'}">-->
|
||||
<!-- <span style="display: inline-block; float:right; margin-right:-30px" ></span></div>-->
|
||||
<!--<!-- data-bind="text: ambitie().gemscore"-->-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div data-bind="visible: referentie()" style="height: 15px; margin-top: 30px; ">-->
|
||||
<!-- <div style="float: left; height: 14px; width: 30px; margin-right: 5px; background-color: rgba(147,15,80,0.5)" >-->
|
||||
<!-- </div>-->
|
||||
<!-- <span style="float: left; margin-right: 3px; font-size: small">Geldig t/m-->
|
||||
<!-- </span>-->
|
||||
<!-- <span style="float:left; font-size: small" data-bind="text: $root.geldigRef">-->
|
||||
<!-- </span>-->
|
||||
<!-- </div>-->
|
||||
<!-- <br>-->
|
||||
<!-- <div data-bind="visible: referentie()" style="height: 15px;">-->
|
||||
<!-- <div style="height: 14px; width: 30px; margin-right: 5px; margin-top: -12px; background-color: rgba(147,15,80,0.9); float: left" >-->
|
||||
<!-- </div>-->
|
||||
<!-- <span style="float: left; margin-right: 3px; margin-top: -12px; font-size: small">Geldig t/m-->
|
||||
<!-- </span>-->
|
||||
<!-- <span style="float: left; margin-top: -12px; font-size: small" data-bind="text: $root.geldigSelect">-->
|
||||
<!-- </span>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div data-bind="visible: ijkpunten && ijkpunten().length > 0 && !referentie()" style="height: 10px;">-->
|
||||
<!-- <div style="height: 14px; width: 30px; margin-right: 5px; margin-top: 10px; background-color: rgba(147,15,80,0.9); float: left" >-->
|
||||
<!-- </div>-->
|
||||
<!-- <span style="float: left; margin-right: 3px; margin-top: 10px; font-size: small">Geldig t/m-->
|
||||
<!-- </span>-->
|
||||
<!-- <span style="float: left; margin-top: 10px; font-size: small" data-bind="text: $root.geldigSelect">-->
|
||||
<!-- </span>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<br>
|
||||
<table class="col-xs-11 table table-condensed">
|
||||
<thead>
|
||||
<tr style="height: 15px; border-bottom: none">
|
||||
<th colspan="1" style="border-right: 2px solid white; padding-left: 10px;vertical-align: top;">nr
|
||||
</th>
|
||||
<th colspan="6" style="border-right: 2px solid white; padding-left: 4px;vertical-align: top;" data-bind="text: label">
|
||||
</th>
|
||||
</tr>
|
||||
<tr style="height: 25px;">
|
||||
<th colspan="1" style="border-right: 2px solid white">
|
||||
</th>
|
||||
<th colspan="6" style="border-right: 2px solid white">
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: ijkpunten">
|
||||
<tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;" class="clickable" data-bind="click: $parent.fToonToelichting">
|
||||
<td colspan="1" style="vertical-align:top; padding-left: 10px;" data-bind="text: nummer"></td>
|
||||
<td colspan="6" style="vertical-align:top; padding-left: 4px;" data-bind="text: omschrijving"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table >
|
||||
<!-- ko foreach: lijsten -->
|
||||
<table class="col-xs-11 table table-condensed">
|
||||
<thead>
|
||||
<tr style="height: 15px; border-bottom: none">
|
||||
<th colspan="2" style="border-right: 2px solid white; border-bottom: 1px solid #a07b8e;" data-bind="text: 'versie geldig t/m' + geldigtm ">
|
||||
</th>
|
||||
</tr>
|
||||
<tr style="height: 25px;">
|
||||
<th colspan="1" style="border-right: 1px solid #a07b8e; overflow: hidden; text-overflow: ellipsis; vertical-align: top; font-size: 10px; padding-left: 3px;"
|
||||
data-bind=" text: $root.selectedUser() ? $root.selectedUser().naam : $root.selectedOrg().naam">
|
||||
</th>
|
||||
<th colspan="1" style="overflow: hidden; text-overflow: ellipsis; font-size: 10px; border-right: 2px solid white; padding-left: 3px;" data-bind="text: $root.targetnaam">
|
||||
</th>
|
||||
</tr>
|
||||
<tr style="height: 10px;">
|
||||
<th colspan="1" style="font-size: 10px; border-right: 1px solid #a07b8e; padding-left: 3px;" data-bind="text: 'metingen: ' + metingen " >
|
||||
</th>
|
||||
<th colspan="1" style="font-size: 10px; border-right: 2px solid white; padding-left: 3px;" data-bind="text: 'metingen: ' + metingenTop " >
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: scores">
|
||||
<tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;">
|
||||
<td colspan="1"; style="text-align:right; vertical-align:top; padding-right: 5px; color:#ffffff;"
|
||||
data-bind="text: gem,
|
||||
style: {backgroundColor: kleur}">
|
||||
</td>
|
||||
<td colspan="1" style="text-align:right; vertical-align:top; padding-right: 5px; border-left: 1px solid #a07b8e; color:#ffffff"
|
||||
data-bind="text: topgem,
|
||||
style: {backgroundColor: kleurtop}">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
|
||||
|
||||
<!-- <table class="col-xs-11 table table-condensed" data-bind="visible: ijkpunten && ijkpunten().length > 0 && !referentie() && toonVergelijking()">-->
|
||||
<!-- <!-- Er is geen eerdere versie beschikbaar en er kan een vergelijking worden getoond (scores van een leerkracht, school of bestuur)-->-->
|
||||
<!-- <thead>-->
|
||||
<!-- <tr style="height: 15px;">-->
|
||||
<!-- <th colspan="1"style="border-right: 2px solid white; border-bottom: none; padding-left: 10px; vertical-align: top">nr-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="8"style="border-right: 2px solid white; border-bottom: none; padding-left:4px; vertical-align: top">--><?//=$labels['ijkpunt']?>
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="2">-->
|
||||
<!-- <span style="font-size: small; padding-left: 4px;">versie geldig t/m-->
|
||||
<!-- <div style="font-size: small; padding-left: 4px;" data-bind="text: $root.geldigSelect">-->
|
||||
<!-- </div>-->
|
||||
<!-- </span>-->
|
||||
<!-- </th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- <tr style="height: 25px;">-->
|
||||
<!-- <th colspan="1" style="border-right: 2px solid white">-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="8" style="border-right: 2px solid white">-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="1" style="overflow: hidden; text-overflow: ellipsis; vertical-align: top; font-size:10px; border-right: 1px solid #a07b8e; padding-left: 3px;" data-bind="text: $root.selectedUser() ? $root.selectedUser().naam : $root.selectedOrg().naam">-->
|
||||
<!-- <th colspan="1" style="padding-left: 3px;font-size: 10px; overflow: hidden; text-overflow: ellipsis;" data-bind="text: $root.targetnaam">-->
|
||||
<!-- </th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- <tr style="height: 10px;">-->
|
||||
<!-- <th colspan="1"; style="border-right: 2px solid white">-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="8"; style="border-right: 2px solid white; padding-left: 3px;">-->
|
||||
<!-- <span>Klik op een ijkpunt voor toelichting.</span>-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="1"; style="font-size: 10px; border-right: 1px solid #a07b8e; font-size: 10px; padding-left: 3px;">-->
|
||||
<!-- <span>metingen: </span><span data-bind="text: $root.metingen"></span>-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="1" style="font-size: 10px; border-right: 2px solid white; padding-left: 3px;">-->
|
||||
<!-- <span>metingen: </span><span data-bind="text: $root.metingenTop"></span-->
|
||||
<!-- </th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </thead>-->
|
||||
<!-- <tbody data-bind="foreach: ijkpunten">-->
|
||||
<!-- <tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;" class="clickable" data-bind="click: $parent.fToonToelichting">-->
|
||||
<!-- <td colspan= "1"; style="vertical-align:top; padding-left: 10px;" data-bind="text:nummer"></td>-->
|
||||
<!-- <td colspan="8" style="vertical-align:top; padding-left: 4px;" data-bind="text:omschrijving"></td>-->
|
||||
<!-- <td colspan="1"style="text-align:right; vertical-align:top; padding-right: 5px; color:#ffffff;"-->
|
||||
<!-- data-bind="text: gem,-->
|
||||
<!-- style: {backgroundColor: kleur}">-->
|
||||
<!-- </td>-->
|
||||
<!-- <td colspan="1" style="text-align:right; vertical-align:top; padding-right: 5px; border-left: 1px solid #f2f2f2; color:#ffffff"-->
|
||||
<!-- data-bind="text: toplevelgem,-->
|
||||
<!-- style: {backgroundColor: kleurtop}">-->
|
||||
<!-- </td>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
<!---->
|
||||
<!-- <table class="col-xs-11 table table-condensed"data-bind="visible: ijkpunten && ijkpunten().length > 0 && referentie() && !toonVergelijking()">-->
|
||||
<!-- <thead>-->
|
||||
<!-- <tr style="height: 15px;border-bottom: none;">-->
|
||||
<!-- <th colspan="1"; style="border-right: 2px solid white; border-bottom: none; padding-left: 10px;vertical-align: top;">nr-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="6"; style="border-right: 2px solid white; border-bottom: none; padding-left: 4px;vertical-align: top;">--><?//=$labels['ijkpunt']?>
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="2" style="border-right: 2px solid white; ">-->
|
||||
<!-- <span style="font-size: small; padding-left: 4px;"> versie geldig t/m-->
|
||||
<!-- <div style="padding-left: 4px;" data-bind="text: $root.geldigRef">-->
|
||||
<!-- </div>-->
|
||||
<!-- </span>-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="2" >-->
|
||||
<!-- <span style="font-size: small; padding-left: 4px;">versie geldig t/m-->
|
||||
<!-- <div style="padding-left: 4px;"data-bind="text: $root.geldigSelect">-->
|
||||
<!-- </div>-->
|
||||
<!-- </span>-->
|
||||
<!-- </th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- <tr style="height: 25px;">-->
|
||||
<!-- <th colspan="1"; style="border-right: 2px solid white; border-bottom: none; padding-left: 10px;">-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="6"; style="border-right: 2px solid white; border-bottom: none; padding-left: 4px;">-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="2" style="overflow: hidden; text-overflow: ellipsis; font-size: 10px; border-right: 2px solid white; padding-left: 3px;" data-bind="text: $root.targetnaam"">-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="2" style="overflow: hidden; text-overflow: ellipsis; font-size: 10px; border-right: 2px solid white; padding-left: 3px;" data-bind="text: $root.targetnaam"">-->
|
||||
<!-- </th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- <tr style="height: 10px;">-->
|
||||
<!-- <th colspan="1"; style="border-right: 2px solid white">-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="6"; style="border-right: 2px solid white; padding-left: 3px;">-->
|
||||
<!-- <span>Klik op een ijkpunt voor toelichting </span>-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="2" style="font-size: 10px; border-right: 2px solid white; padding-left: 3px;">-->
|
||||
<!-- <span>metingen: </span><span data-bind="text: $root.metingenR"></span-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="2" style="font-size: 10px; border-right: 2px solid white; padding-left: 3px;">-->
|
||||
<!-- <span>metingen: </span><span data-bind="text: $root.metingen"></span-->
|
||||
<!-- </th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </thead>-->
|
||||
<!-- <tbody data-bind="foreach: ijkpunten">-->
|
||||
<!-- <tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;" class="clickable" data-bind="click: $parent.fToonToelichting">-->
|
||||
<!-- <td colspan="1"; style="vertical-align:top; padding-left: 10px;" data-bind="text:nummer"></td>-->
|
||||
<!-- <td colspan="6"; style="vertical-align:top; padding-left: 4px;" data-bind="text:omschrijving"></td>-->
|
||||
<!-- <td colspan="2" style="text-align:right; vertical-align:top; padding-right: 5px; border-left: 1px solid #a07b8e; color:#ffffff"-->
|
||||
<!-- data-bind="text: toprefgem,-->
|
||||
<!-- style: {backgroundColor: kleurtopR}"><span></span>-->
|
||||
<!-- </td>-->
|
||||
<!-- <td colspan="2"style="text-align:right; vertical-align:top; padding-right: 5px; border-left: 1px solid #a07b8e;; color:#ffffff"-->
|
||||
<!-- data-bind="text: toplevelgem,-->
|
||||
<!-- style: {backgroundColor: kleurtop}">-->
|
||||
<!-- </td>-->
|
||||
<!-- </tr>-->
|
||||
<!--<!-- </tbody>-->-->
|
||||
<!--<!-- Er is geen eerdere versie beschikbaar en er kan geen vergelijking worden getoond (scores van een kamer of swv)-->-->
|
||||
<!-- </table>-->
|
||||
<!---->
|
||||
<!-- <table class="col-xs-11 table table-condensed" data-bind="visible: ijkpunten && ijkpunten().length > 0 && !referentie() && !toonVergelijking()">-->
|
||||
<!---->
|
||||
<!-- <thead>-->
|
||||
<!-- <tr style="height: 15px;">-->
|
||||
<!-- <th colspan="1"style="border-right: 2px solid white; border-bottom: none; padding-left: 10px;">nr-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="8"style="border-right: 2px solid white; border-bottom: none; padding-left:4px;">--><?//=$labels['ijkpunt']?>
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="2">-->
|
||||
<!-- <span style="font-size: small; padding-left: 4px;">versie geldig t/m-->
|
||||
<!-- <div style="font-size: small; padding-left: 4px;" data-bind="text: $root.geldigSelect">-->
|
||||
<!-- </div>-->
|
||||
<!-- </span>-->
|
||||
<!-- </th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- <tr style="height: 25px;">-->
|
||||
<!-- <th colspan="1" style="border-right: 2px solid white">-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="8" style="border-right: 2px solid white">-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="2" style="font-size: 10px; overflow: hidden; text-overflow: ellipsis;" >-->
|
||||
<!-- <span style="padding-left: 3px; "data-bind="text: $root.targetnaam">-->
|
||||
<!-- </span>-->
|
||||
<!-- </th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- <tr style="height: 10px;">-->
|
||||
<!-- <th colspan="1" style="border-right: 2px solid white">-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="8" style="border-right: 2px solid white; padding-left: 3px;">-->
|
||||
<!-- <span>Klik op een ijkpunt voor toelichting.</span>-->
|
||||
<!-- </th>-->
|
||||
<!-- <th colspan="2" style="font-size: 10px;" >-->
|
||||
<!-- <span>metingen: </span><span data-bind="text: $root.metingen"></span-->
|
||||
<!-- </th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </thead>-->
|
||||
<!-- <tbody data-bind="foreach: ijkpunten">-->
|
||||
<!-- <tr style="border-bottom: 1px solid #ebebeb; max-height: 30px;" class="clickable" data-bind="click: $parent.fToonToelichting">-->
|
||||
<!-- <td colspan= "1"; style="vertical-align:top; padding-left: 10px;" data-bind="text:nummer"></td>-->
|
||||
<!-- <td colspan="8" style="vertical-align:top; padding-left: 4px;" data-bind="text:omschrijving"></td>-->
|
||||
<!-- <td colspan="2" style="text-align:right; vertical-align:top; padding-right: 5px; border-left: 1px solid #f2f2f2; color:#ffffff"-->
|
||||
<!-- data-bind="text: toplevelgem,-->
|
||||
<!-- style: {backgroundColor: kleurtop}">-->
|
||||
<!-- </td>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
|
||||
</div> <!-- visibility -->
|
||||
|
||||
</div>
|
||||
|
||||
<?php $this->load->view("monpas/modals/ijkpuntenlijst_modal"); ?>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
<h1>ER IS EEN ALGEMENE PAGINA-FOUT. NEEM CONTACT OP MET DE HELPDESK</h1>
|
||||
@@ -0,0 +1,239 @@
|
||||
<div class="col-sm-12 mainpagina" id ="paginspectiematrix">
|
||||
<div class="col-sm-12 col-md-4" >
|
||||
<div style = "max-height: 300px; overflow-y:auto">
|
||||
|
||||
<!-- ko if : orgsoort() ==4 -->
|
||||
<div data-bind="visible: orgsoort()== 4, with: toporg">
|
||||
<p data-bind="text: naam"></p>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if : orgsoort() ==3 -->
|
||||
<div data-bind="visible: orgsoort() == 3">
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="with: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==2 -->
|
||||
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table>
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==1 -->
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: kamers">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible:geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
<div data-bind="visible: criteria().length > 1 ">
|
||||
<h4 style="margin-top : 30px;">Kies een sorteercriterium</h4>
|
||||
<select
|
||||
data-bind=" options : criteria,
|
||||
optionsText : 'naam',
|
||||
value : selectedCriterium,
|
||||
event : {change: fChangeCriterium}">
|
||||
</select>
|
||||
|
||||
</div>
|
||||
<div style="margin-top: 30px;"data-bind="html: kleurlegenda">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-12 col-md-8" data-bind="visible:orgversions().length == 0"> Er zijn geen periodes gekoppeld aan deze organisatie. Neem contact op met de helpdesk</div>
|
||||
<div class="col-sm-12 col-md-8" data-bind="visible: orgversions().length > 0">
|
||||
<h4 style="margin-top : 0px">Selecteer een lijst
|
||||
<select style="font-size: medium; margin-top : 5px;"
|
||||
data-bind=" options : orgversions,
|
||||
optionsText : 'info',
|
||||
value : selectedOrgversion,
|
||||
event : {change: fChangeVersion2}">
|
||||
</select>
|
||||
</h4>
|
||||
<div class="row" style="margin-top: 5px; margin-bottom: 5px;">
|
||||
<button class="printer col-xs-8" style=" margin-right: 50px; float: right;" data-bind="click: fPrint"></button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div style="overflow-y:scroll" data-bind="visible: data"> <!-- anders valt de header niet over de onderliggende table -->
|
||||
<span style="padding-left: 3px;padding-bottom: 10px;">Klik op een ijkpuntnummer voor toelichting.</span>
|
||||
<table style="table-layout:fixed; font-size:0.8em; width: 711px; margin-top: 5px; max-height: 800px; overflow-y: scroll">
|
||||
<thead>
|
||||
<tr style="padding: 0px">
|
||||
<th style="padding: 0px; border: 2px solid white; " data-bind="style: {width: $root.orgbreedtehead() + 'px'}">
|
||||
<span style="padding-left: 4px;">Organisatie
|
||||
</span>
|
||||
</th>
|
||||
<!-- ko foreach: ijkpunten -->
|
||||
<th class="clickable" data-bind="style: {width: $root.kolombreedte()+ 'px' }"
|
||||
style=" text-align:center; font-size: x-small; padding: 0px; border: 2px solid white; ">
|
||||
<span data-bind="text: nummer, attr:{'title' : omschrijving}, click: $parent.fToonToelichting">
|
||||
</span>
|
||||
</th>
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
|
||||
</div> <!-- einde header -->
|
||||
|
||||
<div style='max-height: 800px; overflow-y: scroll'>
|
||||
|
||||
<table style="table-layout:fixed; width: 711px;" data-bind="visible: data">
|
||||
<tbody data-bind="foreach: indelingen">
|
||||
<tr data-bind="visible: naam" style="background-color: #930f50; color:#ffffff; padding: 0px;">
|
||||
<td style="padding: 0px;" data-bind="text: naam, style: {width: $root.data ? $root.orgbreedtebody()+'px' : '250px'}">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table style="table-layout:fixed; margin-left: 5px;margin-right: -5px; font-size: 0.8em;" >
|
||||
|
||||
<tbody data-bind="foreach: organisaties">
|
||||
<tr style="border-bottom:1px solid #efefef; padding: 0px;">
|
||||
<td style="padding: 0px;" data-bind ="style: {width: $root.data ? $root.orgbreedtebody()+'px': '250px' }" >
|
||||
<span data-bind="text: brin ? brin + ' '+ subject:' ' " >
|
||||
</span>
|
||||
</td>
|
||||
<!-- ko foreach: results-->
|
||||
<td style="text-align:center; border: 2px solid #ffffff; height: 37px;" data-bind="style: {width: $root.kolombreedte()+'px', backgroundColor: kleur}">
|
||||
<span style="color: #ffffff" data-bind=" text: waarde">
|
||||
</span>
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!-- scroll holder -->
|
||||
|
||||
</div> <!-- rechter kolom -->
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,309 @@
|
||||
<div class="col-sm-12 mainpagina" id="paginvullenextra">
|
||||
<h4>Invullen extra ondersteuning</h4>
|
||||
<div data-bind="visible: schooljanee() == false">
|
||||
Invullen kan alleen op schoolniveau
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12" data-bind="visible: schooljanee() == true">
|
||||
<p>Selecteer een schooljaar:</p>
|
||||
<select data-bind=" options: schooljaren,
|
||||
optionsText: 'naam',
|
||||
value: selectedSchooljaar,
|
||||
optionsCaption: 'selecteer schooljaar',
|
||||
event: {change: fSelecteerSchooljaar}" >
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: schooljanee() ==true && selectedSchooljaar() " class="row">
|
||||
<div class="col-xs-12 col-md-9" style="padding-top: 20px;" data-bind=" visible: toontabel() == true">
|
||||
<div style="margin-top: 20px;">
|
||||
<p>De lijst wordt automatisch opgeslagen.</p>
|
||||
</div>
|
||||
|
||||
<table class="col-xs-12" style=" border: 1px solid #a07b8e;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:15% "></th>
|
||||
<th style="width:15% "></th>
|
||||
<th style="width:15% "></th>
|
||||
<th style="width:15% "></th>
|
||||
<th style="width:15% "></th>
|
||||
<th style="width:15% "></th>
|
||||
<th style="width: 5%;"></th>
|
||||
<th style="width: 5%;"></th>
|
||||
</tr>
|
||||
<tr style="height: 40px;">
|
||||
<th colspan = "8" >
|
||||
<h4 style="padding: 3px"
|
||||
data-bind="text: selectedSchooljaar() ? 'Omvang extra ondersteuning schooljaar ' + selectedSchooljaar().naam : ''">
|
||||
</h4>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="3"
|
||||
style="padding: 3px; padding-left: 8px; width: 45%">Totaal aantal leerlingen op 1 oktober:
|
||||
</td>
|
||||
<td style="padding: 3px; padding-left: 8px;width: 15%">
|
||||
<input style="text-align: right; padding: 3px; background-color: #ccebff; width: 70%; "
|
||||
data-bind="textInput: aantalleerlingen, event:{input: fSaveAantalLeerlingen}"/>
|
||||
</td>
|
||||
<td colspan="4" style="width: 40%;">
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="height: 40px;">
|
||||
<td colspan="5"
|
||||
style="padding: 3px; padding-left: 8px;background-color: #ded0d7; border-top: 1px solid #a07b8e;
|
||||
border-bottom: 1px solid #a07b8e; "> TLVs
|
||||
</td>
|
||||
<td colspan="3"
|
||||
style="padding: 3px; padding-left: 20px;background-color: #ded0d7; border-top: 1px solid #a07b8e;
|
||||
border-bottom: 1px solid #a07b8e; "> Totaal aantal TLVs
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td
|
||||
style="padding: 3px; padding-left: 8px; width: 15%; border-top: 1px solid #a07b8e; background-color: #f5f0f2;">
|
||||
Schoolsoort
|
||||
</td>
|
||||
<td
|
||||
style="width: 15%; border-top: 1px solid #a07b8e ">
|
||||
</td>
|
||||
<td style="padding: 3px; padding-left: 8px; width: 15%; border-top: 1px solid #a07b8e; ">SO
|
||||
</td>
|
||||
<td style=" width: 15%; background-color: #f5f0f2; border-top: 1px solid #a07b8e; ">
|
||||
</td>
|
||||
<td style="padding: 3px; padding-left: 8px;width: 15%; background-color: #f5f0f2; border-top: 1px solid #a07b8e; ">SBO
|
||||
</td>
|
||||
<td colspan="3"
|
||||
style="width: 25%; border-top: 1px solid #a07b8e;">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 15%; background-color: #f5f0f2;padding: 3px;padding-left: 8px; ">Zorgzwaarte </td>
|
||||
<td style="padding: 3px; padding-left: 8px; width: 15%" >laag</td>
|
||||
<td style="width:15%">
|
||||
<input style="text-align: right; padding: 3px; padding-left: 8px;width: 70%; background-color: #ccebff; "
|
||||
data-bind="textInput: laag, event:{input: fSaveSO}"/>
|
||||
</td>
|
||||
<td style="padding: 3px width:15%; padding-left: 8px; background-color: #f5f0f2;">licht</td>
|
||||
<td style="width:15%; background-color: #f5f0f2;">
|
||||
<input style="text-align: right; padding: 3px; width: 70%; background-color: #ccebff; "
|
||||
data-bind="textInput: licht, event:{input: fSaveSBO}"/>
|
||||
</td>
|
||||
<td colspan="3" style="width: 25%">
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 15%; background-color: #f5f0f2;">
|
||||
</td>
|
||||
<td style="padding: 3px; padding-left: 8px;width: 15%;">midden
|
||||
</td>
|
||||
<td style="width: 15%">
|
||||
<input style="text-align: right; padding: 3px; padding-left: 8px;width: 70%; background-color: #ccebff; "
|
||||
data-bind="textInput: midden, event:{input: fSaveSO}"/>
|
||||
</td>
|
||||
<td style="padding: 3px; padding-left: 8px;width: 15%; background-color: #f5f0f2;">zwaar
|
||||
</td>
|
||||
<td style="width: 15%; background-color: #f5f0f2; "><input style="text-align: right; padding: 3px; padding-left: 8px; width: 70%; background-color: #ccebff; "
|
||||
data-bind="textInput: zwaar, event:{input: fSaveSBO}"/>
|
||||
</td>
|
||||
<td colspan="3" style="width: 25%">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 15%; background-color: #f5f0f2;">
|
||||
</td>
|
||||
<td style="padding: 3px; padding-left: 8px;width: 15%">hoog
|
||||
</td>
|
||||
<td ><input style="text-align: right; padding: 3px; padding-left: 8px;width: 70%; background-color: #ccebff; "
|
||||
data-bind="textInput: hoog, event:{input: fSaveSO}"/>
|
||||
</td>
|
||||
<td colspan="2" style="width: 30%; background-color: #f5f0f2;">
|
||||
</td>
|
||||
<td colspan="3" style="width: 25%; ">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td style="background-color: #f5f0f2; border-bottom: 1px solid #a07b8e; padding: 3px; padding-left: 8px;
|
||||
width: 15%">Totalen
|
||||
</td>
|
||||
<td style=" width: 15%;
|
||||
border-bottom: 1px solid #a07b8e;">
|
||||
</td>
|
||||
<td style=" width: 15%; border-bottom: 1px solid #a07b8e;" >
|
||||
<div style="text-align: right; width: 70%; height: 27px; padding: 3px; padding-left: 8px;padding-bottom: 6px;
|
||||
background-color: white;"
|
||||
data-bind="text: totaalSO()">
|
||||
</div>
|
||||
</td>
|
||||
<td style=" width: 15%; background-color: #f5f0f2;
|
||||
border-bottom: 1px solid #a07b8e;">
|
||||
</td>
|
||||
<td style=" width: 15%; background-color: #f5f0f2;
|
||||
border-bottom: 1px solid #a07b8e;" >
|
||||
<div style="text-align: right; width: 70%; height: 27px; padding: 3px; padding-left: 8px; padding-bottom: 6px; "
|
||||
data-bind="text: totaalSBO()">
|
||||
</div>
|
||||
</td>
|
||||
<td style="width: 15%;
|
||||
border-bottom: 1px solid #a07b8e; ">
|
||||
<div style="text-align: right; height: 27px; width: 70%; padding: 3px; padding-left: 8px;padding-bottom: 6px;
|
||||
background-color: white; margin-left: 20px;"
|
||||
data-bind="text: totaalTLVs()">
|
||||
</div>
|
||||
</td>
|
||||
<td colspan="2" style="width: 10%; border-bottom: 1px solid #a07b8e;">
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr style="height: 40px;">
|
||||
<td colspan=8"
|
||||
style="padding: 3px; padding-left: 8px; background-color: #ded0d7; width: 100%; border-top: 1px solid #a07b8e;
|
||||
border-bottom: 1px solid #a07b8e; ">Arrangementen</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 5px;padding-left: 8px; width: 15%; vertical-align: text-top">Naam</td>
|
||||
<td style="padding: 3px; padding-left: 8px; width: 15%; vertical-align: text-top" >Leerjaren</td>
|
||||
<td style="padding: 3px;padding-left: 8px; width: 15%; vertical-align: text-top" >Aantal leerlingen</td>
|
||||
<td style="padding: 3px;padding-left: 8px; width: 15%; vertical-align: text-top" >Looptijd</td>
|
||||
<td colspan="2" style=" width: 10%"> </td>
|
||||
</tr>
|
||||
<!-- ko foreach: arrangementen-->
|
||||
<tr data-bind=" visible: archief() == false">
|
||||
<td colspan="3" style="padding: 3px; padding-left: 8px; width: 45%;" data-bind="text: naam "> </td>
|
||||
<td style="padding: 3px; padding-left: 8px; width: 15%" data-bind="text: leeftijd"> </td>
|
||||
<td style="width: 15%">
|
||||
<input style="text-align: right; padding: 3px; width: 70%; background-color: #ccebff; "
|
||||
data-bind="textInput: aantal, event:{input: $root.fSaveLlnArr} "/>
|
||||
</td>
|
||||
<td style="padding: 3px;padding-left: 8px; width: 15%"
|
||||
data-bind="text: looptijd"> </td>
|
||||
<td style="width: 5%">
|
||||
|
||||
<button class="noshowklein glyphicon glyphicon-eye-close"
|
||||
style="color: #1aa3ff;"
|
||||
data-bind="click: $root.fVerbergArrangement.bind($data, 1)">
|
||||
</button>
|
||||
|
||||
</td>
|
||||
<td style="width: 5%">
|
||||
<button style="color: #1aa3ff; "class="noshowklein glyphicon glyphicon-trash"
|
||||
data-bind="click: $root.fDeleteArrangement">
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<!--/ko -->
|
||||
<tr data-bind="visible: !nieuwArrangement()">
|
||||
<td colspan="6" style="width:90% " > </td>
|
||||
<td colspan="2" style="width: 10%"">
|
||||
<button class=" buttonCompact glyphicon glyphicon-plus"
|
||||
style="background-color: #1aa3ff; color: white; width: 30px; height: 30px; "
|
||||
data-bind="click: $root.fToggleNieuwArrangement" >
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr data-bind="visible: nieuwArrangement()" >
|
||||
<td colspan="6"
|
||||
style="padding: 3px; width: 90%; background-color: #ded0d7; border-top: 1px solid #a07b8e; border-bottom: 1px solid #a07b8e;">Nieuw arrangement
|
||||
</td>
|
||||
<td colspan="2"
|
||||
style="padding: 3px; width: 10%; background-color: #ded0d7; border-top: 1px solid #a07b8e; border-bottom: 1px solid #a07b8e; ">
|
||||
<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 data-bind="visible: nieuwArrangement()" >
|
||||
<td colspan="3" style="padding: 3px; padding-left: 8px; width: 45%; vertical-align: text-top">Naam (max. 20 lettertekens)</td>
|
||||
<td style="padding: 3px; padding-left: 8px; width: 15%; vertical-align: text-top" >Leerjaren</td>
|
||||
<td style="padding: 3px; padding-left: 8px; width: 15%; vertical-align: text-top" >Aantal leerlingen</td>
|
||||
<td style=" width: 15%; vertical-align: text-top" >Looptijd</td>
|
||||
<td colspan="2" style="width: 10%"> </td>
|
||||
</tr>
|
||||
<tr data-bind="visible: nieuwArrangement()">
|
||||
<td colspan="3" style="padding: 3px; padding-left: 8px; vertical-align: top; width: 45% ">
|
||||
<textarea rows="1"
|
||||
maxlength="20"
|
||||
style="width: 90%; padding: 3px;padding-left: 8px; background-color: #ccebff;"
|
||||
data-bind="textInput: naamNieuw ">
|
||||
</textarea>
|
||||
<br>
|
||||
<div style=" font-size: small; text-align: right; padding-right: 10%;"
|
||||
data-bind="text: 'nog ' + tekensTeGaan() + ' tekens' "> </div>
|
||||
</td>
|
||||
<td style="padding: 3px;padding-left: 8px; vertical-align: top; width: 15%;" >
|
||||
<input style="padding: 3px; padding-left: 8px; width: 70%; background-color: #ccebff;"
|
||||
data-bind="textInput: leeftijdNieuw "/>
|
||||
</td>
|
||||
<td style="padding: 3px; padding-left: 8px; vertical-align: top; width: 15%;" >
|
||||
<input style="padding-right: 3px; width: 70%; text-align: right; background-color: #ccebff;"
|
||||
data-bind="textInput: aantalNieuw" />
|
||||
</td>
|
||||
<td style=" vertical-align: top; width: 15%" >
|
||||
|
||||
<input type="radio" name="looptijd" value="L"
|
||||
data-bind="checked: looptijdNieuw"
|
||||
/> ≥ 6 wkn
|
||||
<br>
|
||||
|
||||
<input type="radio" name="looptijd" value="K"
|
||||
data-bind="checked: looptijdNieuw"
|
||||
/> < 6 wkn
|
||||
|
||||
</td>
|
||||
<td colspan="2"style="width: 10%;">
|
||||
<button class=" buttonCompact"
|
||||
style="background-color: #1aa3ff; color: white; font-size: small; border-radius: 3px;
|
||||
padding: 5px; padding-right: 8px; width: 55px; height: 30px; vertical-align: center"
|
||||
data-bind="click: $root.fSaveNieuwArrangement"> opslaan
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" style="padding: 3px;padding-left; 8px; width: 60%;">Totaal</td>
|
||||
<td style="padding: 3px;">
|
||||
<div style="text-align: right; width: 70%; height: 27px; padding: 3px; padding-left: 8px;
|
||||
padding-bottom: 6px;"
|
||||
data-bind="text: totaalArr">
|
||||
</div>
|
||||
</td>
|
||||
<td colspan="3" style="width: 25%;"> </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 ">
|
||||
</button>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-9" data-bind=" visible: schooljanee() == true && toontabel() == true && selectedSchooljaar()" >
|
||||
<p>Notitie</p>
|
||||
<textarea style="width: 100%; min-height: 70px; background-color: #ccebff; padding: 5px;"
|
||||
data-bind="textInput: notitie, event:{'input' : fUpdateNotitie}" > </textarea>
|
||||
|
||||
<p>
|
||||
<span class="glyphicon glyphicon-unchecked" data-bind="visible: !meetellen(), click: fTelMee"> </span>
|
||||
<span class="glyphicon glyphicon-check" style="margin-right: 5px;" data-bind="visible: meetellen(), click: fTelMee"> </span>
|
||||
Zichtbaar maken bij het tabblad omvang en in het Compact SOP.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,75 @@
|
||||
<div class="col-sm-12 mainpagina" id ='paglijsten'>
|
||||
<div class="col-sm-12 col-md-4">
|
||||
<table class= "lstable" data-bind="with: swv()">
|
||||
<colgroup>
|
||||
<col span='4' style="width: 25px; vertical-align:top; text-align:right; padding-right:3px;">
|
||||
<col style="width: 300px">
|
||||
<colgroup>
|
||||
<tr data-bind="visible: (typeof naam != 'undefined')" >
|
||||
<td class="openbutton" data-bind= "css: { closebutton: geopend() }, click: $parent.fToggle"> </td>
|
||||
<td colspan = 4 data-bind="text: (typeof naam != 'undefined') ? naam : '' " > </td>
|
||||
</tr>
|
||||
|
||||
<!-- ko foreach: kamers() -->
|
||||
<tr data-bind="visible: (typeof naam != 'undefined') && $parent.geopend()" >
|
||||
<td></td>
|
||||
<td style="padding-left:10px"
|
||||
class="openbutton"
|
||||
data-bind= "css: { closebutton: geopend() }, click: $root.fToggle"></td>
|
||||
<td colspan=3 data-bind="text: (typeof naam != 'undefined') ? naam : '' "></td>
|
||||
</tr>
|
||||
<!-- ko foreach: bgs() -->
|
||||
|
||||
<tr data-bind="visible: (typeof naam != 'undefined') && $parent.geopend() && $parents[1].geopend()" >
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td style="padding-left:10px"
|
||||
class="openbutton"
|
||||
data-bind= "css: { closebutton: geopend() }, click: $root.fToggle"></td>
|
||||
<td colspan =2
|
||||
data-bind="text: (typeof naam != 'undefined') ? naam : '' "></td>
|
||||
</tr>
|
||||
<!-- ko foreach:scholen() -->
|
||||
|
||||
<tr data-bind="visible: (typeof naam != 'undefined') && $parent.geopend() && $parent.geopend() && $parents[1].geopend() && $parents[2].geopend" >
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td style="padding-left:10px" ></td>
|
||||
<td data-bind="text: (typeof naam != 'undefined') ? naam : '',
|
||||
css: { selected: selected() }, click: $root.fSetSelected" ></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-8">
|
||||
<p data-bind="visible: !selectedSchool()"> Selecteer eerst een school</p>
|
||||
<div data-bind="visible: selectedSchool();">
|
||||
<p>School: <span data-bind="text: selectedSchool() ? selectedSchool().naam : ''"> </span></p>
|
||||
<table class="lstable" style="width:100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 50px">periode</th>
|
||||
<th style="width:150px">naam</th>
|
||||
<th style="width:85px;">geldig vanaf</th>
|
||||
<th style="width: 85px">geldig tm</th>
|
||||
<th style="width: 200px">ingevuld door</th>
|
||||
<th style="width:25px">del</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach:lijsten">
|
||||
<tr data-bind="click: $parent.fDeleteLijst">
|
||||
<td data-bind="text:periode" style="text-align: right; padding-right:5px;"></td>
|
||||
<td data-bind="text: naam"></td>
|
||||
<td data-bind="text: vanaf"></td>
|
||||
<td data-bind="text: tm"></td>
|
||||
<td data-bind="text: (vorm ==1) ? 'school versie' : usernaam"></td>
|
||||
<td class="delete"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,371 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagmatrix">
|
||||
<div class="col-sm-12 col-md-4" >
|
||||
<div style = "max-height: 300px; overflow-y:auto">
|
||||
|
||||
<!-- ko if : orgsoort() ==4 -->
|
||||
<div data-bind="visible: orgsoort()== 4, with: toporg">
|
||||
<p data-bind="text: naam"></p>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if : orgsoort() ==3 -->
|
||||
<div data-bind="visible: orgsoort() == 3">
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="with: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==2 -->
|
||||
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table>
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==1 -->
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: kamers">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible:geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
<div data-bind="visible: criteria().length > 1 && toporg() != 4">
|
||||
<h4 style="margin-top : 30px;">Kies een sorteercriterium</h4>
|
||||
<select
|
||||
data-bind=" options : criteria,
|
||||
optionsText : 'naam',
|
||||
value : selectedCriterium,
|
||||
event : {change: fChangeCriterium}">
|
||||
</select>
|
||||
|
||||
</div>
|
||||
|
||||
<div data-bind="html: kleurlegenda">
|
||||
</div>
|
||||
</div> <!-- col md 4 -->
|
||||
<div class="col-sm-12 col-md-8" data-bind="visible:orgversions().length == 0"> Er zijn geen periodes gekoppeld aan deze organisatie. Neem contact op met de helpdesk
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-8" data-bind="visible: orgversions().length > 0">
|
||||
|
||||
|
||||
|
||||
<h4 style="margin-top : 0px">Selecteer een lijst
|
||||
<select style="font-size: 80%; margin-top : 5px;"
|
||||
data-bind=" options : orgversions,
|
||||
optionsText : 'info',
|
||||
value : selectedOrgversion,
|
||||
event : {change: fChangeVersion2}">
|
||||
</select>
|
||||
</h4>
|
||||
<div class="row">
|
||||
<button class="printer col-xs-8" style="margin-top: 5px; margin-bottom: 5px; margin-right: 50px; float: right;" data-bind="click: fPrint"></button>
|
||||
</div>
|
||||
<!-- <div class="row" data-bind="visible: geenMelding ">-->
|
||||
<!-- <p>Er is geen matrix beschikbaar bij deze organisatie.</p>-->
|
||||
<!-- </div>-->
|
||||
|
||||
|
||||
<div style="overflow-y:scroll" data-bind="visible: erzijnscores()"> <!-- anders valt de header niet over de onderliggende table -->
|
||||
<span style="padding-left: 3px;padding-bottom: 10px;">Klik op een ijkpuntnummer voor toelichting.</span>
|
||||
<table style="table-layout:fixed; font-size:0.8em; margin-top: 5px; max-height: 800px; overflow-y: scroll">
|
||||
<thead >
|
||||
<tr >
|
||||
<th style="padding:3px; border: 2px solid white; margin-bottom: 3px; width: 205px;">
|
||||
<span data-bind="text: versievorm() == 2 && selectedOrg().soort == 4 && inzage() >= 256 ? 'Medewerker': 'Organisatie'"></span>
|
||||
</th>
|
||||
<!-- ko foreach: ijkpunten -->
|
||||
|
||||
<th class="clickable"
|
||||
style=" text-align:center; font-size: x-small; padding: 3px; border: 2px solid white; width: 30px;">
|
||||
<span data-bind="text: nummer, attr:{'title' : omschrijving}, click: $parent.fToonToelichting">
|
||||
</span>
|
||||
</th>
|
||||
<!-- /ko -->
|
||||
<th style=" border: 2px solid white; width: 30px;"> gem</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div> <!-- einde header -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div style='max-height: 800px; overflow-y: scroll' data-bind="visible: erzijnscores()">
|
||||
|
||||
<table style="table-layout:fixed; " >
|
||||
<tbody data-bind="foreach:indelingen">
|
||||
<tr data-bind="visible: naam" style="background-color: #930f50; color:#ffffff; padding: 0; ">
|
||||
<td data-bind="text: naam"></td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td>
|
||||
|
||||
<table data-bind="visible: $root.showMatrix() == 'AlleRijen' " style="table-layout:fixed; font-size: 0.8em;padding: 0 ">
|
||||
|
||||
<tbody data-bind="foreach: organisaties" >
|
||||
<tr style="border-bottom:1px solid #efefef; ">
|
||||
<td style="width: 200px; padding:3px; border: 2px solid white;" data-bind="css: {matrixstreep: subject == 'gemiddeld'}" >
|
||||
<span data-bind="text: brin ? brin + ' ':' ' "></span>
|
||||
<span data-bind="text: subject "></span>
|
||||
</td>
|
||||
<!-- ko foreach: results-->
|
||||
<td style="text-align:right; color:#ffffff; width:30px; padding:; border: 3px solid white; "
|
||||
data-bind="text: gem, style:{ backgroundColor: colorcode}, css: {matrixstreep: $parent.subject == 'gemiddeld'}">
|
||||
</td>
|
||||
<!-- /ko-->
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table data-bind="visible: $root.showMatrix() == 'GemiddeldeVanInd' " style="table-layout:fixed; font-size: 0.8em; padding;0 ">
|
||||
|
||||
<tbody data-bind="foreach: organisaties">
|
||||
<tr data-bind="if: subject == 'gemiddeld'" style="border-bottom:1px solid #efefef">
|
||||
<td style="padding:3px; width: 200px; border: 2px solid white">
|
||||
<span data-bind="text: $root.selectedOrg().brin ? $root.selectedOrg().brin+'-': '' "></span>
|
||||
<span data-bind="text: $root.selectedOrg().naam"></span>
|
||||
</td>
|
||||
|
||||
<!-- ko foreach: results-->
|
||||
<td style=" text-align:right; color:#ffffff; width: 30px; padding: 3px; border: 2px solid white"
|
||||
data-bind="text: gem, style:{ backgroundColor: colorcode}">
|
||||
<!-- width: $root.kolombreedte()+'px',-->
|
||||
</td>
|
||||
<!-- /ko-->
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table data-bind="visible: $root.showMatrix() == 'EigenEnGemiddelde' " style="table-layout:fixed; font-size: 0.8em; padding: 0;">
|
||||
|
||||
<tbody data-bind="foreach: organisaties ">
|
||||
<tr data-bind=" if: (subject == 'gemiddeld' ||fvid == $root.invulid())" style="border-bottom:1px solid #efefef; padding: 0;">
|
||||
<td data-bind=" text: subject " style="width: 200px; padding: 3px; border: 2px solid white">
|
||||
|
||||
</td>
|
||||
|
||||
<!-- ko foreach: results -->
|
||||
<td style=" text-align:right; color:#ffffff; width: 30px;border: 2px solid white; padding: 3px;"
|
||||
data-bind="text: gem, style:{ backgroundColor: colorcode}">
|
||||
|
||||
</td>
|
||||
<!-- /ko-->
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!-- scroll holder -->
|
||||
|
||||
<!-- <div style="overflow-y:scroll"> <!-- anders valt de header niet over de onderliggende table -->
|
||||
<!-- <table style="table-layout:fixed; font-size:0.8em">-->
|
||||
<!-- <thead>-->
|
||||
<!-- <tr>-->
|
||||
<!-- <th style="width: 300px !important;padding-left:3px">-->
|
||||
<!-- <span data-bind="text: versievorm() == 2 && selectedOrg().soort == 4 && inzage() >= 256 ? 'Medewerker': 'Organisatie'"></span></th>-->
|
||||
<!-- <!-- ko foreach: ijkpunten -->
|
||||
<!-- <th class="clickable"-->
|
||||
<!-- style="width:30px !important; text-align:right"-->
|
||||
<!-- data-bind="text: nummer, attr:{'title' : omschrijving}, click: $parent.fToonToelichting">-->
|
||||
<!-- </th>-->
|
||||
<!-- <!-- /ko -->
|
||||
<!-- <th style="text-align:right; width:30px"> gem</th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </thead>-->
|
||||
<!-- </table>-->
|
||||
<!-- </div> <!-- einde header -->
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<!---->
|
||||
<!-- <div style='max-height: 800px; overflow-y: scroll'>-->
|
||||
<!-- <table style="table-layout:fixed; ">-->
|
||||
<!-- <tbody data-bind="foreach:bgs">-->
|
||||
<!-- <tr data-bind="visible: naam" style="background-color: #930f50; color:#ffffff">-->
|
||||
<!-- <td data-bind="text: 'BG: ' + naam"></td>-->
|
||||
<!-- </tr>-->
|
||||
<!-- <tr>-->
|
||||
<!-- <td>-->
|
||||
<!-- <table data-bind="visible: $root.showMatrix() == 'AlleRijen' " style="table-layout:fixed; font-size: 0.8em">-->
|
||||
<!---->
|
||||
<!-- <tbody data-bind="foreach: rijen">-->
|
||||
<!-- <tr style="border-bottom:1px solid #efefef">-->
|
||||
<!-- <td style=" width: 300px !important;" data-bind="css: {matrixstreep: subject == 'gemiddeld'}" >-->
|
||||
<!-- <span data-bind="text: brin ? brin + ' ':' ' "></span>-->
|
||||
<!-- <span data-bind="text: subject"></span>-->
|
||||
<!-- </td>-->
|
||||
<!-- <!-- ko foreach: results-->
|
||||
<!-- <td style="width: 30px !important; text-align:right; color:#ffffff" -->
|
||||
<!-- data-bind="text: gem, style:{backgroundColor: colorcode}, css: {matrixstreep: $parent.subject == 'gemiddeld'}">-->
|
||||
<!-- </td>-->
|
||||
<!-- <!-- /ko -->
|
||||
<!-- </tr>-->
|
||||
<!-- </tbody>-->
|
||||
|
||||
<!-- </table>-->
|
||||
|
||||
<!-- <table data-bind="visible: $root.showMatrix() == 'GemiddeldeVanInd' " style="table-layout:fixed; font-size: 0.8em">-->
|
||||
|
||||
<!-- <tbody data-bind="foreach: rijen">-->
|
||||
<!-- <tr data-bind="if: subject == 'gemiddeld'" style="border-bottom:1px solid #efefef">-->
|
||||
<!-- <td style=" width: 300px !important; ">-->
|
||||
<!-- <span data-bind="text: $root.selectedOrg().brin ? $root.selectedOrg().brin+'-': '' "></span>-->
|
||||
<!-- <span data-bind="text: $root.selectedOrg().naam"></span>-->
|
||||
<!-- </td>-->
|
||||
|
||||
<!-- <!-- ko foreach: results-->
|
||||
<!-- <td style="width: 30px !important; text-align:right; color:#ffffff"-->
|
||||
<!-- data-bind="text: gem, style:{backgroundColor: colorcode}">-->
|
||||
<!-- </td>-->
|
||||
<!-- <!-- /ko -->
|
||||
<!-- </tr>-->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
<!---->
|
||||
<!-- <table data-bind="visible: $root.showMatrix() == 'EigenEnGemiddelde' " style="table-layout:fixed; font-size: 0.8em">-->
|
||||
<!---->
|
||||
<!-- <tbody data-bind="foreach: rijen">-->
|
||||
<!-- <tr data-bind="if: (subject == 'gemiddeld' ||fvid == $root.invulid()) "style="border-bottom:1px solid #efefef">-->
|
||||
<!-- <td style=" width: 300px !important; "-->
|
||||
<!-- data-bind=" text: subject "></td>-->
|
||||
<!---->
|
||||
<!-- <!-- ko foreach: results-->
|
||||
<!-- <td style="width: 30px !important; text-align:right; color:#ffffff"-->
|
||||
<!-- data-bind="text: gem, style:{backgroundColor: colorcode}">-->
|
||||
<!-- </td>-->
|
||||
<!-- <!-- /ko -->
|
||||
<!---->
|
||||
<!-- </tr>-->
|
||||
<!-- </tbody>-->
|
||||
<!---->
|
||||
<!-- </table>-->
|
||||
<!---->
|
||||
<!-- </td>-->
|
||||
<!-- </tr> -->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
<!-- </div> <!-- scroll holder -->
|
||||
|
||||
</div> <!-- rechter kolom -->
|
||||
</div>
|
||||
@@ -0,0 +1,336 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagdiversiteit">
|
||||
<div class="row" data-bind="visible: groepen().length <=0">
|
||||
Er zijn (nog) geen groepsgegevens ingevoerd.
|
||||
</div>
|
||||
<div class="row" data-bind="visible: groepen().length > 0">
|
||||
<h4>Diversiteitomvang
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintDiversiteitMatrix"></button>
|
||||
|
||||
</h4>
|
||||
<table>
|
||||
<tr class="kopje">
|
||||
<td style="width: 200px"></td>
|
||||
<!-- ko foreach: groepen -->
|
||||
<td style=" text-align: right; vertical-align: text-top" data-bind="text: naam"></td>
|
||||
<!-- /ko-->
|
||||
<td style="text-align: right">Schooltotaal</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Totaal aantal leerlingen</td>
|
||||
<!-- ko foreach: groepen -->
|
||||
<td style="text-align:right" data-bind="text:totaantal"></td>
|
||||
<!-- /ko-->
|
||||
<td style= "text-align: right; " data-bind="text: schooltotaal"></td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr style="background-color: #f2f2f2">
|
||||
<td data-bind="attr: {'colspan': $root.groepen().length + 2}">
|
||||
<i>Uitsplitsing onderwijsvraag per groep</i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="kopje">
|
||||
<td data-bind="attr: {'colspan': $root.groepen().length + 2}">
|
||||
<p title="Leerlingen met (alleen) een vraag voor basisondersteuning.">Basisondersteuning*</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Totaal</td>
|
||||
<!-- ko foreach: groepen -->
|
||||
<td style="text-align:right" data-bind="text:som1"></td>
|
||||
<!-- /ko-->
|
||||
<td style= "text-align: right; " data-bind="text: schoolsom1"></td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr class="kopje">
|
||||
<td data-bind="attr: {'colspan': $root.groepen().length + 2}">
|
||||
<p title="Leerlingen met een onderwijsvraag voor extra aandacht.">Basisondersteuning-plus*</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- ko foreach: ondersteuningsvormen -->
|
||||
<tr data-bind="visible: nivo==2">
|
||||
<td data-bind="text: naam"></td>
|
||||
<!-- ko foreach: groepsaantallen -->
|
||||
<td style="text-align:right" data-bind="text: aantal"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align: right" data-bind="text: vormtotaal"></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<tr style="border-top: 1px solid #ebebeb">
|
||||
<td>Totaal</td>
|
||||
<!-- ko foreach: groepen -->
|
||||
<td style="text-align:right" data-bind="text:som2"></td>
|
||||
<!-- /ko-->
|
||||
<td style= "text-align: right; " data-bind="text: schoolsom2"></td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr class="kopje">
|
||||
<td data-bind="attr: {'colspan': $root.groepen().length + 2}">
|
||||
<p title="Leerlingen met een speciale onderwijsvraag en eventueel zorgvraag.">Extra ondersteuning*</p>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- ko foreach: ondersteuningsvormen -->
|
||||
<tr data-bind="visible: nivo==3">
|
||||
<td data-bind="text: naam"></td>
|
||||
<!-- ko foreach: groepsaantallen -->
|
||||
<td style="text-align:right" data-bind="text: aantal"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align: right" data-bind="text: vormtotaal"></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<tr style="border-top: 1px solid #ebebeb">
|
||||
<td>Totaal</td>
|
||||
<!-- ko foreach: groepen -->
|
||||
<td style="text-align:right" data-bind="text:som3"></td>
|
||||
<!-- /ko-->
|
||||
<td style= "text-align: right; " data-bind="text: schoolsom3"></td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr class="kopje">
|
||||
<td data-bind="attr: {'colspan': $root.groepen().length + 2}">
|
||||
<p title="Leerlingen met een zeer speciale onderwijsvraag en eventueel zorgvraag.">Extra ondersteuning-plus*</p>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- ko foreach: ondersteuningsvormen -->
|
||||
<tr data-bind="visible: nivo==4">
|
||||
<td data-bind="text: naam"></td>
|
||||
<!-- ko foreach: groepsaantallen -->
|
||||
<td style="text-align:right" data-bind="text: aantal"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align: right" data-bind="text: vormtotaal"></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<tr style="border-top: 1px solid #ebebeb">
|
||||
<td>Totaal</td>
|
||||
<!-- ko foreach: groepen -->
|
||||
<td style="text-align:right" data-bind="text:som4"></td>
|
||||
<!-- /ko-->
|
||||
<td style= "text-align: right; " data-bind="text: schoolsom4"></td>
|
||||
</tr>
|
||||
<tr class="kopje">
|
||||
<td> Totale diversiteit per groep</td>
|
||||
<!-- ko foreach: groepen() -->
|
||||
<td style="text-align:right" data-bind= "text: diversiteit"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align:right" data-bind="text: $root.schooldiversiteit"></td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td> DQ's</td>
|
||||
<!-- ko foreach: groepen() -->
|
||||
<td style="text-align:right" data-bind= "text: DQ"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align:right" data-bind="text: $root.schoolDQ"></td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<hr />
|
||||
<p>Normatieve aantallen</p>
|
||||
<p> Groep 1-2: <span data-bind="text: normaantallen()[0]"></span></p>
|
||||
<p> Groep 3-8: <span data-bind="text:normaantallen()[1]"></span></p>
|
||||
<hr/>
|
||||
<h4 style="margin-top :40px"> Diversiteitsquotiënt per groep
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintDiversiteitBar"></button>
|
||||
</h4>
|
||||
<div style="position:relative; width: 590px; height: 290px;" id="diversiteitcanvasholder">
|
||||
|
||||
<canvas data-bind="attr:{'id': 'cdiversiteit'}" height= "285" width="580" style="margin-top:5px; "> </canvas>
|
||||
|
||||
</div>
|
||||
<p style="margin-left: 250px"> Groep</p>
|
||||
<hr/>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-6">
|
||||
<h4> Leerlingaantallen
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintLeerlingaantallen"></button>
|
||||
</h4>
|
||||
<table>
|
||||
<tr class="kopje">
|
||||
<td style="width: 70%">Leerlingen</td>
|
||||
<td style="width: 10%; text-align: right">Aantal</td>
|
||||
<td style="width:10%; text-align:right">Percentage</td>
|
||||
<td style="width: 10%; text-align:right">Richtlijn</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Totaal aantal leerlingen: </td>
|
||||
<td style="text-align: right" data-bind="text:schooltotaal"></td>
|
||||
<td style="text-align: right"></td>
|
||||
<td ></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Aantal groepen </td>
|
||||
<td style="text-align: right" data-bind="text: groepen().length"></td>
|
||||
<td style="text-align: right"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Aantal leerlingen categorie 1</td>
|
||||
<td style="text-align: right" data-bind="text:schoolsom1"></td>
|
||||
<td style="text-align: right" data-bind="text: schooltotaal() == 0 ? '' : Math.round( (schoolsom1()/schooltotaal()) * 100) + '%' "></td>
|
||||
<td style="text-align: right">85%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Aantal leerlingen categorie 2</td>
|
||||
<td style="text-align: right" data-bind="text:schoolsom2"></td>
|
||||
<td style="text-align: right" data-bind="text: schooltotaal() == 0 ? '' : Math.round( (schoolsom2()/schooltotaal()) * 100) + '%' "></td>
|
||||
<td style="text-align: right">10%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Aantal leerlingen categorie 3</td>
|
||||
<td style="text-align: right" data-bind="text:schoolsom3"></td>
|
||||
<td style="text-align: right" data-bind="text: schooltotaal() == 0 ? '' : Math.round( (schoolsom3()/schooltotaal()) * 100) + '%' "></td>
|
||||
<td style="text-align: right">3%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Aantal leerlingen categorie 4</td>
|
||||
<td style="text-align: right" data-bind="text:schoolsom4"></td>
|
||||
<td style="text-align: right" data-bind="text: schooltotaal() == 0 ? '' : Math.round( (schoolsom4()/schooltotaal()) * 100) + '%' "></td>
|
||||
<td style="text-align: right">2%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Totaal gewogen diversiteit</td>
|
||||
<td style="text-align: right" data-bind="text:schooldiversiteit"></td>
|
||||
<td style="text-align: right" ></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> DQ school</td>
|
||||
<td style="text-align: right" data-bind="text:schoolDQ"></td>
|
||||
<td style="text-align: right" ></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-6" >
|
||||
<h4> Diversiteitsquotiënten (DQ)
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintQuotienten"></button>
|
||||
</h4>
|
||||
<table id='quotienten'>
|
||||
<tr class="kopje">
|
||||
<td style="width: 200px"> Groep</td>
|
||||
<td style="width: 100px"> DQ</td>
|
||||
</tr>
|
||||
<tbody data-bind="foreach: groepen">
|
||||
<tr>
|
||||
<td data-bind= "text : naam"></td>
|
||||
<td data-bind="text :DQ"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr style="border-top: 1px solid #ebebeb">
|
||||
<td>School</td>
|
||||
<td data-bind="text: $root.schoolDQ()"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 ">
|
||||
<h4>Ondersteuningsmatrix
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintOndersteuningsmatrix"></button>
|
||||
</h4>
|
||||
<table style="border-collapse: collapse; border: 1px solid #ebebeb;">
|
||||
<tr class="kopje">
|
||||
<td style="width: 110px">Groep</td>
|
||||
<td>DQ</td>
|
||||
<td>Maandag</td>
|
||||
<td>Dinsdag</td>
|
||||
<td>Woensdag</td>
|
||||
<td>Donderdag</td>
|
||||
<td>Vrijdag</td>
|
||||
<td title="Totale extra ondersteuningstijd">Totaal</td>
|
||||
</tr>
|
||||
<tbody data-bind="foreach: groepen">
|
||||
<tr>
|
||||
<td style= " border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;" data-bind="text:naam"></td>
|
||||
<td style= "border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;" data-bind="text:DQ"></td>
|
||||
|
||||
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
||||
<!-- ko foreach:tijden -->
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 1"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 1"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 1"></p>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
||||
<!-- ko foreach:tijden -->
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 2"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 2"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 2"></p>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
||||
<!-- ko foreach:tijden -->
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 3"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 3"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 3"></p>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
||||
<!-- ko foreach:tijden -->
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 4"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 4"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 4"></p>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
||||
<!-- ko foreach:tijden -->
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 5"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 5"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 5"></p>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<td class='tar' style= " vertical-align:top; padding-left: 5px; padding-right:5px;" data-bind="text : tottijd "></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr style="background-color:#e7e3e3">
|
||||
<td>School</td>
|
||||
<td data-bind="text: schoolDQ"></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
|
||||
<td class='tar' data-bind="text: schoolTijdstring"></td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
<p style="font-size: 0.8em; margin-top:20px">G= Ondersteuning in de groep</p>
|
||||
<p style="font-size: 0.8em">S= Ondersteuning aan een subgroep buiten de groep </p>
|
||||
<p style="font-size: 0.8em">I= Ondersteuning aan een individuele leerling buiten de groep</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class= "row">
|
||||
<div class="col-sm-12">
|
||||
<h4>Totalen per soort ondersteuning
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintOndersteuningstotalen"></button>
|
||||
</h4>
|
||||
<table>
|
||||
<tr class="kopje">
|
||||
<td style="padding-left: 5px; padding-right: 5px;"> Soort ondersteuning</td>
|
||||
<td style="padding-left: 5px; padding-right: 5px;"> Totaal </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-left: 5px; padding-right: 5px;">(G) Ondersteuning in de groep</td>
|
||||
<td style="padding-left: 5px; padding-right: 5px; text-align:right;" data-bind="text: totGstring"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-left: 5px; padding-right: 5px;" >(S) Ondersteuning aan een subgroep buiten de groep</td>
|
||||
<td style="padding-left: 5px; padding-right: 5px; text-align:right;" data-bind="text: totSstring"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-left: 5px; padding-right: 5px;">(I) Ondersteuning aan een individuele leerling buiten de groep</td>
|
||||
<td style="padding-left: 5px; padding-right: 5px; text-align:right;" data-bind="text: totIstring"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div> <!-- class = row-->
|
||||
</div> <!-- main row voor visibility -->
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,343 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagdiversiteitso">
|
||||
<!--<div class="row" data-bind="visible: groepen().length <=0">-->
|
||||
<!-- Er zijn (nog) geen groepsgegevens ingevoerd.-->
|
||||
<!--</div> -->
|
||||
<!-- <div data-bind="text: groepen[0].naam"></div>-->
|
||||
<div class="row" data-bind="visible: groepen().length > 0">
|
||||
<h4>Diversiteitomvang
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintDiversiteitMatrix"></button>
|
||||
</h4>
|
||||
<table>
|
||||
<tr class="kopje">
|
||||
<td style="width: 200px"></td>
|
||||
<!-- ko foreach: groepen -->
|
||||
<td style="width: 90px; text-align: right" data-bind="text: naam"></td>
|
||||
<!-- /ko-->
|
||||
<td style="text-align: right">Schooltotaal</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td> Totaal aantal leerlingen</td>
|
||||
<!-- ko foreach: groepen -->
|
||||
<td style="text-align:right" data-bind="text:totaantal"></td>
|
||||
<!-- /ko-->
|
||||
<td style= "text-align: right; " data-bind="text: schooltotaal"></td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr style="background-color: #f2f2f2">
|
||||
<td data-bind="attr: {'colspan': $root.groepen().length + 2}">
|
||||
<i>Uitsplitsing onderwijsvraag per groep</i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="kopje">
|
||||
<td data-bind="attr: {'colspan': $root.groepen().length + 2}">
|
||||
<p title="">TlV SBO</p>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- ko foreach: ondersteuningsvormen -->
|
||||
<tr data-bind="visible: zwaarte==5">
|
||||
<td data-bind="text: naam"></td>
|
||||
<!-- ko foreach: groepsaantallen -->
|
||||
<td style="text-align:right" data-bind="text: aantal"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align: right" data-bind="text: vormtotaal"></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<tr style="border-top: 1px solid #ebebeb">
|
||||
<td>Totaal</td>
|
||||
<!-- ko foreach: groepen -->
|
||||
<td style="text-align:right" data-bind="text:som5"></td>
|
||||
<!-- /ko-->
|
||||
<td style= "text-align: right; " data-bind="text: schoolsom5"></td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr class="kopje">
|
||||
<td data-bind="attr: {'colspan': $root.groepen().length + 2}">
|
||||
<p title="">TLV SO-1</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- ko foreach: ondersteuningsvormen -->
|
||||
<tr data-bind="visible: zwaarte==6">
|
||||
<td data-bind="text: naam"></td>
|
||||
<!-- ko foreach: groepsaantallen -->
|
||||
<td style="text-align:right" data-bind="text: aantal"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align: right" data-bind="text: vormtotaal"></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<tr style="border-top: 1px solid #ebebeb">
|
||||
<td>Totaal</td>
|
||||
<!-- ko foreach: groepen -->
|
||||
<td style="text-align:right" data-bind="text:som6"></td>
|
||||
<!-- /ko-->
|
||||
<td style= "text-align: right; " data-bind="text: schoolsom6"></td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr class="kopje">
|
||||
<td data-bind="attr: {'colspan': $root.groepen().length + 2}">
|
||||
<p title="">TLV SO-2</p>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- ko foreach: ondersteuningsvormen -->
|
||||
<tr data-bind="visible: zwaarte==7">
|
||||
<td data-bind="text: naam"></td>
|
||||
<!-- ko foreach: groepsaantallen -->
|
||||
<td style="text-align:right" data-bind="text: aantal"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align: right" data-bind="text: vormtotaal"></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<tr style="border-top: 1px solid #ebebeb">
|
||||
<td>Totaal</td>
|
||||
<!-- ko foreach: groepen -->
|
||||
<td style="text-align:right" data-bind="text:som7"></td>
|
||||
<!-- /ko-->
|
||||
<td style= "text-align: right; " data-bind="text: schoolsom7"></td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr class="kopje">
|
||||
<td data-bind="attr: {'colspan': $root.groepen().length + 2}">
|
||||
<p title="Leerlingen met een zeer speciale onderwijsvraag en eventueel zorgvraag.">TLV SO-3</p>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- ko foreach: ondersteuningsvormen -->
|
||||
<tr data-bind="visible: zwaarte==8">
|
||||
<td data-bind="text: naam"></td>
|
||||
<!-- ko foreach: groepsaantallen -->
|
||||
<td style="text-align:right" data-bind="text: aantal"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align: right" data-bind="text: vormtotaal"></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<tr style="border-top: 1px solid #ebebeb">
|
||||
<td>Totaal</td>
|
||||
<!-- ko foreach: groepen -->
|
||||
<td style="text-align:right" data-bind="text:som8"></td>
|
||||
<!-- /ko-->
|
||||
<td style= "text-align: right; " data-bind="text: schoolsom8"></td>
|
||||
</tr>
|
||||
<tr class="kopje">
|
||||
<td> Totale diversiteit per groep</td>
|
||||
<!-- ko foreach: groepen() -->
|
||||
<td style="text-align:right" data-bind= "text: diversiteit"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align:right" data-bind="text: $root.schooldiversiteit"></td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td> DQ's</td>
|
||||
<!-- ko foreach: groepen() -->
|
||||
<td style="text-align:right" data-bind= "text: DQ"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align:right" data-bind="text: $root.schoolDQ"></td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<hr />
|
||||
<!-- <p>Normatieve aantallen</p>-->
|
||||
<!-- <p> Groep 1-2: <span data-bind="text: normaantallensbo()[0]"></span></p>-->
|
||||
<!-- <p> Groep 3-8: <span data-bind="text:normaantallensbo()[1]"></span></p>-->
|
||||
<!-- <hr/>-->
|
||||
<h4 style="margin-top :40px"> Diversiteitsquotiënt per groep
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintDiversiteitBar"></button>
|
||||
</h4>
|
||||
<div style="position:relative; width: 590px; height: 410px;" id="diversiteitsocanvasholderso">
|
||||
|
||||
<canvas data-bind="attr:{'id': 'cdiversiteitso'}" height= "400" width="580" style="margin-top:5px; "> </canvas>
|
||||
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-6">
|
||||
<h4> Leerlingaantallen
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintLeerlingaantallen"></button>
|
||||
</h4>
|
||||
<table>
|
||||
<tr class="kopje">
|
||||
<td style="width: 70%">Leerlingen</td>
|
||||
<td style="width: 10%; text-align: right">Aantal</td>
|
||||
<td style="width:10%; text-align:right">Percentage</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Totaal aantal leerlingen: </td>
|
||||
<td style="text-align: right" data-bind="text:schooltotaal"></td>
|
||||
<td style="text-align: right"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Aantal groepen </td>
|
||||
<td style="text-align: right" data-bind="text: groepen().length"></td>
|
||||
<td style="text-align: right"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Aantal leerlingen TLV SBO</td>
|
||||
<td style="text-align: right" data-bind="text:schoolsom5"></td>
|
||||
<td style="text-align: right" data-bind="text: Math.round( (schoolsom5()/schooltotaal()) * 100) + '%' "></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Aantal leerlingen TLV SO-1</td>
|
||||
<td style="text-align: right" data-bind="text:schoolsom6"></td>
|
||||
<td style="text-align: right" data-bind="text: Math.round( (schoolsom6()/schooltotaal()) * 100) + '%' "></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Aantal leerlingen TLV SO-2</td>
|
||||
<td style="text-align: right" data-bind="text:schoolsom7"></td>
|
||||
<td style="text-align: right" data-bind="text: Math.round( (schoolsom7()/schooltotaal()) * 100) + '%' "></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Aantal leerlingen TLV SO-3</td>
|
||||
<td style="text-align: right" data-bind="text:schoolsom8"></td>
|
||||
<td style="text-align: right" data-bind="text: Math.round( (schoolsom8()/schooltotaal()) * 100) + '%' "></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Totaal gewogen diversiteit</td>
|
||||
<td style="text-align: right" data-bind="text:schooldiversiteit"></td>
|
||||
<td style="text-align: right" ></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> DQ school</td>
|
||||
<td style="text-align: right" data-bind="text:schoolDQ"></td>
|
||||
<td style="text-align: right" ></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-6" >
|
||||
<h4> Diversiteitsquotiënten (DQ)
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintQuotienten"></button>
|
||||
</h4>
|
||||
<table id='quotienten'>
|
||||
<tr class="kopje">
|
||||
<td style="width: 200px"> Groep</td>
|
||||
<td style="width: 100px"> DQ</td>
|
||||
</tr>
|
||||
<tbody data-bind="foreach: groepen">
|
||||
<tr>
|
||||
<td data-bind= "text : naam"></td>
|
||||
<td data-bind="text :DQ"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr style="border-top: 1px solid #ebebeb">
|
||||
<td>School</td>
|
||||
<td data-bind="text: $root.schoolDQ()"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="row" data-bind="visible: !toonMatrix()">
|
||||
<div class="col-sm-12" >
|
||||
<h4>Ondersteuningsmatrix</h4>
|
||||
<p style="margin-top: 15px;">Geen ondersteuning</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" data-bind="visible: toonMatrix()">
|
||||
<div class="col-sm-12" >
|
||||
<h4>Ondersteuningsmatrix
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintOndersteuningsmatrix"></button>
|
||||
</h4>
|
||||
<table style="border-collapse: collapse; border: 1px solid #ebebeb;">
|
||||
<tr class="kopje">
|
||||
<td style="width: 110px">Groep</td>
|
||||
<td>DQ</td>
|
||||
<td>Maandag</td>
|
||||
<td>Dinsdag</td>
|
||||
<td>Woensdag</td>
|
||||
<td>Donderdag</td>
|
||||
<td>Vrijdag</td>
|
||||
<td title="Totale extra ondersteuningstijd">Totaal</td>
|
||||
</tr>
|
||||
<tbody data-bind="foreach: groepen">
|
||||
<tr>
|
||||
<td style= " border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;" data-bind="text:naam"></td>
|
||||
<td style= "border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;" data-bind="text:DQ"></td>
|
||||
|
||||
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
||||
<!-- ko foreach:tijden -->
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 1"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 1"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 1"></p>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
||||
<!-- ko foreach:tijden -->
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 2"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 2"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 2"></p>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
||||
<!-- ko foreach:tijden -->
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 3"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 3"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 3"></p>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
||||
<!-- ko foreach:tijden -->
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 4"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 4"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 4"></p>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<td style="border: 1px solid #ebebeb; vertical-align:top; padding-left: 5px; padding-right:5px;">
|
||||
<!-- ko foreach:tijden -->
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'G' && dagnr == 5"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'S' && dagnr == 5"></p>
|
||||
<p class='tar' data-bind="text: tijdstring, visible: soort == 'I' && dagnr == 5"></p>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<td class='tar' style= " vertical-align:top; padding-left: 5px; padding-right:5px;" data-bind="text : tottijd "></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr style="background-color:#e7e3e3">
|
||||
<td>School</td>
|
||||
<td data-bind="text: schoolDQ"></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
|
||||
<td class='tar' data-bind="text: schoolTijdstring"></td>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
<p style="font-size: 0.8em; margin-top:20px">G= Ondersteuning in de groep</p>
|
||||
<p style="font-size: 0.8em">S= Ondersteuning aan een subgroep buiten de groep </p>
|
||||
<p style="font-size: 0.8em">I= Ondersteuning aan een individuele leerling buiten de groep</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class= "row" data-bind="visible: toonMatrix()">
|
||||
<div class="col-sm-12">
|
||||
<h4>Totalen per soort ondersteuning
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintOndersteuningstotalen"></button>
|
||||
</h4>
|
||||
<table>
|
||||
<tr class="kopje">
|
||||
<td style="padding-left: 5px; padding-right: 5px;"> Soort ondersteuning</td>
|
||||
<td style="padding-left: 5px; padding-right: 5px;"> Totaal </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-left: 5px; padding-right: 5px;">(G) Ondersteuning in de groep</td>
|
||||
<td style="padding-left: 5px; padding-right: 5px; text-align:right;" data-bind="text: totGstring"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-left: 5px; padding-right: 5px;" >(S) Ondersteuning aan een subgroep buiten de groep</td>
|
||||
<td style="padding-left: 5px; padding-right: 5px; text-align:right;" data-bind="text: totSstring"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-left: 5px; padding-right: 5px;">(I) Ondersteuning aan een individuele leerling buiten de groep</td>
|
||||
<td style="padding-left: 5px; padding-right: 5px; text-align:right;" data-bind="text: totIstring"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div> <!-- class = row-->
|
||||
</div> <!-- main row voor visibility -->
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,241 @@
|
||||
<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" >
|
||||
<td ><button class="delete" data-bind="click: $root.fDeleteOS, visible: orgid > 0 && $root.writer()"></button></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> <button data-bind="click: $parent.fNewOndersteuning.bind($data,2), visible: $root.writer()">voeg ondersteuningsvorm toe</button></td>
|
||||
</tr>
|
||||
<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" >
|
||||
<td></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()">
|
||||
<td></td>
|
||||
<td colspan=2> <button data-bind="click: $parent.fNewOndersteuning.bind($data,3), visible: $root.writer()">voeg ondersteuningsvorm toe</button></td>
|
||||
</tr>
|
||||
<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">
|
||||
<td></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()">
|
||||
<td></td>
|
||||
<td colspan=2> <button data-bind="click: $parent.fNewOndersteuning.bind($data,4), visible: $root.writer()">voeg ondersteuningsvorm toe</button></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: !geopend4()">
|
||||
<td colspan=3> <hr/></td>
|
||||
</tr>
|
||||
</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>
|
||||
@@ -0,0 +1,269 @@
|
||||
<div class="col-sm-12 mainpagina" id ="paggroepenso">
|
||||
|
||||
<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 style="width: 80px; text-align: right">SBO</th>
|
||||
<th style="width: 80px; text-align: right">SO-1</th>
|
||||
<th style="width: 80px; text-align: right">SO-2</th>
|
||||
<th style="width: 80px; text-align: right">SO-3</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: som5() > 0 ? som5 : '' "></td>
|
||||
<td class="vat" style="text-align:right" data-bind="text: som6() > 0 ? som6 : '' " ></td>
|
||||
<td class="vat" style="text-align:right" data-bind="text: som7() > 0 ? som7 : ''" ></td>
|
||||
<td class="vat" style="text-align:right" data-bind="text: som8() > 0 ? som8 : '' " ></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="modNewEditGroepSO" 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 : 'leerjaar',
|
||||
optionsValue : 'id',
|
||||
selectedOptions : leerjaren ,
|
||||
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>
|
||||
<tr>
|
||||
<td>
|
||||
Nog niet ingedeeld
|
||||
</td>
|
||||
<td>
|
||||
<p style="padding-left: 25px;" data-bind="text: nogniet"></p>
|
||||
</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: 25px;"
|
||||
class="openbutton"
|
||||
data-bind="click: $parent.fToggle($data,5), css:{'closebutton': !geopend5()}" ></td>
|
||||
<td ><b>SBO</b>*</td>
|
||||
<td style="width: 45px" class="integer" data-bind="text: totsbo"></td>
|
||||
</tr>
|
||||
<!-- ko foreach: ondersteuningsvormen -->
|
||||
<tr data-bind="visible: $parent.geopend5() && zwaarte==5" >
|
||||
<td ><button class="delete" data-bind="click: $root.fDeleteOS, visible: orgid > 0 && $root.writer()"></button></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' : 'aantal1-' + $index()},
|
||||
enable: $root.writer() && !$root.bezig(),
|
||||
event:{input: $root.fCheckinput.bind($data, 'aantal1-'+$index() )}" />
|
||||
</td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
|
||||
<tr data-bind="visible: geopend5()">
|
||||
<td></td>
|
||||
<td colspan=2> <button data-bind="click: $parent.fNewOndersteuning.bind($data,5), visible: $root.writer()">voeg ondersteuningsvorm toe</button></td>
|
||||
</tr>
|
||||
<tr data-bind="visible:geopend5()">
|
||||
<td colspan=3> <hr/></td>
|
||||
</tr>
|
||||
|
||||
<tr class="kopje">
|
||||
<td style="width: 25px;"
|
||||
class="openbutton"
|
||||
data-bind="click: $parent.fToggle($data,6), css:{'closebutton': !geopend6()}" ></td>
|
||||
<td ><b>SO-1</b>*</td>
|
||||
<td style="width: 45px" class="integer" data-bind="text: totso1"></td>
|
||||
</tr>
|
||||
<!-- ko foreach: ondersteuningsvormen -->
|
||||
<tr data-bind="visible: $parent.geopend6() && zwaarte==6" >
|
||||
<td ><button class="delete" data-bind="click: $root.fDeleteOS, visible: orgid > 0 && $root.writer()"></button></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()},
|
||||
enable: $root.writer() && !$root.bezig(),
|
||||
event:{input: $root.fCheckinput.bind($data, 'aantal2-'+$index() )}" />
|
||||
</td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
|
||||
<tr data-bind="visible: geopend6()">
|
||||
<td></td>
|
||||
<td colspan=2> <button data-bind="click: $parent.fNewOndersteuning.bind($data,6), visible: $root.writer()">voeg ondersteuningsvorm toe</button></td>
|
||||
</tr>
|
||||
<tr data-bind="visible:geopend6()">
|
||||
<td colspan=3> <hr/></td>
|
||||
</tr>
|
||||
|
||||
<tr class="kopje">
|
||||
<td style="width: 25px;"
|
||||
class="openbutton"
|
||||
data-bind="click: $parent.fToggle($data,7), css:{'closebutton': !geopend7()}" ></td>
|
||||
<td ><b>SO-2</b>*</td>
|
||||
<td style="width: 45px" class="integer" data-bind="text: totso2"></td>
|
||||
</tr>
|
||||
|
||||
<!-- ko foreach: ondersteuningsvormen -->
|
||||
<tr data-bind="visible: $parent.geopend7() && zwaarte==7" >
|
||||
<td></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: geopend7()">
|
||||
<td></td>
|
||||
<td colspan=2> <button data-bind="click: $parent.fNewOndersteuning.bind($data,7), visible: $root.writer()">voeg ondersteuningsvorm toe</button></td>
|
||||
</tr>
|
||||
<tr data-bind="visible:geopend7()">
|
||||
<td colspan=3> <hr/></td>
|
||||
</tr>
|
||||
<tr class="kopje">
|
||||
<td style="width: 25px;"
|
||||
class="openbutton"
|
||||
data-bind="click: $parent.fToggle($data,8) , css:{'closebutton': !geopend8()}" ></td>
|
||||
<td ><b>SO-3</b>*</td>
|
||||
<td style="width: 45px" class= "integer" data-bind="text: totso3"></td>
|
||||
</tr>
|
||||
<!-- ko foreach: ondersteuningsvormen -->
|
||||
<tr data-bind="visible: $parent.geopend8() && zwaarte==8">
|
||||
<td></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: geopend8()">
|
||||
<td></td>
|
||||
<td colspan=2> <button data-bind="click: $parent.fNewOndersteuning.bind($data,8), visible: $root.writer()">voeg ondersteuningsvorm toe</button></td>
|
||||
</tr>
|
||||
<tr data-bind="visible:geopend8()">
|
||||
<td colspan=3> <hr/></td>
|
||||
</tr>
|
||||
</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>
|
||||
@@ -0,0 +1,22 @@
|
||||
<div class="col-sm-12 mainpagina" id ="paghomemondiv">
|
||||
<img src="css/images/kids.png" style="float:right" />
|
||||
<h4>Diversiteitmeter</h4>
|
||||
<p> De Diversiteitsmeter geeft inzicht in de diversiteit van de leerling-populatie op groep, school, bestuur en
|
||||
samenwerkingsverband niveau. <br/>
|
||||
De diversiteit kan worden vastgesteld middels de Diversiteitsmeter. De scores worden opgeslagen zodat u
|
||||
uw ontwikkeling over de jaren kunt zien.<p>
|
||||
<hr />
|
||||
<p>De leerlingen kunnen onderverdeeld worden in vier categorieën, te weten:</p>
|
||||
<ol>
|
||||
<li>Basisondersteuning</li>
|
||||
<li>Basisondersteuningsplus</li>
|
||||
<li>Extra ondersteuning</li>
|
||||
<li>Extra ondersteuning plus.</li>
|
||||
</ol>
|
||||
<p>Klik op <a> deze bijlage</a> voor voorbeelden van de verschillende categorieën.</p>
|
||||
|
||||
<div style= "float:right; width:40%">
|
||||
<h3 style="text-align:right" data-bind="text: welkomtekst"></h3>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,22 @@
|
||||
<div class="col-sm-12 mainpagina" id ="paghomemondiv">
|
||||
<img src="css/images/kids.png" style="float:right" />
|
||||
<h4>Diversiteitmeter</h4>
|
||||
<p> De Diversiteitsmeter geeft inzicht in de diversiteit van de leerling-populatie op groep, school, bestuur en
|
||||
samenwerkingsverband niveau. <br/>
|
||||
De diversiteit kan worden vastgesteld middels de Diversiteitsmeter. De scores worden opgeslagen zodat u
|
||||
uw ontwikkeling over de jaren kunt zien.<p>
|
||||
<hr />
|
||||
<p>De leerlingen kunnen onderverdeeld worden in vier categorieën, te weten:</p>
|
||||
<ol>
|
||||
<li>Basisondersteuning</li>
|
||||
<li>Basisondersteuningsplus</li>
|
||||
<li>Extra ondersteuning</li>
|
||||
<li>Extra ondersteuning plus.</li>
|
||||
</ol>
|
||||
<p>Klik op <a> deze bijlage</a> voor voorbeelden van de verschillende categorieën.</p>
|
||||
|
||||
<div style= "float:right; width:40%">
|
||||
<h3 style="text-align:right" data-bind="text: welkomtekst"></h3>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,161 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagmonitordiversiteit">
|
||||
|
||||
<h4>Diversiteitsomvang per school
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintDiversiteitMonitor, visible: gegevens()"></button>
|
||||
</h4>
|
||||
|
||||
<h5 data-bind="text: 'sorteercriterium: ' + selectedCritNaam(), visible: gegevens() "></h5>
|
||||
|
||||
<div class="row" data-bind="visible: gegevens()">
|
||||
<div class="col-sm-12 col-md-9">
|
||||
<table class="lstable" style="font-size:0.9em">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:55%; vertical-align: top">Organisatie</th>
|
||||
<th style="width:5%; vertical-align: top"> Aantal lln</th>
|
||||
<th style="width:5%; vertical-align: top">Groepen</th>
|
||||
<th style="width:5%; vertical-align: top; text-align: center">B</th>
|
||||
<th style="width:5%; vertical-align: top; text-align: center">B<sup>+</sup></th>
|
||||
<th style="width:5%; vertical-align: top; text-align: center">E</th>
|
||||
<th style="width:5%; vertical-align: top; text-align: center">E<sup>+</sup></th>
|
||||
<th style="width:5%; vertical-align: top; text-align: center"> OOV</th>
|
||||
<th style="width:5%; vertical-align: top; text-align: center">TGD</th>
|
||||
<th style="width:5%; vertical-align: top; text-align: center">DQ</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach:bg">
|
||||
<tr class='modal-header'>
|
||||
<td colspan = 10 data-bind="text: bgnaam"></td>
|
||||
</tr>
|
||||
<!-- ko foreach: scholen -->
|
||||
<tr style="border-bottom: 1px solid #dbdbdb" data-bind="style: {fontStyle: (naam .indexOf('Gemiddeld') >=0 || naam.indexOf('Totaal') >=0 ) ? 'italic' : 'normal'}">
|
||||
<td style= "border-right: 1px solid #dbdbdb" data-bind="text: naam"></td>
|
||||
<td style = "text-align: right; border-right: 1px solid #dbdbdb" data-bind="text: aantallln"></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:groepen"></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:cat1"></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:cat2"></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:cat3"></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:cat4"></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text: oov != null ? oov + '%' : '' "></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text: tgd "></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text: dq "></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
</tbody>
|
||||
</table>
|
||||
<div data-bind="visible:bg || 1==1" style="margin-top: 20px;">
|
||||
<h4>Conclusies</h4>
|
||||
<p data-bind="visible: maxdq().dq != mindq().dq">Hoogste diversiteit: <span data-bind="text: maxdq().school "></span>
|
||||
met DQ = <span data-bind="text: maxdq().dq"></span>
|
||||
</p>
|
||||
<p data-bind="visible: maxdq().dq != mindq().dq">Laagste diversiteit: <span data-bind="text: mindq().school "></span>
|
||||
met DQ = <span data-bind="text: mindq().dq"></span>
|
||||
</p>
|
||||
<p data-bind="visible: maxdq().dq == mindq().dq">Diversiteit: <span data-bind="text: mindq().school "></span>
|
||||
met DQ = <span data-bind="text: mindq().dq"></span>
|
||||
</p>
|
||||
<p data-bind="visible: maxoov().oov > 0"> Hoogste percentage ondersteuningsvragen: <span data-bind="text: maxoov().school "></span>
|
||||
met OOV = <span data-bind="text: maxoov().oov"></span>
|
||||
</p>
|
||||
<p data-bind="visible: maxoov().oov == 0"> Geen ondersteuningsvragen
|
||||
</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<h4>Totaal percentages en richtlijnen</h4>
|
||||
<div data-bind="visible : grandtotals().llng > 0">
|
||||
<div style="float:left; position:relative; width: 400px; height: 290px;" id="holdermondiv01">
|
||||
<canvas data-bind="attr:{'id': 'mondiv01'}" height= "185" width="500" style="margin-top:5px; "> </canvas>
|
||||
</div>
|
||||
<div style='float:left;margin-left: 40px; '>
|
||||
<table class-="lstable">
|
||||
<thead>
|
||||
<tr style="border-bottom:1px solid #dbdbdb">
|
||||
<td>Ondersteuningsvormen</td>
|
||||
<td>% leerlingen</td>
|
||||
<td> richtlijn</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr>
|
||||
<td data-bind="text: label1()">basisondersteuning</td>
|
||||
<td class="tar"><span data-bind="text: Math.round((grandtotals().cat1 / grandtotals().llng) * 100) "></span>%</td>
|
||||
<td class="tar" >85%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-bind="text: label2()"></td>
|
||||
<td class="tar"><span data-bind="text: Math.round((grandtotals().cat2 / grandtotals().llng) * 100) "></span>%</td>
|
||||
<td class="tar" >10%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-bind="text: label3()"></td>
|
||||
<td class="tar"><span data-bind="text: Math.round((grandtotals().cat3 / grandtotals().llng) * 100) "></span>%</td>
|
||||
<td class="tar" >3%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-bind="text: label4()"></td>
|
||||
<td class="tar"><span data-bind="text: Math.round((grandtotals().cat4 / grandtotals().llng) * 100) "></span>%</td>
|
||||
<td class="tar" >2%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>gemiddeld</td>
|
||||
<td class="tar"><span data-bind="text: Math.round((grandtotals().cat234 / grandtotals().llng) * 100) "></span>%</td>
|
||||
<td class="tar" >15%</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div> <!-- linkerblok -->
|
||||
|
||||
<div class="col-sm-12 col-md-3" >
|
||||
<div data-bind="visible: criteria().length > 1" style="margin-bottom: 50px;">
|
||||
<h4 style="margin-top : 20px;">Kies een sorteercriterium</h4>
|
||||
<select
|
||||
data-bind=" options : criteria,
|
||||
optionsText : 'naam',
|
||||
value : selectedCriterium,
|
||||
event : {change: fChangeCriterium}">
|
||||
</select>
|
||||
|
||||
</div>
|
||||
<div style="font-size: 0.8em; border:1px solid #ebebeb">
|
||||
<p>Legenda</p>
|
||||
<table class="lstable " style="font-size: 0.8em">
|
||||
<tr>
|
||||
<td>B</td>
|
||||
<td data-bind="text: label1()"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>B<sup>+</sup></td>
|
||||
<td data-bind="text: label2()"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>E</td>
|
||||
<td data-bind="text: label3()"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>E<sup>+</sup></td>
|
||||
<td data-bind="text: label4()"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>OOV</td>
|
||||
<td>Percentage Onderwijsondersteuningsvragen</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TGD</td>
|
||||
<td>Totaal gewogen diversiteit</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>DQ</td>
|
||||
<td>Diversiteitsquotiënt</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div> <!-- rechterblok -->
|
||||
</div>
|
||||
<div data-bind="visible: !gegevens()">
|
||||
<h4>Er zijn geen gegevens beschikbaar voor het geselecteerde schooljaar.</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,133 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagmonitordiversiteitso">
|
||||
|
||||
<h4>Diversiteitsomvang per school
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintDiversiteitMonitor, visible: gegevens()"></button>
|
||||
</h4>
|
||||
|
||||
<div class="row" data-bind="visible: gegevens()">
|
||||
<div class="col-sm-12 col-md-9">
|
||||
<table class="lstable" style="font-size:0.9em">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:55%; vertical-align: top">Organisatie</th>
|
||||
<th style="width:5%; vertical-align: top"> Aantal lln</th>
|
||||
<th style="width:5%; vertical-align: top">Groepen</th>
|
||||
<th style="width:5%; vertical-align: top; text-align: center">SBO</th>
|
||||
<th style="width:5%; vertical-align: top; text-align: center">SO-1</th>
|
||||
<th style="width:5%; vertical-align: top; text-align: center">SO-2</th>
|
||||
<th style="width:5%; vertical-align: top; text-align: center">SO-3</th>
|
||||
<th style="width:5%; vertical-align: top; text-align: center">TGD</th>
|
||||
<th style="width:5%; vertical-align: top; text-align: center">DQ</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach:bg">
|
||||
<tr class='modal-header'>
|
||||
<td colspan = 10 data-bind="text: bgkort, attr:{'title': bgnaam}"></td>
|
||||
</tr>
|
||||
<!-- ko foreach: scholen -->
|
||||
<tr style="border-bottom: 1px solid #dbdbdb" data-bind="style: {fontStyle: (naam .indexOf('Gemiddeld') >=0 || naam.indexOf('Totaal') >=0 ) ? 'italic' : 'normal'}">
|
||||
<td style= "border-right: 1px solid #dbdbdb" data-bind="text: naam"></td>
|
||||
<td style = "text-align: right; border-right: 1px solid #dbdbdb" data-bind="text: aantallln"></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:groepen"></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:cat5"></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:cat6"></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:cat7"></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text:cat8"></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text: tgd "></td>
|
||||
<td style= "text-align:right; border-right: 1px solid #dbdbdb" data-bind="text: dq "></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
</tbody>
|
||||
</table>
|
||||
<div data-bind="visible:bg || 1==1" style="margin-top: 40px;">
|
||||
<h4>Conclusies</h4>
|
||||
<p data-bind="visible: maxdq().dq != mindq().dq">Hoogste diversiteit: <span data-bind="text: maxdq().school "></span>
|
||||
met DQ = <span data-bind="text: maxdq().dq"></span>
|
||||
</p>
|
||||
<p data-bind="visible: maxdq().dq != mindq().dq">Laagste diversiteit:<span data-bind="text: mindq().school "></span>
|
||||
met DQ = <span data-bind="text: mindq().dq"></span>
|
||||
</p>
|
||||
<p data-bind="visible: maxdq().dq == mindq().dq">Diversiteit: <span data-bind="text: mindq().school "></span>
|
||||
met DQ = <span data-bind="text: mindq().dq"></span>
|
||||
</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<h4>Percentages</h4>
|
||||
<div data-bind="visible : grandtotals().llng > 0">
|
||||
<div style="float:left; position:relative; width: 400px; height: 290px;" id="holdermondivSO">
|
||||
<canvas data-bind="attr:{'id': 'mondivSO'}" height= "185" width="500" style="margin-top:5px; "> </canvas>
|
||||
</div>
|
||||
<div style='float:left;margin-left: 40px; '>
|
||||
<table class-="lstable">
|
||||
<thead>
|
||||
<tr style="border-bottom:1px solid #dbdbdb">
|
||||
<td>Ondersteuningsvormen</td>
|
||||
<td>% leerlingen</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr>
|
||||
<td>SBO</td>
|
||||
<td class="tar"><span data-bind="text: Math.round((grandtotals().cat5 / grandtotals().llng) * 100) "></span>%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>SO-1</td>
|
||||
<td class="tar"><span data-bind="text: Math.round((grandtotals().cat6 / grandtotals().llng) * 100) "></span>%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>SO-2</td>
|
||||
<td class="tar"><span data-bind="text: Math.round((grandtotals().cat7 / grandtotals().llng) * 100) "></span>%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>SO-3</td>
|
||||
<td class="tar"><span data-bind="text: Math.round((grandtotals().cat8 / grandtotals().llng) * 100) "></span>%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>totaal</td>
|
||||
<td class="tar"><span data-bind="text: Math.round((grandtotals().cat56789 / grandtotals().llng) * 100) "></span>%</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div> <!-- linkerblok -->
|
||||
|
||||
<div class="col-sm-12 col-md-3" >
|
||||
<div style="font-size: 0.8em; border:1px solid #ebebeb">
|
||||
<p>Legenda</p>
|
||||
<table class="lstable " style="font-size: 0.8em; table-layout:fixed">
|
||||
<tr>
|
||||
<td style="width: 50px">SBO</td>
|
||||
<td>toelaatbaarheidsverklaring speciaal basisonderwijs</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>SO-1</td>
|
||||
<td>toelaatbaarheidsverklaring speciaal onderwijs 1</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>SO-2</td>
|
||||
<td>toelaatbaarheidsverklaring speciaal onderwijs 2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>SO-3</td>
|
||||
<td>toelaatbaarheidsverklaring speciaal onderwijs 2</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>TGD</td>
|
||||
<td>Totaal gewogen diversiteit</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>DQ</td>
|
||||
<td>Diversiteitsquotiënt</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div> <!-- rechterblok -->
|
||||
</div>
|
||||
<div data-bind="visible: !gegevens()">
|
||||
<h4>Er zijn geen gegevens beschikbaar voor het geselecteerde schooljaar.</h4>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,52 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagondersteuning">
|
||||
Selecteer een groep:
|
||||
<select data-bind=" options : groepen,
|
||||
optionsText : 'naam',
|
||||
value : selectedGroep,
|
||||
event : {change: fGetUren}">
|
||||
</select>
|
||||
|
||||
|
||||
<table style="margin-top:20px; border: 1px solid #ebebeb">
|
||||
<tr class="kopje" style="border: 1px solid #ebebeb">
|
||||
<td colspan = 6 style="text-align: center"> Uitsplitsing extra formatie per groep</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid #ebebeb">
|
||||
<td> </td>
|
||||
<td colspan = 5 style="text-align: center"> Ondersteuning</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid #ebebeb">
|
||||
<td style= "border-right: 1px solid #ebebeb"> </td>
|
||||
<td style="text-align: center; background-color:#e7e3e3">Groep*</td>
|
||||
<td style="width:10px"></td>
|
||||
<td style="text-align: center;background-color:#e7e3e3"> Subgroep**</td>
|
||||
<td style="width:10px"></td>
|
||||
<td style="text-align: center;background-color:#e7e3e3"> Individueel***</td>
|
||||
</tr>
|
||||
<!-- ko foreach: dagen-->
|
||||
<tr>
|
||||
<td style="border: 1px solid #ebebeb" data-bind = "text : dag"></td>
|
||||
<td style="border: 1px solid #ebebeb">
|
||||
<input class="integer" data-bind ="textInput: uurG , event:{input: $parent.fSavetijd.bind($data,'G','u')}, enable: $parent.writer()" /> uur
|
||||
<input class="integer" data-bind = "textInput: minutenG, event:{input: $parent.fSavetijd.bind($data,'G','m')}, enable: $parent.writer()" /> minuten
|
||||
</td>
|
||||
<td></td>
|
||||
<td style="border: 1px solid #ebebeb;">
|
||||
<input class="integer" data-bind ="textInput: uurS, event:{input: $parent.fSavetijd.bind($data,'S','u')}, enable: $parent.writer() " /> uur
|
||||
<input class="integer" data-bind = "textInput: minutenS, event:{input: $parent.fSavetijd.bind($data,'S','m')}, enable: $parent.writer()" /> minuten
|
||||
</td>
|
||||
<td></td>
|
||||
|
||||
<td style="border: 1px solid #ebebeb">
|
||||
<input class="integer" data-bind ="textInput: uurI ,event:{input: $parent.fSavetijd.bind($data,'I','u')}, enable: $parent.writer()" /> uur
|
||||
<input class="integer" data-bind ="textInput: minutenI,event:{input: $parent.fSavetijd.bind($data,'I','m')}, enable: $parent.writer()" /> minuten
|
||||
</td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
</table>
|
||||
|
||||
<p style="font-size: 0.8em; margin-top:20px">* Ondersteuning in de groep</p>
|
||||
<p style="font-size: 0.8em">** Ondersteuning aan een subgroep buiten de groep </p>
|
||||
<p style="font-size: 0.8em">*** Ondersteuning aan een individuele leerling buiten de groep</p>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,59 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagondersteuningso">
|
||||
|
||||
<div data-bind="visible: ondersteuning()">
|
||||
<span>Selecteer een groep:</span>
|
||||
<select data-bind=" options : groepen,
|
||||
optionsText : 'naam',
|
||||
value : selectedGroep,
|
||||
event : {change: fGetUren}">
|
||||
</select>
|
||||
|
||||
|
||||
<table style="margin-top:20px; border: 1px solid #ebebeb">
|
||||
<tr class="kopje" style="border: 1px solid #ebebeb">
|
||||
<td colspan = 6 style="text-align: center"> Uitsplitsing extra formatie per groep</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid #ebebeb">
|
||||
<td> </td>
|
||||
<td colspan = 5 style="text-align: center"> Ondersteuning</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid #ebebeb">
|
||||
<td style= "border-right: 1px solid #ebebeb"> </td>
|
||||
<td style="text-align: center; background-color:#e7e3e3">Groep*</td>
|
||||
<td style="width:10px"></td>
|
||||
<td style="text-align: center;background-color:#e7e3e3"> Subgroep**</td>
|
||||
<td style="width:10px"></td>
|
||||
<td style="text-align: center;background-color:#e7e3e3"> Individueel***</td>
|
||||
</tr>
|
||||
<!-- ko foreach: dagen-->
|
||||
<tr>
|
||||
<td style="border: 1px solid #ebebeb" data-bind = "text : dag"></td>
|
||||
<td style="border: 1px solid #ebebeb">
|
||||
<input class="integer" data-bind ="textInput: uurG , event:{input: $parent.fSavetijd.bind($data,'G','u')}, enable: $parent.writer()" /> uur
|
||||
<input class="integer" data-bind = "textInput: minutenG, event:{input: $parent.fSavetijd.bind($data,'G','m')}, enable: $parent.writer()" /> minuten
|
||||
</td>
|
||||
<td></td>
|
||||
<td style="border: 1px solid #ebebeb;">
|
||||
<input class="integer" data-bind ="textInput: uurS, event:{input: $parent.fSavetijd.bind($data,'S','u')}, enable: $parent.writer() " /> uur
|
||||
<input class="integer" data-bind = "textInput: minutenS, event:{input: $parent.fSavetijd.bind($data,'S','m')}, enable: $parent.writer()" /> minuten
|
||||
</td>
|
||||
<td></td>
|
||||
|
||||
<td style="border: 1px solid #ebebeb">
|
||||
<input class="integer" data-bind ="textInput: uurI ,event:{input: $parent.fSavetijd.bind($data,'I','u')}, enable: $parent.writer()" /> uur
|
||||
<input class="integer" data-bind ="textInput: minutenI,event:{input: $parent.fSavetijd.bind($data,'I','m')}, enable: $parent.writer()" /> minuten
|
||||
</td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
</table>
|
||||
|
||||
<p style="font-size: 0.8em; margin-top:20px">* Ondersteuning in de groep</p>
|
||||
<p style="font-size: 0.8em">** Ondersteuning aan een subgroep buiten de groep </p>
|
||||
<p style="font-size: 0.8em">*** Ondersteuning aan een individuele leerling buiten de groep</p>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<button style="margin-bottom: 20px"data-bind="click: fWijzigOndersteuning, visible: ondersteuning()">Geen ondersteuning</button>
|
||||
<button style="margin-bottom: 20px;"data-bind="click: fWijzigOndersteuning, visible: !ondersteuning()">Toon ondersteuning</button>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,135 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagschoolgegevens">
|
||||
<div id="bindColofon">
|
||||
|
||||
|
||||
<div class="col-sm-12 col-md-6"
|
||||
style = "border:1px solid #930f50; border-radius:5px;"
|
||||
data-bind="with:schoolgegevens">
|
||||
<h4><i>Schoolgegevens</i></h4>
|
||||
<table style="width: 100%">
|
||||
<tr>
|
||||
<td style="width:35%;text-align:right; padding-right:5px">Bevoegd gezag (brin)
|
||||
</td>
|
||||
<td style="width: 65%" data-bind="text: bgbrin">
|
||||
<span data-bind="text: bgbrin()"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:right; padding-right:5px">Schoolnaam</td>
|
||||
<td><input style="width: 100%" data-bind="textInput: naam , event:{input: $parent.fUpdateSchoolgegevens}, enable: $root.writer()" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:right; padding-right:5px">Straat + nummer</td>
|
||||
<td><input style="width: 100%" data-bind="textInput: straat, event:{input: $parent.fUpdateSchoolgegevens}, enable: $root.writer()" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:right; padding-right:5px">Postcode + Plaats</td>
|
||||
<td><input style="width: 100%" data-bind="textInput: plaats, event:{input: $parent.fUpdateSchoolgegevens}, enable: $root.writer()" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:right; padding-right:5px">Telefoon</td>
|
||||
<td><input style="width: 100%" data-bind="textInput: telefoon, event:{input: $parent.fUpdateSchoolgegevens}, enable: $root.writer()" /></td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:right; padding-right:5px">E-mail directie</td>
|
||||
<td><input style="width: 100%" data-bind="textInput: email1, event:{input: $parent.fUpdateSchoolgegevens}, enable: $root.writer()" /></td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:right; padding-right:5px">Website</td>
|
||||
<td><input style="width: 100%" data-bind="textInput: web, event:{input: $parent.fUpdateSchoolgegevens}, enable: $root.writer()" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:right; padding-right:5px">Directie</td>
|
||||
<td><input style="width: 100%" data-bind="textInput: directie, event:{input: $parent.fUpdateSchoolgegevens}, enable: $root.writer()" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:right; padding-right:5px">Intern begeleider (IB)</td>
|
||||
<td><input style="width: 100%" data-bind="textInput: ib, event:{input: $parent.fUpdateSchoolgegevens}, enable: $root.writer()" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align:right; padding-right:5px">E-mail IB</td>
|
||||
<td><input style="width: 100%" data-bind="textInput: email2, event:{input: $parent.fUpdateSchoolgegevens}, enable: $root.writer()" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
<p style="font-size: 0.8em; text-align: right">wijzigingen worden automatisch opgeslagen</p>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-6">
|
||||
<h4><i>Teamleden</i></h4>
|
||||
<div style="height: 300px; overflow-y:auto">
|
||||
<table style="width:100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 15px;"></th>
|
||||
<th style="width: 40px;">aanhef</th>
|
||||
<th style="width: 90px;">voornaam</th>
|
||||
<th style="width: 40px;">tussen</th>
|
||||
<th style="width: 120px;">achternaam</th>
|
||||
<th style="width: 15px;"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: leerkrachten">
|
||||
<tr>
|
||||
<td><button class="delete" data-bind="click: $parent.fDeleteLeerkracht, visible: recht==10 && $root.writer()"></button></td>
|
||||
<td data-bind="text: aanhef()==1 ? 'Mevr.' : 'Dhr.'"></td>
|
||||
<td data-bind="text: voornaam"></td>
|
||||
<td data-bind="text: tussenvoegsel"></td>
|
||||
<td data-bind="text: achternaam"></td>
|
||||
<td class="editbutton" data-bind="click: $parent.fEditLeerkracht, , visible: $root.writer()"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<button data-bind="click: fNewLeerkracht,visible: $root.writer()">voeg teamlid toe</button>
|
||||
</div>
|
||||
<!-- ************* popups **************** -->
|
||||
<div class="modal fade" id="modNewEditLeerkracht" role="dialog" >
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
|
||||
<div class="modal-header">
|
||||
<h4>Teamlid gegevens</h4>
|
||||
</div><!-- header -->
|
||||
|
||||
<div class="modal-body" data-bind="with: editLK()">
|
||||
<table style="width:100%">
|
||||
<tr>
|
||||
<td style="width:25%">Aanhef</td>
|
||||
<td><select data-bind=" options : $parent.aanhef,
|
||||
optionsText : 'naam',
|
||||
value : $parent.selectedAanhef">
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Voornaam</td>
|
||||
<td><input data-bind="textInput: voornaam" style="width: 100%" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tussenvoegsel</td>
|
||||
<td><input data-bind="textInput: tussenvoegsel" style="width: 100%"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Achternaam</td>
|
||||
<td><input data-bind="textInput: achternaam" style="width: 100%"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>E-mailadres</td>
|
||||
<td><input data-bind="textInput: email" style="width: 100%"/></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div><!-- body-->
|
||||
|
||||
<div class="modal-footer">
|
||||
<button style="float:left;"
|
||||
data-bind="click:fUpdateLK"> ok </button>
|
||||
<button data-dismiss="modal" >annuleren</button>
|
||||
</div> <!-- footer -->
|
||||
</div> <!-- content -->
|
||||
</div> <!-- modal dialog -->
|
||||
</div> <!-- modal -->
|
||||
|
||||
<!-- ********* einde popups **************** -->
|
||||
</div> <!-- bind colofon -->
|
||||
</div>
|
||||
@@ -0,0 +1,311 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagmonfinbestedingen">
|
||||
<div class="col-sm-12" >
|
||||
<h4> Kalenderjaar
|
||||
<select data-bind="options: kalenderjaren,
|
||||
optionsText: 'naam',
|
||||
value: selectedKalenderjaar,
|
||||
event: {change: fGetBestedingen}">
|
||||
</select>
|
||||
<span style="margin-right: 20px;"
|
||||
data-bind="text: 'Dit jaar is financieel afgesloten', visible: jaarclosed()"><span>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class = "col-sm-12" >
|
||||
<div data-bind="visible: jaartoewijzing()">
|
||||
|
||||
<div style= "border:1px solid #dbdbdb; width: 100%" data-bind="visible: jaartoewijzing() && jaartoewijzing().basisextra != 0">
|
||||
<h4><button class="openbutton" data-bind="css: {closebutton: basisgeopend()}, click: fToggle.bind($data,1)"></button>
|
||||
Basisondersteuning
|
||||
</h4>
|
||||
<div data-bind="visible: basisgeopend()">
|
||||
<button style ="float:right; margin-right: 220px"
|
||||
data-bind ="click: fNewBedrag.bind($data,1),visible: writer()&& !jaarclosed()">nieuwe regel
|
||||
</button>
|
||||
|
||||
<table class="lstable" style="width : 755px; font-size:0.9em">
|
||||
<thead>
|
||||
<tr style="border:none">
|
||||
<th style="width:100px; border-bottom:none">Soort</th>
|
||||
<th style="width: 300px; border-bottom:none">Omschrijving</th>
|
||||
<th style="width:135px; border-bottom:none">Bedrag</th>
|
||||
<th style="width: 135px; border-bottom:none">Geformatteerd bedrag</th>
|
||||
<th style="width:20px; border-bottom:none"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: basis">
|
||||
<tr>
|
||||
<td><select data-bind="options: $parent.bestemmingslabels,
|
||||
optionsText: 'omschrijving',
|
||||
optionsValue: 'labelnr' ,
|
||||
value: labelnr,
|
||||
enable: $parent.writer() && !$parent.jaarclosed(),
|
||||
event:{change: $root.fUpdateLabel} ">
|
||||
</select>
|
||||
</td>
|
||||
<td><input style="width:100%"
|
||||
data-bind="textInput:omschrijving,
|
||||
event: {input:$parent.fUpdateOmschrijving},
|
||||
enable: $parent.writer() && ! $parent.jaarclosed()" /></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width:100%"
|
||||
data-bind="textInput: bedrag,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event:{input: $parent.fUpdateBedrag}" /></td>
|
||||
<td style="text-align: right" data-bind="text: fbedrag"></td>
|
||||
<td class="delete"
|
||||
data-bind="click : $parent.fDeleteBedrag.bind($data,1),
|
||||
visible : $parent.writer() && ! $parent.jaarclosed()">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Totaal basisondersteuning</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: totaalbasis"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Budget</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: (jaartoewijzing() !== undefined && jaartoewijzing().basis) ? jaartoewijzing().basis : ''"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div> <!-- basis geopend -->
|
||||
</div> <!-- basis -->
|
||||
<div style= "border:1px solid #dbdbdb; width :100%" data-bind="visible: jaartoewijzing() && jaartoewijzing().basisextra != 0">
|
||||
<h4>
|
||||
<button class="openbutton"
|
||||
data-bind="css: {closebutton: extrageopend() }, click: fToggle.bind($data,2)"></button>
|
||||
Extra ondersteuning
|
||||
</h4>
|
||||
<div data-bind="visible: extrageopend()">
|
||||
<button style="float:right; margin-right: 220px"
|
||||
data-bind="click: fNewBedrag.bind($data,2), visible: writer() && ! jaarclosed()">nieuwe regel</button>
|
||||
|
||||
<table class="lstable" style="width : 755px; font-size:0.9em">
|
||||
<thead>
|
||||
<tr style="border:none">
|
||||
<th style="width:100px; border-bottom:none">Soort</th>
|
||||
<th style="width: 300px; border-bottom:none">Omschrijving</th>
|
||||
<th style="width:135px; border-bottom:none">Bedrag</th>
|
||||
<th style="width: 135px; border-bottom:none">Geformatteerd bedrag</th>
|
||||
<th style="width:20px; border-bottom:none"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: extra">
|
||||
<tr>
|
||||
<td><select data-bind="options: $parent.bestemmingslabels,
|
||||
optionsText: 'omschrijving',
|
||||
optionsValue: 'labelnr' ,
|
||||
value: labelnr,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event:{change: $root.fUpdateLabel} ">
|
||||
</select>
|
||||
</td>
|
||||
<td><input style="width:100%"
|
||||
data-bind="textInput:omschrijving,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event: {input:$parent.fUpdateOmschrijving}" /></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width:100%"
|
||||
data-bind="textInput: bedrag,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event:{input: $parent.fUpdateBedrag}" /></td>
|
||||
<td style="text-align: right" data-bind="text: fbedrag"></td>
|
||||
<td class="delete"
|
||||
data-bind="click: $parent.fDeleteBedrag.bind($data,2), visible: $parent.writer() && ! $parent.jaarclosed()"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Totaal extra ondersteuning</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: totaalextra"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Budget</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: (jaartoewijzing() !== undefined && jaartoewijzing().extra) ? jaartoewijzing().extra : ''"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div> <!-- extra geopend -->
|
||||
</div> <!-- extra -->
|
||||
<div style= "border:1px solid #dbdbdb; width :100%" data-bind="visible:jaartoewijzing() && jaartoewijzing().basisextra == 0">
|
||||
<h4>
|
||||
<button class="openbutton" data-bind="css: {closebutton: somgeopend() }, click: fToggle.bind($data,3)"></button>
|
||||
Ondersteuning
|
||||
</h4>
|
||||
<div data-bind="visible: somgeopend()">
|
||||
<button style="float:right; margin-right: 220px"
|
||||
data-bind="click: fNewBedrag.bind($data,3), visible: writer() && ! jaarclosed()">nieuwe regel</button>
|
||||
|
||||
<table class="lstable" style="width : 755px; font-size:0.9em">
|
||||
<thead>
|
||||
<tr style="border:none">
|
||||
<th style="width:100px; border-bottom:none">Soort</th>
|
||||
<th style="width: 300px; border-bottom:none">Omschrijving</th>
|
||||
<th style="width:135px; border-bottom:none">Bedrag</th>
|
||||
<th style="width: 135px; border-bottom:none">Geformatteerd bedrag</th>
|
||||
<th style="width:20px; border-bottom:none"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: som">
|
||||
<tr>
|
||||
<td><select data-bind="options: $parent.bestemmingslabels,
|
||||
optionsText: 'omschrijving',
|
||||
optionsValue: 'labelnr' ,
|
||||
value: labelnr,
|
||||
enable: $root.writer() && ! $parent.jaarclosed(),
|
||||
event:{change: $root.fUpdateLabel} ">
|
||||
</select>
|
||||
</td>
|
||||
<td><input style="width:100%"
|
||||
data-bind="textInput:omschrijving,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event: {input:$parent.fUpdateOmschrijving}" /></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width:100%"
|
||||
data-bind="textInput: bedrag,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event:{input: $parent.fUpdateBedrag}" /></td>
|
||||
<td style="text-align: right" data-bind="text: fbedrag"></td>
|
||||
<td class="delete"
|
||||
data-bind="click: $parent.fDeleteBedrag.bind($data,3),
|
||||
visible: $parent.writer() && ! $parent.jaarclosed()">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Totaal ondersteuning</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: totaalsom"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Budget</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: (jaartoewijzing() !== undefined && jaartoewijzing().som) ? jaartoewijzing().som : ''"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div> <!-- somgeopend -->
|
||||
</div> <!-- som -->
|
||||
|
||||
<div style= "border:1px solid #dbdbdb; width:100%" >
|
||||
<h4>
|
||||
<button class="openbutton" data-bind="css: {closebutton: overiggeopend() }, click: fToggle.bind($data,4)"></button>
|
||||
Overig
|
||||
</h4>
|
||||
<div data-bind="visible: overiggeopend()">
|
||||
<button style="float:right; margin-right: 220px"
|
||||
data-bind="click: fNewBedrag.bind($data,4), visible: writer() && ! jaarclosed()">nieuwe regel</button>
|
||||
|
||||
<table class="lstable" style="width : 755px; font-size:0.9em">
|
||||
<thead>
|
||||
<tr style="border:none">
|
||||
<th style="width:100px; border-bottom:none">Soort</th>
|
||||
<th style="width: 300px; border-bottom:none">Omschrijving</th>
|
||||
<th style="width:135px; border-bottom:none">Bedrag</th>
|
||||
<th style="width: 135px; border-bottom:none">Geformatteerd bedrag</th>
|
||||
<th style="width:20px; border-bottom:none"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: overig">
|
||||
<tr>
|
||||
<td><select data-bind="options: $parent.bestemmingslabels,
|
||||
optionsText: 'omschrijving',
|
||||
optionsValue: 'labelnr' ,
|
||||
value: labelnr,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event:{change: $root.fUpdateLabel} ">
|
||||
</select>
|
||||
</td>
|
||||
<td><input style="width:100%"
|
||||
data-bind="textInput:omschrijving,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event: {input:$parent.fUpdateOmschrijving}" /></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width:100%"
|
||||
data-bind="textInput: bedrag,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event:{input: $parent.fUpdateBedrag}" /></td>
|
||||
<td style="text-align: right" data-bind="text: fbedrag"></td>
|
||||
<td class="delete"
|
||||
data-bind="click: $parent.fDeleteBedrag.bind($data,4) ,
|
||||
visible: $parent.writer() && ! $parent.jaarclosed()">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Totaal overig</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: totaaloverig"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Budget</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: (jaartoewijzing() !== undefined && jaartoewijzing().overig) ? jaartoewijzing().overig : ''"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div> <!-- overig geopend -->
|
||||
</div> <!-- overig -->
|
||||
<p>Opmerkingen</p>
|
||||
<textarea style= "width: 80%" data-bind="textInput: opmerking, event:{input: fSaveOpmerking}, enable:! jaarclosed()"></textarea>
|
||||
</div> <!-- visible jaartoewijzing -->
|
||||
<div data-bind="visible: !jaartoewijzing()">
|
||||
<p>Er zijn nog geen budgetgegevens voor dit kalenderjaar</p>
|
||||
</div>
|
||||
|
||||
</div> <!-- visible holder -->
|
||||
<!-- ********** modals *************** -->
|
||||
<div class="modal fade" id="modNewBedrag" role="dialog" >
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4>Nieuwe bestemmingsregel <span data-bind="text: soortnaam" ></span></h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<table>
|
||||
<tr>
|
||||
<td>Soort: </td>
|
||||
<td><select data-bind="options: bestemmingslabels,
|
||||
optionsText: 'omschrijving',
|
||||
value: selectedLabel,
|
||||
event: {change: fGetBestedingen}">
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Omschrijving: </td>
|
||||
<td><input style="width: 250px" data-bind="textInput: newOmschrijving" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Bedrag: </td>
|
||||
<td><input class="decimal" style="max-width: 210px" data-bind="textInput: newBedrag" ></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button style="float:left; width: 80px;"
|
||||
data-bind="click:fSaveNewBedrag"> opslaan </button>
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal" >annuleren</button>
|
||||
</div>
|
||||
</div> <!--modal content -->
|
||||
</div><!-- modal dialog -->
|
||||
</div> <!-- modal -->
|
||||
</div>
|
||||
@@ -0,0 +1,126 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagmonfinbeheer">
|
||||
|
||||
<div class="col-sm-12" style="padding:0px">
|
||||
<div class="col-sm-3" style="padding:0px">
|
||||
|
||||
<table class="lstable" style="width:100%;">
|
||||
<colgroup>
|
||||
<col span='4' style="width: 18px">
|
||||
<col style="width: 220px">
|
||||
</colgroup>
|
||||
<tbody data-bind="foreach: orgs">
|
||||
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) ,
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
|
||||
<td class="openbutton" data-bind="click: $root.fToggle, css: { closebutton: geopend()}"></td>
|
||||
<td colspan = 4 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- ko foreach: suborgs -->
|
||||
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) && $parent.geopend(),
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
|
||||
<td></td>
|
||||
<td class="openbutton" data-bind="click: $root.fToggle, css: { closebutton: geopend()}"></td>
|
||||
<td colspan = 3 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
|
||||
<!-- ko foreach: suborgs -->
|
||||
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) && $parent.geopend() && $parents[1].geopend(),
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="openbutton" data-bind="click: $root.fToggle, css: { closebutton: geopend()}"></td>
|
||||
<td colspan = 2 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- ko foreach: suborgs -->
|
||||
<tr data-bind= "visible: ((typeof id !== 'undefined' && id > 0) && $parent.geopend()) && $parents[1].geopend() && $parents[2].geopend(),
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }" >
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan = 1 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-sm-9" >
|
||||
<p data-bind= "visible: !selectedOrg() ">Selecteer eerst een organisatie</p>
|
||||
<div style="width: 100%"
|
||||
data-bind="visible: selectedOrg(), with: selectedOrg">
|
||||
<h4 style="margin-top:0px"><span data-bind="text: fnaam"></span> : Budgetten</h4>
|
||||
<table class="lstable" style="width:100%; font-size: 0.8em">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:12%; text-align:center">Kalenderjaar</th>
|
||||
<th style="width:16%; text-align:center">Basis ondersteuning</th>
|
||||
<th style="width:16%; text-align:center">Extra ondersteuning</th>
|
||||
<th style="width:16%; text-align:center">Som ondersteuning</th>
|
||||
<th style="width:16%; text-align:center">Overige</th>
|
||||
<th style="width:8%"></th>
|
||||
<th style="width:16%" title="basisondersteuning = lichte ondersteuning; extra ondersteuning = zware ondersteuning">onderscheid <br> basis-extra ondersteuning*</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind= "foreach: $parent.bedragen">
|
||||
<tr>
|
||||
<td data-bind="text: kalenderjaar"></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width: 100%;width:100%"
|
||||
data-bind="textInput: basis,
|
||||
event:{change: $root.fUpdatebedrag.bind($data,1)},
|
||||
enable: basisextra() ==1 && vastgelegd() != 1,
|
||||
visible: !jaarclosed() " /></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width: 100%;width:100%"
|
||||
data-bind="textInput: extra,
|
||||
event:{change: $root.fUpdatebedrag.bind($data,2)},
|
||||
enable: basisextra() == 1 && vastgelegd() != 1,
|
||||
visible: !jaarclosed() " /></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width: 100%;width:100%; "
|
||||
data-bind="textInput: som,
|
||||
event:{change: $root.fUpdatebedrag.bind($data,3)},
|
||||
visible: basisextra() == 0 && ! jaarclosed(),
|
||||
enable: vastgelegd() !=1" />
|
||||
</td>
|
||||
<td ><input class="decimal"
|
||||
style="max-width: 100%;width:100%"
|
||||
data-bind="textInput: overig,
|
||||
enable: vastgelegd() != 1,
|
||||
event:{change: $root.fUpdatebedrag.bind($data,4)},
|
||||
visible: !jaarclosed() " />
|
||||
|
||||
<td ><button data-bind="click: $root.fLegVast,
|
||||
visible: (vastgelegd() == 0 || vastgelegd() == null) && !jaarclosed() ">leg vast</button>
|
||||
</td>
|
||||
<td >
|
||||
|
||||
<input type="radio" name = "basisextra" value='0' data-bind="attr:{name: 'basisextra' + id},checked: basisextra, enable: (basisextravast()=='0' || basisextravast() == null) && ! jaarclosed(), click: $root.fUpdateBE" /> nee
|
||||
<input type="radio" name = "basisextra" value='1' data-bind="attr:{name: 'basisextra' + id},checked: basisextra, enable:(basisextravast()=='0' || basisextravast() == null) && !jaarclosed(), click: $root.fUpdateBE" /> ja
|
||||
<button data-bind="click: $root.fLegBasisextravast, visible: (basisextravast() =='0' || basisextravast() == null) && !jaarclosed()"> leg vast</button>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr style="border-bottom:1px solid #dbdbdb">
|
||||
<td>geformatteerd</td>
|
||||
<td style="text-align: right" data-bind="text: screenbasis"></td>
|
||||
<td style="text-align: right" data-bind="text: screenextra"></td>
|
||||
<td style="text-align: right" data-bind="text: screensom"></td>
|
||||
<td style="text-align: right" data-bind="text: screenoverig"></td>
|
||||
<td colspan =2>
|
||||
<button style="width: 100%; margin-top: 5px; margin-bottom: 5px;"
|
||||
data-bind="click: $root.fJaarAfsluiten, visible: ! jaarclosed() && $root.selectedOrg().soort ==1">
|
||||
jaar afsluiten
|
||||
</button>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,190 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagmonfinoverzicht">
|
||||
<div class="col-sm-3" style="padding:0px">
|
||||
<table class="lstable" style="width:100%;">
|
||||
<colgroup>
|
||||
<col span='4' style="width: 18px">
|
||||
<col style="width: 220px">
|
||||
</colgroup>
|
||||
<tbody data-bind="foreach: orgs">
|
||||
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) ,
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
|
||||
<td class="openbutton" data-bind="click: $root.fToggle, css: { closebutton: geopend()}"></td>
|
||||
<td colspan = 4 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- ko foreach: suborgs -->
|
||||
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) && $parent.geopend(),
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
|
||||
<td></td>
|
||||
<td class="openbutton" data-bind="click: $root.fToggle, css: { closebutton: geopend()}"></td>
|
||||
<td colspan = 3 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
|
||||
<!-- ko foreach: suborgs -->
|
||||
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) && $parent.geopend() && $parents[1].geopend(),
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="openbutton" data-bind="click: $root.fToggle, css: { closebutton: geopend()}"></td>
|
||||
<td colspan = 2 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- ko foreach: suborgs -->
|
||||
<tr data-bind= "visible: ((typeof id !== 'undefined' && id > 0) && $parent.geopend()) && $parents[1].geopend() && $parents[2].geopend(),
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }" >
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan = 1 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-sm-9" >
|
||||
<p data-bind= "visible: !selectedOrg() ">Selecteer eerst een organisatie</p>
|
||||
<h4 style="margin-top:0px;"> Kalenderjaar
|
||||
<select data-bind="options: kalenderjaren,
|
||||
optionsText: 'naam',
|
||||
value: selectedKalenderjaar,
|
||||
event: {change: fGetBedragen}">
|
||||
</select>
|
||||
<button class="printer" style="float:right" data-bind="click: fMaakPDF"></button>
|
||||
|
||||
<div style="float:right; margin-right: 40px" data-bind="visible: (selectedOrg() &&selectedOrg().soort !=4)">
|
||||
<input type='radio' name='zelfjn' value='1' data-bind="checked: zelfjanee, click: fGetBedragen" /> details eigen organisatie
|
||||
<input type='radio' name='zelfjn' value='0' data-bind="checked: zelfjanee, click: fGetBedragen" /> sub-organisaties
|
||||
</div>
|
||||
|
||||
</h4>
|
||||
<div data-bind="visible: zelfjanee()==1 || (selectedOrg() && selectedOrg().soort == 4)">
|
||||
<table class="lstable" style="width:830px" id='mytesttable'>
|
||||
<colgroup>
|
||||
<col style="width: 20px">
|
||||
<col style="width: 210px">
|
||||
<col style="width: 200px; ">
|
||||
<col style="width: 200px; ">
|
||||
<col style="width: 200px; ">
|
||||
</colgroup>
|
||||
<tbody data-bind="foreach:schoolbedragen">
|
||||
<tr>
|
||||
<td colspan = 5 style="font-size:1.2em; font-weight: 700"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan = 5 data-bind="text: soortbestemming" style="font-size:1.2em; font-weight: 700"></td>
|
||||
</tr>
|
||||
<tr style="background-color:#DED0D7">
|
||||
<td></td>
|
||||
<td>Label</td>
|
||||
<td class="tar">Bestemming</td>
|
||||
<td class="tar">Budget</td>
|
||||
<td class="tar">Verschil</td>
|
||||
</tr>
|
||||
<!-- ko foreach: labels-->
|
||||
<tr >
|
||||
<td class="openbutton" data-bind="click: $root.fToggle, css: { closebutton: geopend()}"></td>
|
||||
<td data-bind="text: k.naam"></td>
|
||||
<td class="tar" data-bind="text: k.som"></td>
|
||||
<td class="tar"></td>
|
||||
<td class="tar"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td colspan=4 style="padding-left:10px;">
|
||||
<table class="lstable" style="width:300px">
|
||||
<tbody data-bind="foreach: k.details">
|
||||
<tr class="alter">
|
||||
<td style="width: 200px" data-bind="text: omschrijving"></td>
|
||||
<td style="width: 100px;text-align:right;" data-bind="text: bedrag"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td> <!-- subtabel holder-->
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<tr style="font-style:italic">
|
||||
<td colspan=2 > Totaal <span data-bind="text:soortbestemming"></span> </td>
|
||||
<td class="tar" data-bind="text:soorttotaal"></td>
|
||||
<td class="tar" data-bind="text: soortbudget"></td>
|
||||
<td class="tar" data-bind="text: soortverschil"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr style="border-top: 1px solid #cbcbcb; font-weight: bold; font-size: 1.0em" data-bind="visible:schooltotaal() !=0">
|
||||
<td colspan=2 > Totaal organisatie </td>
|
||||
<td class="tar" data-bind="text:schooltotaal().bestemd"></td>
|
||||
<td class="tar" data-bind="text:schooltotaal().budget"></td>
|
||||
<td class="tar" data-bind="text:schooltotaal().verschil"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<textarea style="margin-top:20px; width:100%" data-bind="visible: opmerking().length>0, text: opmerking, enable: false">
|
||||
</textarea>
|
||||
</div> <!-- visible zelfjanee = 1 -->
|
||||
<div data-bind="visible: zelfjanee() == 0 && (selectedOrg() && selectedOrg().soort != 4) ">
|
||||
<table class="lstable" style="width:100%" id="suborgtable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:22%; text-align:left">Organisatie</th>
|
||||
<th style="text-align: right" data-bind="visible: basisextra"> Basis</th>
|
||||
|
||||
<th style="text-align: right" data-bind="visible: basisextra">Extra</th>
|
||||
|
||||
<th style="text-align: right" data-bind="visible: !basisextra()">Ondersteuning</th>
|
||||
<th style="text-align: right">Overig</th>
|
||||
<th style="text-align: right">Totaal bestemd</th>
|
||||
<th style="text-align: right">Totaal budget</th>
|
||||
<th style="text-align: right">Verschil</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: borganisaties">
|
||||
<tr style="border-bottom:1px solid #dbdbdb">
|
||||
<td data-bind="text: naam"></td>
|
||||
<td style="text-align: right" data-bind="text: basis, visible:$parent.basisextra "></td>
|
||||
<td style="text-align: right" data-bind="text:extra, visible:$parent.basisextra"></td>
|
||||
<td style="text-align: right" data-bind="text: besom, visible: !$parent.basisextra() "></td>
|
||||
<td style="text-align: right" data-bind="text: overig"></td>
|
||||
<td style="text-align: right" data-bind="text: totaal"></td>
|
||||
<td style="text-align: right" data-bind="text: totaalbudget"></td>
|
||||
<td style="text-align: right" data-bind="text: verschil"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody data-bind="with: sumarray">
|
||||
<tr style="font-style: italic; border-bottom: 2px solid #dbdbdb; background-color:#efe9ec">
|
||||
<td >Subtotaal</td>
|
||||
<td style="text-align: right" data-bind="text: basis, visible:$parent.basisextra "></td>
|
||||
<td style="text-align: right" data-bind="text:extra, visible:$parent.basisextra"></td>
|
||||
<td style="text-align: right" data-bind="text: besom, visible: !$parent.basisextra() "></td>
|
||||
<td style="text-align: right" data-bind="text: overig"></td>
|
||||
<td style="text-align: right" data-bind="text: totaal"></td>
|
||||
<td style="text-align: right" data-bind="text: totaalbudget"></td>
|
||||
<td style="text-align: right" data-bind="text: verschil"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody data-bind="with:targetorg">
|
||||
<tr>
|
||||
<td data-bind='text: naam'></td>
|
||||
<td style="text-align: right" data-bind="text: basis, visible:$parent.basisextra "></td>
|
||||
<td style="text-align: right" data-bind="text:extra, visible:$parent.basisextra"></td>
|
||||
<td style="text-align: right" data-bind="text: besom, visible: !$parent.basisextra() "></td>
|
||||
<td style="text-align: right" data-bind="text: overig"></td>
|
||||
<td style="text-align: right" data-bind="text: totaal"></td>
|
||||
<!-- <td style="text-align: right" data-bind="text: totaalbudget"></td>
|
||||
<td style="text-align: right" data-bind="text: verschil"></td> -->
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody data-bind="with:grandtot">
|
||||
<tr style='font-weight:700; background-color:#ebe3e7'>
|
||||
<td >Totaal</td>
|
||||
<td style="text-align: right" data-bind="text: basis, visible:$parent.basisextra "></td>
|
||||
<td style="text-align: right" data-bind="text:extra, visible:$parent.basisextra"></td>
|
||||
<td style="text-align: right" data-bind="text: besom, visible: !$parent.basisextra() "></td>
|
||||
<td style="text-align: right" data-bind="text: overig"></td>
|
||||
<td style="text-align: right" data-bind="text: totaal"></td>
|
||||
<td style="text-align: right" data-bind="text: totaalbudget"></td>
|
||||
<td style="text-align: right" data-bind="text: verschil"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!--visible zelfjanee = 0 -->
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,101 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagmonfinbeheer2">
|
||||
|
||||
<div class="col-sm-12" style="padding:0px">
|
||||
<div class="col-sm-3" style="padding:0px">
|
||||
|
||||
<table class="lstable" style="width:100%;">
|
||||
<colgroup>
|
||||
<col span='4' style="width: 18px">
|
||||
<col style="width: 220px">
|
||||
</colgroup>
|
||||
<tbody data-bind="foreach: orgs">
|
||||
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) ,
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
|
||||
<td class="openbutton" data-bind="click: $root.fToggle, css: { closebutton: geopend()}"></td>
|
||||
<td colspan = 4 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- ko foreach: suborgs -->
|
||||
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) && $parent.geopend(),
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
|
||||
<td></td>
|
||||
<td class="openbutton" data-bind="click: $root.fToggle, css: { closebutton: geopend()}"></td>
|
||||
<td colspan = 3 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
|
||||
<!-- ko foreach: suborgs -->
|
||||
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) && $parent.geopend() && $parents[1].geopend(),
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="openbutton" data-bind="click: $root.fToggle, css: { closebutton: geopend()}"></td>
|
||||
<td colspan = 2 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- ko foreach: suborgs -->
|
||||
<tr data-bind= "visible: ((typeof id !== 'undefined' && id > 0) && $parent.geopend()) && $parents[1].geopend() && $parents[2].geopend(),
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }" >
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan = 1 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-sm-9" >
|
||||
<p data-bind= "visible: !selectedOrg() ">Selecteer eerst een organisatie</p>
|
||||
<div style="width: 100%"
|
||||
data-bind="visible: selectedOrg(), with: selectedOrg">
|
||||
<h4 style="margin-top:0px"><span data-bind="text: fnaam"></span> : Budgetten</h4>
|
||||
<table class="lstable" style="width:100%; font-size: 0.8em">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:12%; text-align:center">Kalenderjaar</th>
|
||||
<th style="width:30%; text-align:center">Basis ondersteuning</th>
|
||||
<th style="width:30%; text-align:center">Extra ondersteuning</th>
|
||||
<th style="width:10%; text-align:center"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind= "foreach: $parent.bedragen">
|
||||
<tr>
|
||||
<td data-bind="text: kalenderjaar"></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width: 100%;width:100%"
|
||||
data-bind="textInput: basis,
|
||||
event:{change: $root.fUpdatebedrag.bind($data,1)},
|
||||
visible: !jaarclosed() && (vastgelegd() ==0 || vastgelegd()==null ),
|
||||
enable:$root.magwijzig()" /></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width: 100%;width:100%"
|
||||
data-bind="textInput: extra,
|
||||
event:{change: $root.fUpdatebedrag.bind($data,2)},
|
||||
visible: !jaarclosed() && (vastgelegd() ==0 || vastgelegd()==null ),
|
||||
enable:$root.magwijzig()" /></td>
|
||||
|
||||
<td ><button data-bind="click: $root.fLegVast,
|
||||
visible: (vastgelegd() == 0 || vastgelegd() == null) && !jaarclosed()
|
||||
&& $root.magwijzig()">leg vast</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border-bottom:1px solid #dbdbdb">
|
||||
<td>geformatteerd</td>
|
||||
<td style="text-align: right" data-bind="text: screenbasis"></td>
|
||||
<td style="text-align: right" data-bind="text: screenextra"></td>
|
||||
<td colspan =2>
|
||||
<button style="width: 100%; margin-top: 5px; margin-bottom: 5px;"
|
||||
data-bind="click: $root.fJaarAfsluiten, visible: ! jaarclosed() && $root.selectedOrg().soort ==1 && $root.magwijzig()">
|
||||
jaar afsluiten
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,127 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagmonfinbestemmingen2">
|
||||
<div class="col-sm-12" >
|
||||
<h4> Kalenderjaar
|
||||
<select data-bind="options: kalenderjaren,
|
||||
optionsText: 'naam',
|
||||
value: selectedKalenderjaar,
|
||||
event: {change: fGetAllBestemmingen}">
|
||||
</select>
|
||||
<span style="margin-right: 20px;"
|
||||
data-bind="text: 'Dit jaar is financieel afgesloten', visible: jaarclosed()"><span>
|
||||
</h4>
|
||||
<div data-bind="visible: !jaartoewijzing()">
|
||||
<p>Er zijn nog geen budgetgegevens voor dit kalenderjaar</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class = "col-sm-12" data-bind="visible: jaartoewijzing()">
|
||||
<div data-bind="visible: jaartoewijzing() && jaartoewijzing().basisextra == 0">
|
||||
<p>Deze versie van de monitor financiën vereist dat er een verschil wordt gehanteerd tussen basis en extra ondersteuning.</p>
|
||||
</div>
|
||||
<div style= "width: 100%" data-bind="visible: jaartoewijzing() && jaartoewijzing().basisextra != 0">
|
||||
<p style="font-size:0.8em;float:right; color:red">bedragen worden opgeslagen nadat u het invoerveld verlaat</p>
|
||||
<h4><button class="openbutton" data-bind="css: {closebutton: basisgeopend()}, click: fToggle.bind($data,1)"></button>
|
||||
Basisondersteuning
|
||||
</h4>
|
||||
<div data-bind="visible: basisgeopend()">
|
||||
<table class="lstable" style="width : 100%; font-size:0.9em">
|
||||
<colgroup>
|
||||
<col style="width:40%">
|
||||
<col span='3' style="width: 18%">
|
||||
</colgroup>
|
||||
<tbody data-bind="foreach: basissoorten">
|
||||
<tr class="blokheader" style="text-align:left; padding-left:5px">
|
||||
<td style="width: 40%" data-bind="text:naam"></td>
|
||||
<!-- ko foreach: $root.uitgavetypes -->
|
||||
<td style="text-align:right" data-bind="text:code"> </td>
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
<!-- ko foreach:subsoorten -->
|
||||
<tr>
|
||||
<td data-bind="text: naam"></td>
|
||||
<!-- ko foreach: uitgavetypes() -->
|
||||
<!-- ko if (code == $root.uitgavetypes()[$index()].code) -->
|
||||
<td style="text-align: right">
|
||||
<input class="decimal"
|
||||
style="width: 200px;max-width:100%"
|
||||
data-bind="textInput: formatted,event:{change:$root.fSaveBedrag} ,
|
||||
enable: $root.targetjaar() == $root.selectedKalenderjaar().jaarnr && ! $root.jaarclosed()" />
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
</tbody> <!-- FOREACH basissoorten -->
|
||||
</table>
|
||||
</div> <!-- visible basisgeopend -->
|
||||
<p style="margin-bottom:0px; background-color:#f8f8f8; padding-left:10px; padding-top:10px;">
|
||||
<span style="display:inline-block; width: 200px;" >Totaal basisondersteuning </span>
|
||||
<span style="display:inline-block; width: 100px; text-align:right"
|
||||
data-bind="text: totaalbasis">
|
||||
</span>
|
||||
</p>
|
||||
<p style="margin-top:0px; background-color:#f8f8f8; padding-left:10px; padding-bottom:10px; border-bottom:3px solid #dddddd">
|
||||
<span style="display:inline-block; width: 200px" >Budget</span>
|
||||
<span style="display:inline-block; width: 100px; text-align:right"
|
||||
data-bind="text: jaartoewijzing() ? jaartoewijzing().basis : '' ">
|
||||
</span>
|
||||
</p>
|
||||
<!-- **************** extra ondersteuning *************** -->
|
||||
<h4><button class="openbutton" data-bind="css: {closebutton: extrageopend()}, click: fToggle.bind($data,2)"></button>
|
||||
Extra ondersteuning
|
||||
</h4>
|
||||
<div data-bind="visible: extrageopend()">
|
||||
<table class="lstable" style="width : 100%; font-size:0.9em">
|
||||
<colgroup>
|
||||
<col style="width:40%">
|
||||
<col span='3' style="width: 18%">
|
||||
|
||||
</colgroup>
|
||||
<tbody data-bind="foreach: extrasoorten">
|
||||
<tr class="blokheader" style="text-align:left; padding-left:5px">
|
||||
<td style="width: 40%" data-bind="text:naam"></td>
|
||||
<!-- ko foreach: $root.uitgavetypes -->
|
||||
<td style="text-align:right" data-bind="text:code"> </td>
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
<!-- ko foreach:subsoorten -->
|
||||
|
||||
<tr >
|
||||
<td data-bind="text: naam"></td>
|
||||
<!-- ko foreach: uitgavetypes() -->
|
||||
<!-- ko if (code == $root.uitgavetypes()[$index()].code) -->
|
||||
<td style="text-align: right">
|
||||
<input class="decimal"
|
||||
style="width: 200px;max-width:100%"
|
||||
data-bind="textInput: formatted, event:{change:$root.fSaveBedrag} ,
|
||||
enable: $root.targetjaar() == $root.selectedKalenderjaar().jaarnr && ! $root.jaarclosed()" />
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
</tbody> <!-- FOREACH extrasoorten -->
|
||||
</table>
|
||||
</div> <!-- visible extrageopend -->
|
||||
<p style="margin-bottom:0px; background-color:#f8f8f8; padding-left:10px; padding-top:10px;">
|
||||
<span style="display:inline-block; width: 200px;" >Totaal extra ondersteuning </span>
|
||||
<span style="display:inline-block; width: 100px; text-align:right"
|
||||
data-bind="text: totaalextra">
|
||||
</span>
|
||||
</p>
|
||||
<p style="margin-top:0px; background-color:#f8f8f8; padding-left:10px; padding-bottom:10px; border-bottom:3px solid #dddddd">
|
||||
<span style="display:inline-block; width: 200px" >Budget</span>
|
||||
<span style="display:inline-block; width: 100px; text-align:right"
|
||||
data-bind="text: jaartoewijzing() ? jaartoewijzing().extra : '' ">
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p style="margin-top:20px">Opmerkingen</p>
|
||||
<textarea style="width:100%"
|
||||
data-bind="textInput: opmerking, event:{input: fSaveOpmerking}"></textarea>
|
||||
|
||||
</div> <!-- als onderscheid tussen basis en extra is gemaakt bij budgetten, maar dat moet vanaf nu-->
|
||||
</div> <!-- col sm 12 als jaartoewijzing-->
|
||||
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,47 @@
|
||||
<table style="width:100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:25%">Organisatie</th>
|
||||
<th style="text-align:right; width:15%">Basis</th>
|
||||
<th style="text-align:right; width:15%">Extra</th>
|
||||
<th style="border-left:1px solid #777777;text-align:right; width:15%">Totaal bestemd</th>
|
||||
<th style="text-align:right; width:15%">Totaal budget</th>
|
||||
<th style="text-align:right; width:15%">Verschil</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: otherOrgs">
|
||||
<tr>
|
||||
<td data-bind= "text: naam"></td>
|
||||
<td style="text-align:right" data-bind="text: (typeof bestemmingen != 'undefined' ) ? bestemmingen.formBasis : '' "></td>
|
||||
<td style="text-align:right" data-bind="text: (typeof bestemmingen != 'undefined' ) ? bestemmingen.formExtra : '' "></td>
|
||||
<td style="text-align:right;border-left:1px solid #777777;" data-bind="text: (typeof bestemmingen != 'undefined' ) ? bestemmingen.formSom : '' "></td>
|
||||
<td style="text-align: right; " data-bind="text: (typeof budget != 'undefined' ) ? budget.formTotaal : '' "></td>
|
||||
<td style="text-align: right; " data-bind="text: (typeof formVerschil != 'undefined' ) ? formVerschil : '' "></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr style="background-color: #e7e2e5 ; font-style:italic" data-bind="with: subTot">
|
||||
<td>Subtotaal</td>
|
||||
<td style="text-align:right; " data-bind="text: basis"></td>
|
||||
<td style="text-align:right; " data-bind="text: extra"></td>
|
||||
<td style="border-left:1px solid #777777;text-align:right; " data-bind="text: som"></td>
|
||||
<td style="text-align:right; " data-bind="text: budget"></td>
|
||||
<td style="text-align:right; " data-bind="text: verschil"></td>
|
||||
</tr>
|
||||
|
||||
<tr data-bind="with:targetOrg">
|
||||
<td data-bind="text:naamkort"></td>
|
||||
<td style="text-align:right; " data-bind="text: bestemmingen.formBasis"></td>
|
||||
<td style="text-align:right;" data-bind="text: bestemmingen.formExtra"></td>
|
||||
<td style="border-left:1px solid #777777;text-align:right;" data-bind="text: bestemmingen.formSom"></td>
|
||||
<td style="text-align:right;" data-bind="text:budgetten.totaal">Totaal budget</td>
|
||||
<td style="text-align:right; " data-bind="text: budgetten.verschil">Verschil</td>
|
||||
</tr>
|
||||
<tr style="background-color: #ded0d7; font-weight: 600" data-bind="with: grandTot">
|
||||
<td >Totaal</td>
|
||||
<td style="text-align:right; " data-bind="text: basis"></td>
|
||||
<td style="text-align:right;" data-bind="text: extra"></td>
|
||||
<td style="border-left:1px solid #777777;text-align:right; " data-bind="text: som"></td>
|
||||
<td style="text-align:right;" data-bind="text: budget"></td>
|
||||
<td style="text-align:right; " data-bind="text: verschil"></td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -0,0 +1,184 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagmonfinoverzicht2">
|
||||
<div class="col-sm-3" style="padding:0px">
|
||||
<table class="lstable" style="width:100%;">
|
||||
<colgroup>
|
||||
<col span='4' style="width: 18px">
|
||||
<col style="width: 220px">
|
||||
</colgroup>
|
||||
<tbody data-bind="foreach: orgs">
|
||||
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) ,
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
|
||||
<td class="openbutton" data-bind="click: $root.fToggleOrg, css: { closebutton: geopend()}"></td>
|
||||
<td colspan = 4 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- ko foreach: suborgs -->
|
||||
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) && $parent.geopend(),
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
|
||||
<td></td>
|
||||
<td class="openbutton" data-bind="click: $root.fToggleOrg, css: { closebutton: geopend()}"></td>
|
||||
<td colspan = 3 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
|
||||
<!-- ko foreach: suborgs -->
|
||||
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) && $parent.geopend() && $parents[1].geopend(),
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="openbutton" data-bind="click: $root.fToggleOrg, css: { closebutton: geopend()}"></td>
|
||||
<td colspan = 2 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- ko foreach: suborgs -->
|
||||
<tr data-bind= "visible: ((typeof id !== 'undefined' && id > 0) && $parent.geopend()) && $parents[1].geopend() && $parents[2].geopend(),
|
||||
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }" >
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan = 1 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-sm-9" >
|
||||
<p data-bind= "visible: !selectedOrg() ">Selecteer eerst een organisatie</p>
|
||||
<h4 style="margin-top:0px;"> Kalenderjaar
|
||||
<select data-bind="options: kalenderjaren,
|
||||
optionsText: 'naam',
|
||||
value: selectedKalenderjaar,
|
||||
event: {change: fGetBedragen}">
|
||||
</select>
|
||||
<button class="printer" style="float:right" data-bind="click: fMaakPDF"></button>
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
<div style="float:right; margin-right: 40px" data-bind="visible: (selectedOrg() &&selectedOrg().soort !=4)">
|
||||
<input type='radio'
|
||||
name='zelfjn' value='1'
|
||||
data-bind="checked: zelfjanee, click: fGetBedragen" /> details eigen org.
|
||||
<!-- ko if : selectedOrg() && selectedOrg().soort != 4 -->
|
||||
<input type='radio' name='zelfjn' value='3' data-bind="checked: zelfjanee, click: fGetBedragen" /> details sub-org.
|
||||
<!-- /ko -->
|
||||
<input type='radio' name='zelfjn' value='2' data-bind="checked: zelfjanee, click: fGetBedragen" /> pers.mat.scholing
|
||||
<input type='radio' name='zelfjn' value='0' data-bind="checked: zelfjanee, click: fGetBedragen" /> sub-organisaties
|
||||
|
||||
</div>
|
||||
</p>
|
||||
<div id="finoverzichtpage">
|
||||
<div data-bind="visible: zelfjanee() == 1 || zelfjanee() == 3 ">
|
||||
|
||||
<table style="width:100%">
|
||||
<tr class="blokheader">
|
||||
<td style="width:23px"></td>
|
||||
<td class="naam2"
|
||||
style="width: 250px: padding-right:0px; padding-left:3px;text-align:left">Basisondersteuning</td>
|
||||
<!-- ko foreach: uitgavetypes-->
|
||||
<td style="text-align:right;width:91px;font-size:0.9em" data-bind="text: naam"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align:right;width:90px">Som</td>
|
||||
<td style="text-align:right;width:90px">Budget</td>
|
||||
<td style="text-align:right;width:90px">Verschil</td>
|
||||
</tr>
|
||||
<tr style="background-color:#ded0d7">
|
||||
<td class="glyphicon"
|
||||
data-bind="css:{'glyphicon-chevron-right': !basisgeopend(), 'glyphicon-chevron-down': basisgeopend()},click: fToggle.bind($data,'BASIS')">
|
||||
</td>
|
||||
<td class="naam2" style="text-align:left;width:250px;">Totaal basis</td>
|
||||
<!-- ko foreach: sombasisperuitgavetype-->
|
||||
<td style="text-align:right" data-bind="text: som"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align:right" data-bind="text : $root.budgetten().basis"></td>
|
||||
<td style="text-align:right" data-bind="text : $root.budgetten().basisverschil"></td>
|
||||
</tr>
|
||||
<tbody data-bind="foreach:basis">
|
||||
<tr data-bind="visible: $root.basisgeopend()">
|
||||
|
||||
<td colspan='8' style="padding-left:0px; padding-right:0px;">
|
||||
<table style="width:100%">
|
||||
<tbody data-bind="foreach: subsoorten">
|
||||
|
||||
<tr style="border-bottom:1px solid #ebebeb">
|
||||
<td data-bind="text:naam" class="naam" style="padding:0px; width: 283px" > </td> <!-- -->
|
||||
<td data-bind="text: isNaN(uitgavetypes[0].bedrag.replace(/\./g,'') ) || uitgavetypes[0].bedrag ==0 ? '' : uitgavetypes[0].bedrag" style="text-align:right;width:98px"> </td>
|
||||
<td data-bind="text: isNaN(uitgavetypes[1].bedrag.replace(/\./g,'') ) || uitgavetypes[1].bedrag ==0 ? '' : uitgavetypes[1].bedrag" style="text-align:right;width:91px"> </td>
|
||||
<td data-bind="text: isNaN(uitgavetypes[2].bedrag.replace(/\./g,'') ) || uitgavetypes[2].bedrag ==0 ? '' : uitgavetypes[2].bedrag" style="text-align:right;width:91px"> </td>
|
||||
<td data-bind="text: isNaN(uitgavetypes[3].bedrag.replace(/\./g,'') ) || uitgavetypes[3].bedrag ==0 ? '' : uitgavetypes[3].bedrag" style="text-align:right;width:91px"> </td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
|
||||
<tr class="blokheader">
|
||||
<td></td>
|
||||
<td style="padding-right:0px; padding-left:3px;text-align:left">Extra ondersteuning</td>
|
||||
<!-- ko foreach: uitgavetypes-->
|
||||
<td style="text-align:right ;font-size:0.9em" data-bind="text: naam"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align:right" >Som</td>
|
||||
<td style="text-align:right">Budget</td>
|
||||
<td style="text-align:right">Verschil</td>
|
||||
</tr>
|
||||
<tr style="background-color:#ded0d7">
|
||||
<td class="glyphicon"
|
||||
data-bind="css:{'glyphicon-chevron-right': !extrageopend(), 'glyphicon-chevron-down': extrageopend()},click: fToggle.bind($data,'EXTRA')"></td>
|
||||
<td style="text-align:left;width:250px;">Totaal extra</td>
|
||||
<!-- ko foreach: somextraperuitgavetype-->
|
||||
<td style="text-align:right" data-bind="text: som"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align:right" data-bind="text : $root.budgetten().extra"></td>
|
||||
<td style="text-align:right" data-bind="text : $root.budgetten().extraverschil"></td>
|
||||
</tr>
|
||||
<tbody data-bind="foreach:extra">
|
||||
<tr data-bind="visible: $root.extrageopend()">
|
||||
|
||||
<td colspan='8' style="padding-left:0px; padding-right:0px;">
|
||||
<table style="width:100%">
|
||||
<tbody data-bind="foreach: subsoorten">
|
||||
<tr style="border-bottom:1px solid #ebebeb">
|
||||
<td data-bind="text:naam" style="padding:0px;width:281px"> </td>
|
||||
|
||||
<td style="text-align:right;width:91px" data-bind="text: isNaN(uitgavetypes[0].bedrag.replace(/\./g,'')) || uitgavetypes[0].bedrag ==0 ? '' : uitgavetypes[0].bedrag"> </td>
|
||||
<td style="text-align:right;width:91px" data-bind="text: isNaN(uitgavetypes[1].bedrag.replace(/\./g,'')) || uitgavetypes[1].bedrag ==0 ? '' : uitgavetypes[1].bedrag"> </td>
|
||||
<td style="text-align:right;width:91px" data-bind="text: isNaN(uitgavetypes[2].bedrag.replace(/\./g,'')) || uitgavetypes[2].bedrag ==0 ? '' : uitgavetypes[2].bedrag"> </td>
|
||||
<td style="text-align:right;width:91px" data-bind="text: isNaN(uitgavetypes[3].bedrag.replace(/\./g,'')) || uitgavetypes[3].bedrag ==0 ? '' : uitgavetypes[3].bedrag"> </td>
|
||||
<td style="text-align:right;width:90px"></td>
|
||||
<td style="text-align:right;width:90px"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
|
||||
<tr style="background-color:#f8f8f8">
|
||||
<td></td>
|
||||
<td style="text-align:left">Totaal besteed</td>
|
||||
<!-- ko foreach: totsomperuitgavetype-->
|
||||
<td style="text-align:right" data-bind="text: som"></td>
|
||||
<!-- /ko -->
|
||||
<td style="text-align:right" data-bind="text: $root.schooltotaal().budget"></td>
|
||||
<td style="text-align:right" data-bind="text: $root.schooltotaal().verschil"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div data-bind="visible: opmerking()" style="margin-top: 20px">
|
||||
<p>Opmerkingen</p>
|
||||
<p data-bind="text: opmerking"></p>
|
||||
</div>
|
||||
</div> <!-- visible -->
|
||||
<div data-bind="visible: zelfjanee() == 0 && (selectedOrg() && selectedOrg().soort != 4) ">
|
||||
<?php $this->load->view("monpas/pages/monfin2/overorgs.php"); ?>
|
||||
</div>
|
||||
<div data-bind="visible: zelfjanee() == 2 && (selectedOrg() && selectedOrg().soort != 4) ">
|
||||
<?php $this->load->view("monpas/pages/monfin2/pmsorgs.php"); ?>
|
||||
</div>
|
||||
</div> <!-- holder voor pdf -->
|
||||
</div> <!-- col sm 9 -->
|
||||
</div>
|
||||
@@ -0,0 +1,61 @@
|
||||
<table style="width:100%">
|
||||
<thead>
|
||||
<tr class="blokheader">
|
||||
<td></td>
|
||||
<td colspan='3' style="text-align:center; padding-right:4px">Basisondersteuning</td>
|
||||
<td colspan='3' style="text-align: center; border-left:1px solid #888888">Extra ondersteuning</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:22%">Organisatie</th>
|
||||
<th style="width:13%; text-align:right">Personeel</th>
|
||||
<th style="width:13%; text-align:right">Materieel</th>
|
||||
<th style="width:13%; text-align:right; border-right:1px solid #888888; padding-right:4px">Scholing</th>
|
||||
<th style="width:13%; text-align:right">Personeel</th>
|
||||
<th style="width:13%; text-align:right">Materieel</th>
|
||||
<th style="width:13%; text-align:right">Scholing</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: otherPMSOrgs">
|
||||
<tr style="border-bottom: 1px dotted #999999">
|
||||
<td data-bind="text: fullname"></td>
|
||||
<td style="text-align:right" data-bind="text: pms[0]"></td>
|
||||
<td style="text-align:right" data-bind="text: pms[1]"></td>
|
||||
<td style="text-align:right; border-right:1px solid #888888; padding-right:4px" data-bind="text: pms[2]"></td>
|
||||
<td style="text-align:right;" data-bind="text: pms[3]"></td>
|
||||
<td style="text-align:right;" data-bind="text: pms[4]"></td>
|
||||
<td style="text-align:right" data-bind="text: pms[5]"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr style="background-color: #e7e2e5; font-style: italic">
|
||||
<td style="width:22%">Subtotaal</td>
|
||||
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[0]"></td>
|
||||
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[1]">Materieel</td>
|
||||
<td style="width:13%; text-align:right; border-right:1px solid #888888; padding-right:4px" data-bind="text: sumotherPMS()[2]">Scholing</td>
|
||||
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[3]">Personeel</td>
|
||||
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[4]">Materieel</td>
|
||||
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[5]">Scholing</td>
|
||||
</tr>
|
||||
|
||||
<tr data-bind="with: pmsTargetOrg">
|
||||
<td data-bind="text: naamkort"></td>
|
||||
<td style="text-align:right" data-bind="text: pms[0]"></td>
|
||||
<td style="text-align:right" data-bind="text: pms[1]"></td>
|
||||
<td style="text-align:right; border-right:1px solid #888888; padding-right:4px" data-bind="text: pms[2]"></td>
|
||||
<td style="text-align:right;" data-bind="text: pms[3]"></td>
|
||||
<td style="text-align:right;" data-bind="text: pms[4]"></td>
|
||||
<td style="text-align:right" data-bind="text: pms[5]"></td>
|
||||
</tr>
|
||||
|
||||
<tr style="background-color: #e7e2e5; font-weight:bold">
|
||||
<th style="width:22%">Totaal</th>
|
||||
<th style="width:13%; text-align:right" data-bind="text: sumtotPMS()[0]">Personeel</th>
|
||||
<th style="width:13%; text-align:right" data-bind="text: sumtotPMS()[1]">Materieel</th>
|
||||
<th style="width:13%; text-align:right; border-right:1px solid #888888; padding-right:4px" data-bind="text: sumtotPMS()[2]">Scholing</th>
|
||||
<th style="width:13%; text-align:right" data-bind="text: sumtotPMS()[3]">Personeel</th>
|
||||
<th style="width:13%; text-align:right" data-bind="text: sumtotPMS()[4]">Materieel</th>
|
||||
<th style="width:13%; text-align:right" data-bind="text: sumtotPMS()[5]">Scholing</th>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
@@ -0,0 +1,148 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagmonitor">
|
||||
<div data-bind="visible: soort() !=4">
|
||||
Invullen kan alleen op schoolniveau
|
||||
</div>
|
||||
<div data-bind="visible: erzijnperiodes()== false && soort() ==4">
|
||||
Er zijn geen periodes voor uw organisatie. Neem contact op met de helpdesk.
|
||||
</div>
|
||||
|
||||
<div data-bind="visible: erzijnperiodes() && soort() == 4">
|
||||
<h4>Selecteer een periode
|
||||
<select data-bind=" options : orgversions,
|
||||
optionsText : 'info',
|
||||
value : selectedOrgversion,
|
||||
event : {change: fChangeVersion}">
|
||||
</select>
|
||||
<span style="display: inline-block; float:right"
|
||||
class="glyphicon glyphicon-print"
|
||||
data-bind="click: fPrint">
|
||||
</span>
|
||||
|
||||
</h4>
|
||||
<div class="row">
|
||||
<div class="col-sm-8">
|
||||
<p>De lijst wordt automatisch opgeslagen.
|
||||
</p>
|
||||
<p style="margin-bottom: 20px;">Klik op een donkerrode balk van een ijkpunt voor inhoudelijke toelichting.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id ="invultabel">
|
||||
<table>
|
||||
|
||||
<tbody data-bind="foreach:listitems">
|
||||
<tr class="clickable" data-bind="click: $parent.fToonToelichting">
|
||||
<td style="width:30px; background-color:#6f0b3d; color:#ffffff" data-bind="text:nummer"> </td>
|
||||
<td style="background-color:#6f0b3d; color:#ffffff" data-bind="text: omschrijving"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan = 2>
|
||||
<!-- ko if: $parent.selectedOrgversion() && $parent.selectedOrgversion().toonOmschrijving()== false -->
|
||||
<table style="width:100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="header2" style="width: 3%;padding-left: 2px;text-align:right"> nr </th>
|
||||
<th class="header2" style="width: 60%;padding-left: 2px">indicator</th>
|
||||
<th class="header2" style="width: 30%;padding-left: 2px;text-align:left"> score</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody data-bind="foreach: indicatorscores">
|
||||
<tr style="border-bottom: 1px solid #ebebeb">
|
||||
<td style="text-align:right;vertical-align:top" data-bind="text: nummer">
|
||||
</td>
|
||||
<td data-bind="text: omschrijving" style="vertical-align:top">
|
||||
</td>
|
||||
<td>
|
||||
<span data-bind="visible: scoretype==1">
|
||||
<input class="rapport"
|
||||
data-bind="textInput: score,
|
||||
event:{input: $root.fUpdateScoretype12},
|
||||
enable: $root.editok(),
|
||||
attr:{'id' : $index}" />
|
||||
</span>
|
||||
<span data-bind="visible: scoretype == 2">
|
||||
<input class="integer"
|
||||
data-bind="textInput: score,
|
||||
event:{input: $root.fUpdateScoretype12},
|
||||
visible: scoretype==2,
|
||||
enable: $root.editok()" /> %
|
||||
</span>
|
||||
<div data-bind="visible: scoretype==3 || scoretype == 4 || scoretype == 5 || scoretype == 6 || scoretype==7 ">
|
||||
<!-- ko foreach: $root.scoreopties -->
|
||||
<!-- ko if: $parent.scoretype == type -->
|
||||
<input type='radio'
|
||||
data-bind="checked: $parent.score(), event:{click: $root.fUpdateScoretypeVanaf3.bind($data, $parent.id)}, attr: {'name': $parent.id , 'value': value}, enable: $root.editok()" />
|
||||
<span style="vertical-align:top; display: inline-block; margin-left:5px;" data-bind="text: optie"> </span>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
<!-- ko if: $parent.selectedOrgversion() && $parent.selectedOrgversion().toonOmschrijving()== true -->
|
||||
<table style="width:100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="header2" style="width: 3%;padding-left: 2px;text-align:right"> nr </th>
|
||||
<th class="header2" data-bind="attr: {'colspan': $parent.optieslengte()}" style="width: 97%;padding-left: 2px">indicator</th>
|
||||
<!-- <th class="header2" style="width: 7%;padding-left: 2px;">insp.</th>-->
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody data-bind="foreach: indicatorscores">
|
||||
<tr style="border-bottom: 1px solid #ebebeb">
|
||||
<td style="text-align:right;vertical-align:top; border-left: 1px solid #ebebeb;"
|
||||
data-bind="text: nummer">
|
||||
</td>
|
||||
<td data-bind="text: omschrijving, attr: {'colspan': $root.optieslengte()}" style="vertical-align:top; border-right: 1px solid #ebebeb;">
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border-bottom: 1px solid #ebebeb">
|
||||
<td style="border-left: 1px solid #ebebeb;">
|
||||
</td>
|
||||
|
||||
<!-- ko foreach: $root.scoreopties -->
|
||||
<td style="border-right: 1px solid #ebebeb;vertical-align:top">
|
||||
<input style="vertical-align:top; padding-left: 5px;" type='radio'
|
||||
data-bind="checked: $parent.score(), event:{click: $root.fUpdateScoretypeVanaf3.bind($data, $parent.id)}, attr: {'name': $parent.id , 'value': value}, enable: $root.editok()" />
|
||||
<p style="vertical-align:top; padding-left: 5px;" data-bind="text: scoretekst"> </p>
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
<p>Notitie</p>
|
||||
<textarea style="width: 100%; min-height: 70px"
|
||||
data-bind="textInput: notitie, event:{'input' : fUpdateNotitie}"></textarea>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-8">
|
||||
<div style="background-color: #e7e2e5; padding:10px;">
|
||||
<p>
|
||||
<span class="glyphicon glyphicon-unchecked" data-bind="visible: !meetellen(), click: fTelMee"></span>
|
||||
<span class="glyphicon glyphicon-check" style="margin-right: 5px;" data-bind="visible: meetellen(), click: fTelMee"></span>
|
||||
Zichtbaar maken bij de tabbladen ijkpunten, resultaatmatrix, ontwikkelagenda & lijsten.<sup>*</sup>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<p style="font-size: small"><sup>*</sup>Vul de gehele lijst in voordat u deze zichtbaar maakt. Niet ingevulde indicatoren worden ook meegenomen bij de berekening van het gemiddelde.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div> <!-- regelen visibility -->
|
||||
</div>
|
||||
@@ -0,0 +1,459 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-sm-12 mainpagina" id ="pagomvangextra">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-4" >
|
||||
<div style = "max-height: 300px; overflow-y:auto">
|
||||
|
||||
<!-- ko if : orgsoort() ==4 -->
|
||||
<div data-bind="visible: orgsoort()== 4, with: toporg">
|
||||
<p data-bind="text: brin + ' - ' + naam"></p>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if : orgsoort() ==3 -->
|
||||
<div data-bind="visible: orgsoort() == 3">
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="with: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==2 -->
|
||||
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table>
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==1 -->
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: kamers">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible:geopend()">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
</div >
|
||||
|
||||
</div> <!-- col-md-4 -->
|
||||
|
||||
<div class="col-xs 12 col-md-8" >
|
||||
<div data-bind="visible: toonkeuze() == true && geenschooljaren() == false" style="border: 1px solid; #A28A29; width: 290px; padding: 10px;">
|
||||
<table style="width: 270px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width 20px;background-color: #A28A29; color: white; "> </th>
|
||||
<th style="width: 250px; background-color: #A28A29; color: white; padding-right: 20px; padding-bottom: 5px; padding-top: 5px;">
|
||||
Selecteer één of meer ingevulde versies (max 3).
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: gevuldeschooljaren ">
|
||||
<tr>
|
||||
<td>
|
||||
<input type= "checkbox"
|
||||
data-bind="attr: {'value': nummer}, checked: $parent.selectedSchooljaren"/>
|
||||
</td>
|
||||
<td data-bind="text: schooljaar" > </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<button style="background-color: #A28A29; color: white; box-shadow: 1px 1px 2px #faf7eb; font-weight: bold; " data-bind= "click: fSelecteerSchooljaar" >Toon Omvang</button>
|
||||
</div>
|
||||
<div data-bind="visible: toonkeuze()== false && geenschooljaren()== false ">
|
||||
<button style="background-color: #A28A29; color: white; box-shadow: 1px 1px 2px #faf7eb; font-weight: bold;" data-bind="click: fKeuze">Kies schooljaar</button>
|
||||
|
||||
</div>
|
||||
<div data-bind="visible: geenschooljaren() == true">
|
||||
<h4>Het instrument is nog niet ingevuld of het vinkje 'meetellen' is niet aangezet.</h4>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 20px;" data-bind="visible: toonresult() == true " >
|
||||
<button class="printer" style=" float: right; display: inline; margin-right: 10px;"
|
||||
data-bind="click: fPrint">
|
||||
</button>
|
||||
|
||||
<div id="omvangchart" style="min-width: 350px; height: 400px; margin: 0 auto" >
|
||||
</div>
|
||||
|
||||
|
||||
<table id="omvangTable" class="omvangborder" style="border: 1px solid #a07b8e !important; ">
|
||||
<thead class="omvanghead ">
|
||||
<tr>
|
||||
<th style="width: 120px"></th>
|
||||
<!-- ko foreach : omvangschooljaren -->
|
||||
<th style="width: 70px"></th>
|
||||
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
||||
<th style="width: 70px"></th>
|
||||
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
<tr >
|
||||
<th class="omvangright omvangtop" style="border-right: 1px solid #a07b8e !important;"></th>
|
||||
<!-- ko foreach : omvangschooljaren -->
|
||||
<th class=" omvangtop" style=" border-right: 1px solid #a07b8e !important; width: 140px; padding: 3px; text-align: center"
|
||||
data-bind= "text: schooljaar, attr: {'colspan': $parent.selectedOrg().soort == 1 ? 1 : 2 }"></th>
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
<tr >
|
||||
<th class="omvangright omvangtop" style="border-right: 1px solid #a07b8e !important;"></th>
|
||||
<!-- ko foreach : omvangschooljaren -->
|
||||
<th class=" omvangright omvangkop omvangtop" style=" height: 150px;border-right: 1px solid #a07b8e !important;vertical-align: top; " >
|
||||
<div class="omvangkoptekst " style="padding: 3px; writing-mode: vertical-rl; float: right; text-align: left;"
|
||||
data-bind="text: $root.toporg().brin ? $parent.selectedOrg().brin + ' ' + $root.selectedOrg().naam : $parent.selectedOrg().naam " >
|
||||
</div>
|
||||
</th>
|
||||
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
||||
<th class=" omvangtop omvangkop" style=" height: 150px;border-right: 1px solid #a07b8e !important; vertical-align: top;" >
|
||||
<div class="omvangkoptekst "style="padding: 3px; writing-mode: vertical-rl; float: right; text-align: left;"
|
||||
data-bind="text: brinboven ? brinboven + ' ' + naamboven : naamboven ">
|
||||
</div>
|
||||
</th>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr >
|
||||
<td class="omvangright omvangtop" style="padding: 3px; border-right: 1px solid #a07b8e !important;" >aantal leerlingen 1 okt</td>
|
||||
<!-- ko foreach : omvangschooljaren -->
|
||||
<td class="omvangright omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
||||
data-bind= "text: aantalleerlingen"></td>
|
||||
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
||||
<!-- Een SWV kan niet met iets anders vergeleken worden-->
|
||||
<td class=" omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
||||
data-bind="text: aantalboven"></td>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
|
||||
<tr style="border-top: 1px solid #a07b8e !important;">
|
||||
<td class="omvangright omvangtop" style="padding: 3px; border-right: 1px solid #a07b8e !important;" >tlvs sbo</td>
|
||||
<!-- ko foreach : omvangschooljaren -->
|
||||
<td class="omvangright omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
||||
data-bind= "text: tlvsSBO">
|
||||
</td>
|
||||
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
||||
<td class=" omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
||||
data-bind="text: tlvsSBOB">
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
<tr style="border-top: 1px solid #a07b8e !important;">
|
||||
<td class="omvangright omvangtop" style="padding: 3px; padding-right: 5px; font-style: italic; border-right: 1px solid #a07b8e !important; text-align: right">licht
|
||||
</td>
|
||||
<!-- ko foreach : omvangschooljaren -->
|
||||
<td class="omvangright omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; font-style: italic; padding: 3px; padding-right: 40px;"
|
||||
data-bind= " text: licht() ">
|
||||
</td>
|
||||
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
||||
<td class="omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; font-style: italic; padding: 3px; padding-right: 40px;"
|
||||
data-bind= "text: lichtB()">
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
<tr style="border-top: 1px solid #a07b8e !important;">
|
||||
<td class="omvangright omvangtop"style="padding: 3px; padding-right: 5px; font-style: italic; border-right: 1px solid #a07b8e !important; text-align: right" >zwaar</td>
|
||||
<!-- ko foreach : omvangschooljaren -->
|
||||
<td class="omvangright omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; ">
|
||||
<span style=" font-style:italic; padding: 3px; padding-right: 40px;text-align: right;"
|
||||
data-bind= " text: zwaar() ">
|
||||
</span>
|
||||
</td>
|
||||
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
||||
<td class=" omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; ;">
|
||||
<span style=" font-style:italic; padding: 3px; padding-right: 40px;text-align: right; "
|
||||
data-bind= " text: zwaarB() ">
|
||||
</span>
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
|
||||
<tr style="border-top: 1px solid #a07b8e;">
|
||||
<td class="omvangright omvangtop" style="padding: 3px; border-right: 1px solid #a07b8e !important; ;">tlvs so
|
||||
</td>
|
||||
<!-- ko foreach : omvangschooljaren -->
|
||||
<td class="omvangright omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
||||
data-bind= "text: tlvsSO ">
|
||||
</td>
|
||||
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
||||
<td class=" omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
||||
data-bind="text: tlvsSOB ">
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tr >
|
||||
<tr style="border-top: 1px solid #a07b8e !important; ;">
|
||||
<td class="omvangright omvangtop" style="padding: 3px; padding-right: 5px; font-style: italic; border-right: 1px solid #a07b8e !important; ; text-align: right">laag
|
||||
</td>
|
||||
<!-- ko foreach : omvangschooljaren -->
|
||||
<td class="omvangright omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; font-style: italic; padding: 3px; padding-right: 40px;"
|
||||
data-bind= " text: laag() ">
|
||||
</td>
|
||||
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
||||
<td class="omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; font-style: italic; padding: 3px; padding-right: 40px;"
|
||||
data-bind= " text: laagB() ">
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
<tr style="border-top: 1px solid #a07b8e !important; ;">
|
||||
<td class="omvangright omvangtop "style="padding: 3px; padding-right: 5px; font-style: italic; border-right: 1px solid #a07b8e !important; text-align: right">midden
|
||||
</td>
|
||||
<!-- ko foreach : omvangschooljaren -->
|
||||
<td class="omvangright omvangtop " style="text-align: right; border-right: 1px solid #a07b8e !important; font-style: italic; padding: 3px; padding-right: 40px;"
|
||||
data-bind= " text: midden() ">
|
||||
</td>
|
||||
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
||||
<td class="omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; font-style: italic; padding: 3px; padding-right: 40px;"
|
||||
data-bind= " text: middenB() ">
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
<tr style="border-top: 1px solid #a07b8e !important;">
|
||||
<td class="omvangright omvangtop" style="padding: 3px; padding-right: 5px; font-style: italic; border-right: 1px solid #a07b8e !important; text-align: right">hoog
|
||||
</td>
|
||||
<!-- ko foreach : omvangschooljaren -->
|
||||
<td class="omvangright omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; font-style: italic; padding: 3px; padding-right: 40px;"
|
||||
data-bind= " text: hoog() ">
|
||||
</td>
|
||||
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
||||
<td class="omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important;font-style: italic; padding: 3px; padding-right: 40px;"
|
||||
data-bind= " text: hoogB() ">
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
<tr style= "border-top: 1px solid #a07b8e !important;">
|
||||
<td class="omvangright omvangtop" style="padding: 3px; border-right: 1px solid #a07b8e !important;">aantal leerlingen met arrangement
|
||||
</td>
|
||||
<!-- ko foreach : omvangschooljaren -->
|
||||
<td class="omvangright omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
||||
data-bind= "text: aantalllnarr">
|
||||
</td>
|
||||
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
||||
<td class="omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
||||
data-bind="text: aantalllnarrB">
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div style="margin-top: 20px; " data-bind="visible: toonresult() == true " >
|
||||
<h3 data-bind="visible: lengteTLV() > 0 " style="padding: 3px; margin-left: 50px;margin-bottom: 20px;"> TLVS per zorgzwaarte
|
||||
</h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 hidden-md hidden-sm hidden-xs" data-bind="visible: omvangschooljaren().length == 1 && lengteTLV() == 1">
|
||||
<div style="height: 360px;" >
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--ko foreach: omvangschooljaren -->
|
||||
<div class=" col-lg-4 col-xs-6" >
|
||||
<div data-bind="attr: {id: tlvpie() } " style=" height: 360px; margin: 0 auto" >
|
||||
</div>
|
||||
</div>
|
||||
<!--/ko -->
|
||||
</div>
|
||||
<div style="margin-top: 20px;" data-bind="visible: selectedOrg().soort == 4" >
|
||||
<h3 style="padding: 3px; margin-left: 50px; margin-bottom: 20px; "> Leerlingen per arrangement
|
||||
</h3>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 hidden-md hidden-sm hidden-xs" data-bind="visible: omvangschooljaren().length == 1">
|
||||
<div style="height: 400px;" >
|
||||
</div>
|
||||
</div>
|
||||
<!--ko foreach: omvangschooljaren -->
|
||||
<div class=" col-lg-4 col-xs-6" >
|
||||
<div data-bind="visible: aantalllnarr > 0">
|
||||
<div data-bind="attr: {id: pienaam() }" style=" height: 500px; margin: 0 auto" >
|
||||
</div>
|
||||
</div>
|
||||
<table data-bind="attr: {id: arrtable() }, visible: aantalllnarr > 0" style="border: 1px solid #a07b8e; width: 100%">
|
||||
<thead class="omvanghead">
|
||||
<tr style="border-bottom: 1px solid #a07b8e;" >
|
||||
<th class="omvangright omvangbottom" style="width: 40%"></th>
|
||||
<th class="omvangbottom" colspan = "2" style="padding: 3px;width: 44% " data-bind="text: schooljaar"></th>
|
||||
<th class="omvangbottom" style="width: 16% " ></th>
|
||||
</tr>
|
||||
<tr style="border-bottom: 1px solid #a07b8e; ">
|
||||
<th class="omvangright omvangbottom" style=" padding:3px; border-right: 1px solid #a07b8e;">arrangement</th>
|
||||
<th class="omvangright omvangbottom" style=" padding:3px; border-right: 1px solid #a07b8e; ">leerjaren</th>
|
||||
<th class="omvangright omvangtop" style=" padding:3px; border-right: 1px solid #a07b8e; ">looptijd</th>
|
||||
<th class="omvangbottom" style="padding:3px; border-right: 1px solid #a07b8e; "> aantal</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody >
|
||||
<!--ko foreach: arrangementen -->
|
||||
<tr style="border-bottom: 1px solid #a07b8e; ">
|
||||
<td class="omvangright omvangbottom" style="padding:3px; border-right: 1px solid #a07b8e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis" data-bind="text: arrnaam"></td>
|
||||
<td class="omvangright omvangbottom" style="padding:3px; border-right: 1px solid #a07b8e; " data-bind="text: leeftijd"></td>
|
||||
<td class="omvangright omvangbottom" style="padding:3px; border-right: 1px solid #a07b8e; " data-bind="text: looptijd"></td>
|
||||
<td class="omvangbottom" style="padding:3px; border-right: 1px solid #a07b8e; text-align: right" data-bind="text: aantal"></td>
|
||||
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<tr style="background-color:#ded0d7; " >
|
||||
<td class="omvangright" style="padding: 3px;">Totaal</td>
|
||||
<td class="omvangright" ></td>
|
||||
<td class="omvangright" ></td>
|
||||
<td class="omvangright" style="padding: 3px; text-align: right" data-bind="text: aantalllnarr"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
<!-- <div class="col-lg-4 col-xs-6">-->
|
||||
<!-- <div id="leegcol4" style="min-width: 310px; height: 400px; margin: 0 auto" >-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!--/ko -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@@ -0,0 +1,239 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagontwikkel">
|
||||
<div data-bind="visible: !ingevuld()"> De geselecteerde lijst is (nog) niet ingevuld.</div>
|
||||
|
||||
|
||||
<div class="col-sm-12 col-md-3" >
|
||||
|
||||
<div style = "max-height: 300px; overflow-y:auto">
|
||||
|
||||
<!-- ko if : orgsoort() ==4 -->
|
||||
<div data-bind="visible: orgsoort()== 4, with: toporg">
|
||||
<p data-bind="text: naam"></p>
|
||||
</div>
|
||||
<!-- data-bind="visible: orgsoort() == 4 && usernivo() <= 1" -->
|
||||
<div data-bind="visible: !verberg()" style="margin-top:10px">
|
||||
<span>Medewerker:</span>
|
||||
<select data-bind=" options : users,
|
||||
optionsText : 'usernaam',
|
||||
value : selectedUser,
|
||||
optionsCaption : 'Schoolgemiddelde',
|
||||
event : {change: fGetUserScores},
|
||||
enable : users().length >= 1 ">
|
||||
</select>
|
||||
|
||||
<div data-bind="visible: !ingevuld()" style="margin-top: 10px;"><span > De lijst is (nog) niet ingevuld.</span></div>
|
||||
</div>
|
||||
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if : orgsoort() ==3 -->
|
||||
<div data-bind="visible: orgsoort() == 3">
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="with: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==2 -->
|
||||
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table>
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==1 -->
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: kamers">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible:geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
<hr/>
|
||||
<button style="margin-top:10px; margin-bottom:20px; "
|
||||
data-bind="click: fSaveGewenst ">Gewenste situatie opslaan
|
||||
</button>
|
||||
|
||||
<div id="hierhetverschilhuidiggewenst">
|
||||
<h4><?=$labels['ijkpuntadvies']?> </h4>
|
||||
<ul data-bind="foreach: results" style="list-style-type:none; margin:0; padding:0;">
|
||||
<li data-bind="visible: gewenst() > huidig(), text: nummer + '. ' + omschrijving"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> <!-- col md 4 -->
|
||||
<div class="col-sm-12 col-md-9">
|
||||
<div data-bind = "visible: orgversions().length > 0">
|
||||
<h4>Selecteer een lijst
|
||||
<select style="font-size: medium; margin-top : 5px;"
|
||||
data-bind=" options : orgversions,
|
||||
optionsText : 'info',
|
||||
value : selectedOrgversion,
|
||||
event : {change: fChangeVersion2}">
|
||||
</select>
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintOntwikkelmatrix"></button>
|
||||
|
||||
</h4>
|
||||
</div>
|
||||
<table style="width: 100%;">
|
||||
<colgroup>
|
||||
<col style="width: 25px">
|
||||
<col >
|
||||
<col span='9' style="width: 35px">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td colspan=6 style="text-align:right; padding-right: 15px"> <b>huidige situatie</b><br/> </td>
|
||||
<td></td>
|
||||
<td colspan =4 > <b> gewenste situatie</b><br/> </td>
|
||||
<tr>
|
||||
<tr class="modal-header">
|
||||
<td style="width: 25px"></td>
|
||||
<td><?=$labels['Ykpunten']?> </td>
|
||||
<td style=" text-align:center" class="rood"> 1</td>
|
||||
<td style=" text-align:center" class="oranje"> 2</td>
|
||||
<td style=" text-align:center" class="groen"> 3</td>
|
||||
<td style=" text-align:center" class="blauw"> 4</td>
|
||||
<td style="background-color:#ffffff"></td>
|
||||
<td style="text-align:center" class="rood" > 1</td>
|
||||
<td style=" text-align:center" class="oranje" > 2</td>
|
||||
<td style="text-align:center" class="groen" > 3</td>
|
||||
<td style="text-align:center" class="blauw" > 4</td>
|
||||
</tr>
|
||||
<tbody data-bind="foreach : results">
|
||||
<tr class=" fixedH" >
|
||||
<td class="allborders"
|
||||
data-bind="text: nummer" style="text-align:right; padding-right:3px; vertical-align:top"></td>
|
||||
<td style="vertical-align:top;"
|
||||
class="allborders fixedH clickable"
|
||||
data-bind="text: omschrijving, click: $parent.fToonToelichting">
|
||||
|
||||
</td>
|
||||
<td class="allborders" ><div class="cirkel" data-bind="css: {'rood' : huidig() == 1}"></div></td>
|
||||
<td class="allborders"><div class="cirkel" data-bind="css: {'oranje' : huidig() == 2}"></div></td>
|
||||
<td class="allborders"><div class="cirkel" data-bind="css: {'groen' : huidig() == 3}"></div></td>
|
||||
<td class="allborders"><div class="cirkel" data-bind="css: {'blauw' : huidig() == 4}"></div></td>
|
||||
|
||||
<td style="border-bottom:none; border-top:none"></td>
|
||||
|
||||
<td class="allborders" data-bind="click: $parent.fUpdateGewenst.bind($data,1)"><div class="cirkel" data-bind="css: {'rood' : gewenst() == 1}"> </div></td>
|
||||
<td class="allborders" data-bind="click: $parent.fUpdateGewenst.bind($data,2)"><div class="cirkel" data-bind="css: {'oranje' : gewenst() == 2}"> </div></td>
|
||||
<td class="allborders" data-bind="click: $parent.fUpdateGewenst.bind($data,3)"><div class="cirkel" data-bind="css: {'groen' : gewenst() == 3}"> </div></td>
|
||||
<td class="allborders" data-bind="click: $parent.fUpdateGewenst.bind($data,4)"><div class="cirkel" data-bind="css: {'blauw' : gewenst() == 4}"> </div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div> <!-- grote blok rechts -->
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,228 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagontwikkel2">
|
||||
<div data-bind="visible: selectedOrg().soort == 4 && !ingevuld()"> De geselecteerde lijst is (nog) niet ingevuld.</div>
|
||||
|
||||
<div class="col-sm-12 col-md-3" >
|
||||
|
||||
<div style = "max-height: 300px; overflow-y:auto">
|
||||
|
||||
<!-- ko if : orgsoort() ==4 -->
|
||||
<div data-bind="visible: orgsoort()== 4, with: toporg">
|
||||
<p data-bind="text: naam"></p>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if : orgsoort() ==3 -->
|
||||
<div data-bind="visible: orgsoort() == 3">
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="with: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==2 -->
|
||||
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table>
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==1 -->
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: kamers">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible:geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
<hr/>
|
||||
<button style="margin-top:10px; margin-bottom:20px; margin-left:20px"
|
||||
data-bind="click: fSaveGewenst, visible: $root.wijzigRecht() ">Gewenste situatie opslaan</button>
|
||||
<div id="hierhetverschilhuidiggewenst">
|
||||
<h4><?=$labels['ijkpuntadvies']?> </h4>
|
||||
<ul data-bind="foreach: standaarden" style="list-style-type:none; margin:0; padding:0;">
|
||||
<li data-bind="visible: gewenst() > huidig(), text: ($index() + 1 ) + '. ' + omschrijving"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> <!-- col md 4 -->
|
||||
<div class="col-sm-12 col-md-9">
|
||||
<div data-bind = "visible: orgversions().length > 0 && selectedOrg().soort == 4">
|
||||
<h4>Selecteer een periode
|
||||
<select data-bind=" options : orgversions,
|
||||
optionsText : 'info',
|
||||
value : selectedOrgversion,
|
||||
event : {change: fChangeVersion2}">
|
||||
</select>
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintOntwikkelmatrix"></button>
|
||||
|
||||
</h4>
|
||||
</div>
|
||||
<div data-bind="visible: selectedOrg().soort < 4">
|
||||
Selecteer een school
|
||||
</div>
|
||||
<div data-bind="visible:orgversions().length == 0 ">
|
||||
<!-- ko if: selectedOrg().soort ==4 -->
|
||||
Er zijn geen periodes gekoppeld aan deze organisatie. Neem contact op met de helpdesk
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
<table style="width: 100%;">
|
||||
<colgroup>
|
||||
<col style="width: 25px">
|
||||
<col >
|
||||
<col span='9' style="width: 35px">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td colspan=6 style="text-align:right; padding-right: 15px"> <b>huidige situatie</b><br/> </td>
|
||||
<td></td>
|
||||
<td colspan =4 > <b> gewenste situatie</b><br/> </td>
|
||||
<tr>
|
||||
<tr class="modal-header">
|
||||
<td style="width: 25px"></td>
|
||||
<td><?=$labels['Ykpunten']?> </td>
|
||||
<td style=" text-align:center" class="rood"> Zz</td>
|
||||
<td style=" text-align:center" class="oranje">O</td>
|
||||
<td style=" text-align:center" class="groen">V</td>
|
||||
<td style=" text-align:center" class="blauw">G</td>
|
||||
<td style="background-color:#ffffff"></td>
|
||||
<td style="text-align:center" class="rood" > Zz</td>
|
||||
<td style=" text-align:center" class="oranje" >O</td>
|
||||
<td style="text-align:center" class="groen" >V</td>
|
||||
<td style="text-align:center" class="blauw" >G</td>
|
||||
</tr>
|
||||
<tbody data-bind="foreach : standaarden">
|
||||
<tr class=" fixedH" >
|
||||
<td class="allborders"
|
||||
data-bind="text: $index() + 1" style="text-align:right; padding-right:3px; vertical-align:top"></td>
|
||||
<td style="vertical-align:top;"
|
||||
class="allborders fixedH clickable"
|
||||
data-bind="text: omschrijving, click: $parent.fToonToelichting">
|
||||
|
||||
</td>
|
||||
<td class="allborders" ><div class="cirkel" data-bind="css: {'rood' : huidig() == 1}"></div></td>
|
||||
<td class="allborders"><div class="cirkel" data-bind="css: {'oranje' : huidig() == 2}"></div></td>
|
||||
<td class="allborders"><div class="cirkel" data-bind="css: {'groen' : huidig() == 3}"></div></td>
|
||||
<td class="allborders"><div class="cirkel" data-bind="css: {'blauw' : huidig() == 4}"></div></td>
|
||||
|
||||
<td style="border-bottom:none; border-top:none"></td>
|
||||
|
||||
<td class="allborders" data-bind="click: $parent.fUpdateGewenst.bind($data,1)"><div class="cirkel" data-bind="css: {'rood' : gewenst() == 1}"> </div></td>
|
||||
<td class="allborders" data-bind="click: $parent.fUpdateGewenst.bind($data,2)"><div class="cirkel" data-bind="css: {'oranje' : gewenst() == 2}"> </div></td>
|
||||
<td class="allborders" data-bind="click: $parent.fUpdateGewenst.bind($data,3)"><div class="cirkel" data-bind="css: {'groen' : gewenst() == 3}"> </div></td>
|
||||
<td class="allborders" data-bind="click: $parent.fUpdateGewenst.bind($data,4)"><div class="cirkel" data-bind="css: {'blauw' : gewenst() == 4}"> </div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div> <!-- grote blok rechts -->
|
||||
</div>
|
||||
@@ -0,0 +1,240 @@
|
||||
<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,
|
||||
event : {change: fChangeSWV}">
|
||||
</select>
|
||||
<button class="noshow plus" data-bind="click:fPopNewSWV"> </button>
|
||||
<button class="noshow editbutton" data-bind="click:fPopEditOrg.bind($data,1)"> </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,
|
||||
event : {change: fChangeKamer}">
|
||||
</select>
|
||||
<button class="noshow plus" data-bind="click:fPopNewKamer"> </button>
|
||||
<button class="noshow editbutton" data-bind="click:fPopEditOrg.bind($data,2)"> </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,
|
||||
event : {change: fChangeBG}">
|
||||
</select>
|
||||
<button class="noshow plus" data-bind="click:fPopNewBG"> </button>
|
||||
<button class="noshow editbutton" data-bind="click:fPopEditOrg.bind($data,3)"> </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">
|
||||
<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>
|
||||
</tbody>
|
||||
</table>
|
||||
</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>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 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>
|
||||
@@ -0,0 +1,227 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagoverzichtscores">
|
||||
|
||||
<div class="col-sm-12 col-md-4" >
|
||||
<div style = "max-height: 300px; overflow-y:auto">
|
||||
|
||||
<!-- ko if : orgsoort() ==4 -->
|
||||
<div data-bind="visible: orgsoort()== 4, with: toporg">
|
||||
<p data-bind="text: brin + ' - ' + naam"></p>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if : orgsoort() ==3 -->
|
||||
<div data-bind="visible: orgsoort() == 3">
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="with: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==2 -->
|
||||
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table>
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==1 -->
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: kamers">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible:geopend()">
|
||||
<td></td>
|
||||
<td colspan = 2>
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
<div data-bind="visible: selectedOrg().soort == 4 && usernivo() <= 1" style="margin-top:10px">
|
||||
Medewerker:
|
||||
<select data-bind=" options : users,
|
||||
optionsText : 'naam',
|
||||
value : selectedUser,
|
||||
optionsCaption : 'Schoolgemiddelde',
|
||||
event : {change: fGetUserScores},
|
||||
enable : users().length >1 ">
|
||||
</select>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
</div> <!-- col-md-4 -->
|
||||
<div class="col-sm-12 col-md-8">
|
||||
<div data-bind="visible:orgversions().length == 0">
|
||||
<!-- ko if : selectedOrg().soort < 4 -->
|
||||
Selecteer een school
|
||||
<!-- /ko -->
|
||||
<!-- ko if: selectedOrg().soort == '4' -->
|
||||
Er zijn geen periodes gekoppeld aan deze organisatie. Neem contact op met de helpdesk
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
<div data-bind="visible: orgversions().length > 0">
|
||||
<h4>Selecteer een periode
|
||||
<select data-bind=" options : orgversions,
|
||||
optionsText : 'info',
|
||||
value : selectedOrgversion,
|
||||
event : {change: fChangeVersion2}">
|
||||
</select>
|
||||
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintStandaarden"></button>
|
||||
</h4>
|
||||
|
||||
<p data-bind="visible: $root.magWijzigen()" style="margin-top: 10px;">Zie home voor de omzettabel van scores naar norm.</p>
|
||||
<h3>Overzicht van scores</h3>
|
||||
<table class="lstable" style="width:100%">
|
||||
<thead>
|
||||
<th style="width: 46%">Standaarden</th>
|
||||
<th style="width: 10%; text-align:right">Goed</th>
|
||||
<th style="width: 10%; text-align:right">Vold.</th>
|
||||
<th style="width: 10%; text-align:right">Onvol.</th>
|
||||
<th style="width: 24%; text-align:right">Norm</th>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: standaarden">
|
||||
<tr>
|
||||
<td data-bind="text: ($index() + 1) + '. ' + naam,click: $parent.fToonToelichting"
|
||||
class="clickable" >
|
||||
</td>
|
||||
<td style="text-align:right" data-bind="text: goed > 0 ? goed : '' "></td>
|
||||
<td style="text-align:right" data-bind="text: voldoende > 0 ? voldoende : '' "></td>
|
||||
<td style="text-align:right" data-bind="text: onvoldoende > 0 ? onvoldoende : '' ">
|
||||
<td style="text-align:right">
|
||||
<!-- ko if: $root.magWijzigen()-->
|
||||
<select data-bind="options: $root.normen,
|
||||
optionsText: 'norm',
|
||||
value: normid,
|
||||
optionsValue: 'normid',
|
||||
optionsCaption: 'geef een oordeel' ,
|
||||
event: {change: $root.fSaveOordeel}">
|
||||
</select>
|
||||
<!-- /ko -->
|
||||
<!-- ko if : ! $root.magWijzigen() -->
|
||||
<span data-bind="text: norm"></span>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div><!-- visible -->
|
||||
</div> <!-- md8 -->
|
||||
</div>
|
||||
@@ -0,0 +1,89 @@
|
||||
<div class="container-fluid mainpagina cirkelgradient" id="pagportal">
|
||||
|
||||
<div class="col-sm-12 keuzeholder" data-bind="visible: !gekozen() && !bezig()">
|
||||
<!-- ko foreach: licenties -->
|
||||
<div class="col-sm-2" style="height: 220px;">
|
||||
<div class="col-sm-12 keuzecirkel"
|
||||
style="z-index:20"
|
||||
data-bind="style:{background: k1 }">
|
||||
<!-- als je op ongeclusterde instrumenten klikt, ga je direct naar dat instrument-->
|
||||
<!-- ko if: ! isCluster() -->
|
||||
<div data-bind="click:$parent.fNaarModule" class="fnaarmodule-button"> </div>
|
||||
<!-- /ko -->
|
||||
<span data-bind="text: naam"></span>
|
||||
<button class="glyphicon glyphicon-menu-right openSluitButton"
|
||||
data-bind="visible: isCluster(),
|
||||
click: $parent.fNaarModule">
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- instrumenten bij een cluster-->
|
||||
<!-- ko foreach: bolletjes -->
|
||||
<div class="col-sm-12 keuzecirkel"
|
||||
style="position:relative;"
|
||||
data-bind="style: {zIndex: zindex, top: marge(), background: k1 }">
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
|
||||
|
||||
<!-- nadat er op een cluster is geklikt-->
|
||||
<div class="col-sm-12 keuzeholder"
|
||||
data-bind="visible: gekozen()">
|
||||
<!-- ko foreach: licenties -->
|
||||
<div class="col-sm-2" style="height: 220px;">
|
||||
<!-- clusters waar niet op is geklikt-->
|
||||
|
||||
<div class="col-sm-12 keuzecirkel "
|
||||
style="postion:relative; z-index:20; "
|
||||
data-bind=" visible: !selectie()">
|
||||
|
||||
<div style="position:absolute; top: 0px; left:0px;
|
||||
width:100%; height:100%; opacity:0.5;
|
||||
border-radius: 180px"
|
||||
data-bind="style:{background: k2 }">
|
||||
<span data-bind="text: naam"
|
||||
style="color:#646766;margin-top: 65px"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- gekozen cluster heeft grijze rand om cirkel-->
|
||||
<div class="col-sm-12 keuzecirkel2"
|
||||
style="postion:relative; z-index:20;"
|
||||
data-bind="visible: selectie(),
|
||||
click: ! isCluster() ? $root.fNaarModule : '' ,
|
||||
style: {background: k2}">
|
||||
|
||||
<span data-bind="text: naam"></span>
|
||||
<!-- knop om cluster weer te sluiten(en alles opnieuw op te halen)-->
|
||||
<button class="glyphicon glyphicon-menu-left openSluitButton"
|
||||
data-bind="visible: isCluster(),
|
||||
click: $root.fSluitCluster ">
|
||||
</button>
|
||||
</div>
|
||||
<!-- grijze balk achter de bolletjes-->
|
||||
<div class="col-sm-12 verbinding"
|
||||
style="postion:relative; top: -125px;"
|
||||
data-bind="visible: selectie() ">
|
||||
</div>
|
||||
<!-- ko foreach: bolletjes -->
|
||||
<div class="col-sm-12 keuzecirkel"
|
||||
style="postion:relative;"
|
||||
data-bind="style: {zIndex: zindex, top: marge(),background:k1}">
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
|
||||
<div style="float:left; color:#ffffff; min-height: 50px; width: 100%; padding: 20px;
|
||||
margin-bottom:20px;margin-top:10px">
|
||||
<p style="text-align:center">U kunt de handleidingen en andere informatie downloaden door op het vraagteken
|
||||
rechtsboven te klikken.</p>
|
||||
</div>
|
||||
|
||||
<?php $this->load->view( "monpas/popups/popupbericht" ); ?>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,53 @@
|
||||
<div class="col-xs-12 mainpagina submenupage" id ="pagScores">
|
||||
|
||||
<div class="col-xs-3">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-xs-7 " style="margin-left: 20px;">
|
||||
<h4 style="margin-top: 40px"> Maak score omschrijving</h4>
|
||||
<select
|
||||
data-bind=" options : scoretypes,
|
||||
optionsText : 'omschrijving',
|
||||
value : selectedType,
|
||||
optionsCaption : 'selecteer scoretype',
|
||||
event : {change: fChangeScoretype}">
|
||||
</select>
|
||||
|
||||
|
||||
<!-- ko if: selectedType() -->
|
||||
<div style="margin-top: 50px; ">
|
||||
<table class="ls_table" style="border: 1px solid #6F0B3D; width: 100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 25%; border-right: 1px solid #6F0B3D; padding: 3px; ">scoreoptie
|
||||
</th>
|
||||
|
||||
<th style="width: 75%; border-right: 1px solid #6F0B3D; padding: 3px; "><span>omschrijving</span>
|
||||
<span class="fa fa-edit" data-bind="visible: editok() == false, click: fEditOmschrijving"> </span>
|
||||
<span class="fa fa-file-text" data-bind="visible: editok() == true, click: fEditOmschrijving"> </span>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: selectedType().opties()">
|
||||
<tr style="border-bottom: 1px solid #6F0B3D;">
|
||||
<td style="border-right: 1px solid #6F0B3D; padding: 3px; vertical-align: text-top"
|
||||
data-bind="text: optie">
|
||||
</td>
|
||||
<td style=" padding: 3px;" >
|
||||
<!-- ko if: $parent.editok() == false -->
|
||||
<span data-bind="text: scoretekst()" > </span>
|
||||
<!-- /ko -->
|
||||
<!-- ko if: $parent.editok() == true -->
|
||||
<textarea style="width: 100%; border: none" rows="2"
|
||||
data-bind="textInput: scoretekst, event: {input: $parent.fSaveEdit}" > </textarea>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,5 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagsophoofd">
|
||||
<p>Dit wordt de sop hoofdpagina</p>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,310 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagsopoverzicht">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-3" >
|
||||
<div style = "max-height: 300px; overflow-y:auto">
|
||||
|
||||
<!-- ko if : orgsoort() ==4 -->
|
||||
<div data-bind="visible: orgsoort()== 4, with: toporg">
|
||||
<p data-bind="text: brin + ' - ' + naam"></p>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if : orgsoort() ==3 -->
|
||||
<div data-bind="visible: orgsoort() == 3">
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="with: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class="orgtd brin" data-bind="text: brin"></td>
|
||||
<td class='orgtd' data-bind="text: naam"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==2 -->
|
||||
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="with: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td colspan = 2 style="padding-left: 20px;">
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<!-- <button class="noshowklein openbutton"-->
|
||||
<!-- data-bind="css: {'closebutton': geopend() }">-->
|
||||
<!-- </button>-->
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<!-- <td colspan = 2 style="padding-left: 20px;">-->
|
||||
<!-- <table>-->
|
||||
<!-- <tbody data-bind="foreach: scholen">-->
|
||||
<!-- <tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">-->
|
||||
<!-- <td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
<!-- </td>-->
|
||||
</tr>
|
||||
<tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: orgsoort() ==1 -->
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="with: toporg">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: kamers">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
||||
<button class="noshowklein openbutton"
|
||||
data-bind="css: {'closebutton': geopend() }">
|
||||
</button>
|
||||
</td>
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
|
||||
<tr data-bind="visible: geopend()">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%;">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
||||
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
</div >
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-4" >
|
||||
<h3>Compact SOPS</h3>
|
||||
|
||||
<div class="col-sm-7" >
|
||||
<p>Selecteer een schooljaar:</p>
|
||||
<select data-bind=" options: schooljaren,
|
||||
optionsText: 'naam',
|
||||
value: $root.selectedSchooljaar,
|
||||
event: {change: fChangeSchooljaar}">
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-sm-5" >
|
||||
<!-- ko if: keuzesoort() == 1 || keuzesoort() == 2 -->
|
||||
<p style="margin-top: 8px;">Ordening</p>
|
||||
<div data-bind="visible: alfabetisch() == false">
|
||||
<p>
|
||||
<i class="fa fa-check-square"
|
||||
style="color: #A28A29;"
|
||||
data-bind="click: $root.fToggleOrdening"></i>
|
||||
<span data-bind="click: $root.fToggleOrdening">per bestuur
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<i class="fa fa-square"
|
||||
style="color: #A28A29;"
|
||||
data-bind="click: $root.fToggleOrdening"
|
||||
></i>
|
||||
<span data-bind="click: $root.fToggleOrdening">alfabetisch
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div data-bind="visible: alfabetisch() == true">
|
||||
<p>
|
||||
<i class="fa fa-square"
|
||||
style="color: #A28A29;"
|
||||
data-bind="click: $root.fToggleOrdening"></i>
|
||||
<span data-bind="click: $root.fToggleOrdening">per bestuur
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<i class="fa fa-check-square"
|
||||
style="color: #A28A29;"
|
||||
data-bind="click: $root.fToggleOrdening"></i>
|
||||
<span data-bind="click: $root.fToggleOrdening">alfabetisch
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
|
||||
|
||||
<div style="margin-top: 80px;">
|
||||
<table style="width: 375px; ">
|
||||
<tr style="vertical-align: top;font-weight: bold; background-color:#A28A29; color: white">
|
||||
<td style="width: 50px;">Sop
|
||||
</td>
|
||||
<td style="width: 325px;">Naam
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- ko if: keuzesoort() == 4 -->
|
||||
<table style="width: 375px;" data-bind="with: $root.selectedOrg()">
|
||||
<tr>
|
||||
<td style="width: 50px;"><button data-bind="visible: erIsEenSop()== true, click: $root.fOpenPDF"
|
||||
class="buttonCompact glyphicon glyphicon-open"
|
||||
style="background-color:#1aa3ff; height: 30px; width: 30px;">
|
||||
|
||||
</button>
|
||||
</td>
|
||||
<td style="width: 324px;"
|
||||
data-bind="text: brin + ' ' + naam">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: keuzesoort() == 3 -->
|
||||
|
||||
<table style="width: 375px; border: 1px solid #A28A29;"
|
||||
data-bind="with: $root.selectedOrg()">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr >
|
||||
<td style="width: 50px;">
|
||||
<button data-bind="visible: erIsEenSop(), click: $root.fOpenPDF"
|
||||
class="buttonCompact glyphicon glyphicon-open"
|
||||
style="background-color:#1aa3ff; height: 30px; width: 30px;">
|
||||
</button>
|
||||
</td>
|
||||
<td style="width: 324px;"
|
||||
data-bind="text: brin + ' ' + naam">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: keuzesoort() == 2 && alfabetisch() == false -->
|
||||
<table style="width: 375px;" data-bind="with: $root.selectedOrg()">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr>
|
||||
<td style="vertical-align: top; background-color: #930f50; font-weight: bold; color: white"
|
||||
data-bind="text: naam"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table data-bind="foreach: scholen"
|
||||
style="border: 1px solid #930f50;margin-left: -3px; margin-right: -3px;" >
|
||||
<tr style="height: 35px;">
|
||||
<td style="width: 50px;">
|
||||
<button data-bind="visible: erIsEenSop(),
|
||||
click: $root.fOpenPDF"
|
||||
class="buttonCompact glyphicon glyphicon-open"
|
||||
style="background-color:#1aa3ff; height: 30px; width: 30px;">
|
||||
</button>
|
||||
</td>
|
||||
<td style="width: 325px;"
|
||||
data-bind="text: brin + ' ' + naam">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: keuzesoort() == 1 && alfabetisch() == false-->
|
||||
<table style="width: 375px;" data-bind="with: $root.selectedOrg()">
|
||||
|
||||
<tbody data-bind="foreach: kamers">
|
||||
<tr>
|
||||
<td style="vertical-align: top; background-color: #930f50; font-weight: bold; color: white"
|
||||
data-bind="text: naam"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table data-bind="foreach: bgs"
|
||||
style="border: 1px solid #930f50; margin-left: -3px; margin-right: -3px;">
|
||||
<tr>
|
||||
<td style=" vertical-align: top; background-color: #930f50; color: white"
|
||||
data-bind="text: brin + ' ' + naam"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td >
|
||||
<table data-bind="foreach: scholen" style="width:100%">
|
||||
<tr style="height: 35px;">
|
||||
<td style="width: 50px;">
|
||||
<button data-bind="visible: erIsEenSop(),
|
||||
click: $root.fOpenPDF"
|
||||
class="buttonCompact glyphicon glyphicon-open"
|
||||
style="background-color:#1aa3ff; height: 30px; width: 30px;">
|
||||
</button>
|
||||
</td>
|
||||
<td style="width: 315px;"
|
||||
data-bind="text: brin + ' ' + naam">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
|
||||
<!-- ko if: (keuzesoort() == 1 || keuzesoort() == 2) && alfabetisch() == true -->
|
||||
|
||||
<table style="width: 375px; border: 1px solid #A28A29;"
|
||||
data-bind="with: $root.selectedOrg()">
|
||||
<tbody data-bind="foreach: scholen">
|
||||
<tr style="height: 35px;">
|
||||
<td style="width: 50px;">
|
||||
<button data-bind="visible: erIsEenSop(), click: $root.fOpenPDF"
|
||||
class="buttonCompact glyphicon glyphicon-open"
|
||||
style="background-color:#1aa3ff; height: 30px; width: 30px;">
|
||||
</button>
|
||||
</td>
|
||||
<td style="width: 324px;"
|
||||
data-bind="text: brin + ' ' + naam">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- /ko -->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,138 @@
|
||||
<div class="col-sm-12 mainpagina submenupage" id="pagSortering">
|
||||
<div class="row">
|
||||
<div class="col-sm-7 col-ms-offset-1" style="margin-top:20px">
|
||||
|
||||
<h4>Maak criteria</h4>
|
||||
<span style="display:inline-block;"> SWV </span>
|
||||
<select style="width: 60%"
|
||||
data-bind=" options : swvs,
|
||||
optionsText : 'naam',
|
||||
value : selectedSWV,
|
||||
event : {change: fChangeSWV}">
|
||||
</select>
|
||||
|
||||
<table style="margin-top: 30px; width: 80%; border-bottom: 1px solid grey">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:45% ">Criterium
|
||||
</th>
|
||||
<th style="width: 40%">Waarden
|
||||
</th>
|
||||
<th style="width: 5%"></th>
|
||||
<th style="width: 5%"></th>
|
||||
<th style="width: 20%">Scholen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: criteria">
|
||||
<tr>
|
||||
<td>
|
||||
<span data-bind="text: criterium"></span>
|
||||
</td>
|
||||
<td >
|
||||
<select style="width: 100%"
|
||||
data-bind=" options : labels,
|
||||
optionsText : 'label' ">
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<button class="noshow editbutton" data-bind="click:$root.fEditCriterium"></button>
|
||||
</td>
|
||||
<td>
|
||||
<button class="noshow delete" data-bind="click: $root.fDeleteCriterium"></button>
|
||||
</td>
|
||||
<td>
|
||||
<button style="margin-left: 20px; "; class=" noshow fa fa-home koppeling" data-bind="click: $root.fKoppelScholen"></button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<button class="noshow plus" data-bind="click: $root.fNieuwCriterium"></button>
|
||||
<span style="margin-left: 20px;">voeg criterium toe</span>
|
||||
|
||||
|
||||
</div>
|
||||
</div><!-- row -->
|
||||
<div class="row col-sm-11 col-ms-offset-1" data-bind="visible: toonIndeling">
|
||||
<div data-bind="with: $root.selectedCriterium" style="margin-top:20px">
|
||||
<h4>Koppel scholen</h4>
|
||||
<div class="kop">
|
||||
<table data-bind="with: $root.selectedCriterium()">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="background-color: #ded0d7; color:black; height: 100px;" data-bind="style:{width: $root.kolom1}, text: 'Criterium: ' + criterium()">
|
||||
</th>
|
||||
<!-- ko foreach: $root.selectedCriterium().labels -->
|
||||
<th style=" transform: rotate(90deg);background-color: transparent; color:black;text-align:center; font-size:small; " data-bind="style{width: kolombreedte}"><span style="display: inline-block vertical-align:bottom" data-bind="text: label" ></span>
|
||||
</th>
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
<div style="width: 1000px; max-height: 500px;overflow-y: scroll;overflow-x: hidden;">
|
||||
<table data-bind="with: $root.swvindeling" style="width:1000px; margin-bottom: 30px; padding: 0px">
|
||||
<tbody data-bind="foreach: kamers ">
|
||||
<tr style="background-color: #624152; color: white;" data-bind="visible: naam">
|
||||
<td data-bind="style:{width: $root.kolom1}" >
|
||||
<span data-bind="text: naam" ></span>
|
||||
</td>
|
||||
<!-- ko foreach: $root.selectedCriterium().labels -->
|
||||
<td data-bind="style:{width: kolombreedte}">
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=2 style="padding=0px;">
|
||||
<table style="padding: 0px; width:1000px; margin-left: -3px;">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class="besturen" style="" data-bind="visible: naam">
|
||||
<td data-bind="style:{width: $root.kolom1};" >
|
||||
<span data-bind="text: naam;" ></span>
|
||||
</td>
|
||||
<!-- ko foreach: $root.selectedCriterium().labels -->
|
||||
<td data-bind="style{width: kolombreedte}">
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
<tr class="scholen">
|
||||
<td>
|
||||
<table class="table table-striped">
|
||||
<tbody data-bind="foreach: indelingen">
|
||||
<tr data-bind="visible: naam;">
|
||||
<td data-bind="style{width: $root.kolom1}">
|
||||
<span data-bind="text: naam; ">
|
||||
</span>
|
||||
</td>
|
||||
<!-- ko foreach: opties -->
|
||||
<td style=" height: 60px; text-align: center" data-bind="style{width: kolombreedte2}">
|
||||
<!-- ko if: waardeid == $parent.selectedOptie() -->
|
||||
<i class="glyphicon glyphicon-check" style="padding-top: 10px"></i>
|
||||
<!-- /ko -->
|
||||
<!-- ko if: waardeid != $parent.selectedOptie() -->
|
||||
<i class="glyphicon glyphicon-unchecked" style="padding-top: 10px;" data-bind="click: $root.fUpdateIndeling.bind($data, $parent)"></i>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
<button data-bind="click: $root.fSluitIndeling">sluit</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<?php $this->load->view("monpas/popups/nieuwcriterium"); ?>
|
||||
<?php $this->load->view("monpas/popups/editcriterium"); ?>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,72 @@
|
||||
<div class="col-sm-12 mainpagina submenupage" id="pagstandaardsop" >
|
||||
<div class= "row" data-bind="visible: ! schooljanee()" >
|
||||
<div class="col-sm-12">
|
||||
<h4> Het Schoolondersteuningsprofiel is alleen toegankelijk voor scholen. <br>Aan het ondersteuningsprofiel voor bevoegd gezag en/of samenwerkingsverband wordt gewerkt.</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" data-bind="visible: schooljanee()">
|
||||
<div class="col-sm-12 col-md-2" style="padding:2px">
|
||||
|
||||
<p>Selecteer een SOP</p>
|
||||
<select data-bind="options: profielen,
|
||||
optionsText: 'naam',
|
||||
value: selectedProfiel,
|
||||
event: {change: fGetProfiel}"
|
||||
style="width:70%; margin-left:5px">
|
||||
</select>
|
||||
<button class="delete"
|
||||
data-bind="click:fDeleteProfiel, visible: selectedProfiel() && editok()">
|
||||
</button>
|
||||
<button class="noshow editbutton"
|
||||
data-bind="click: fEditProfiel, visible: selectedProfiel() && editok()">
|
||||
</button>
|
||||
<button class="hfdst"
|
||||
data-bind="click: fNieuwProfiel, visible: editok()">nieuw SOP</button>
|
||||
|
||||
<hr />
|
||||
<h4 class="verversholder" style="text-align:center">Hoofdstukken</h4>
|
||||
<!-- ko foreach: chapters -->
|
||||
|
||||
<button class="hfdst"
|
||||
style="height:auto; "
|
||||
data-bind="text:naam,
|
||||
click: $parent.fGetChapter,
|
||||
css:{selected: $parent.selectedChapter() && $parent.selectedChapter().id == id},
|
||||
enable: $parent.editok() || aanwezig()"></button>
|
||||
<button class="delete"
|
||||
style="width: 5%; margin-left: 1px;margin-top:5px;"
|
||||
data-bind="click:$parent.fDelChapter, visible: aanwezig() && $parent.editok()"></button>
|
||||
<!-- /ko -->
|
||||
<div style="clear:both"></div>
|
||||
<hr />
|
||||
<button class="hfdst" data-bind="click: fMaakPdf">Maak pdf</button>
|
||||
<button class="hfdst" data-bind="click:fMaakWord">Maak word doc</button>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-8" style="padding-left:40px">
|
||||
|
||||
<textarea id="contentSopoud" >
|
||||
</textarea>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-2">
|
||||
<button style="margin-bottom:10px; background-color: #f8f7f1; width: 90%; font-size: small" data-bind="click: fVervers, visible: editok()">ververs tabel(len)</button>
|
||||
<button style="margin-bottom:10px;width: 90%; font-size:small" data-bind="click: fOpnieuw, visible: editok()">ververs hoofdstuk</button>
|
||||
<button style="margin-bottom:10px;width: 90%; font-size: small" data-bind="click: fGetChapterandSave, visible: editok()"> tussentijds opslaan</button>
|
||||
<div style="margin-top:20px"
|
||||
data-bind="visible: selectedChapter() && selectedChapter().module >0 ">
|
||||
<p data-bind="visible: selectedChapter() && selectedChapter().module !=2">Voor dit hoofdstuk worden de gegevens van de volgende periode gebruikt:</p>
|
||||
<p data-bind="visible: selectedChapter() && selectedChapter().module ==2">Voor dit hoofdstuk worden de gegevens van onderstaand schooljaar gebruikt:</p>
|
||||
|
||||
<select style="font-size:0.8em"
|
||||
data-bind="options : versies,
|
||||
optionsText : 'naam',
|
||||
optionsValue : 'orgversie',
|
||||
value : selectedVersie,
|
||||
event : {change: fVerversVersie}" >
|
||||
</select>
|
||||
<p data-bind="visible: inhoud() && !inhoud().orgversie()">De gebruikte versie/het gebruikte jaar is nog niet opgeslagen in de database. Kies indien gewenst uw versie/jaar</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php $this->load->view("monpas/modals/nieuwprofiel_modal.php"); ?>
|
||||
<?php $this->load->view("monpas/modals/changeprofiel_modal.php"); ?>
|
||||
</div>
|
||||
@@ -0,0 +1,87 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagstreefcijfers">
|
||||
<div class="row" >
|
||||
<div class="col-sm-12 col-md-3">
|
||||
<h3>Selecteer een organisatieniveau</h3>
|
||||
<table style="width:100%">
|
||||
<tbody data-bind="foreach: swv">
|
||||
<tr class="swv" data-bind=" css: {'selected' : $parent.selectedOrganisatie().id ==id},
|
||||
click:$parent.fSetSelected ">
|
||||
|
||||
<td style="width:100%"
|
||||
data-bind="text: naam"></td>
|
||||
|
||||
</tr>
|
||||
<tr data-bind="visible: kamers() !== undefined">
|
||||
|
||||
<td >
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: kamers">
|
||||
<tr class="kamer selectable"
|
||||
data-bind="css: {'selected' : $root.selectedOrganisatie().id ==id},
|
||||
click: $root.fSetSelected">
|
||||
<td style="width:5%"></td>
|
||||
<td style="width: 95%" data-bind="text: naam"></td>
|
||||
|
||||
</tr>
|
||||
<tr data-bind="visible: bgs() !== undefined ">
|
||||
<td></td>
|
||||
<td >
|
||||
<table style="width: 100%">
|
||||
<tbody data-bind="foreach: bgs">
|
||||
<tr class= "selectable"
|
||||
data-bind="css: {'selected' : $root.selectedOrganisatie().id ==id},
|
||||
click: $root.fSetSelected">
|
||||
|
||||
<td style="width: 100%" data-bind="text: naam"></td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-9" data-bind="visible: selectedOrganisatie().id !=0">
|
||||
<h4> Criteria voor scholen onder organisatie:
|
||||
<span data-bind="text: selectedOrganisatie().naam"></span>
|
||||
</h4>
|
||||
<table style="width: 100%;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:20px">nr</th>
|
||||
<th >versie</th>
|
||||
<th style="width:95px">van</th>
|
||||
<th style ="width:95px">t/m</th>
|
||||
<th style="width:100px"> gem.<br/>score</th>
|
||||
<th style="width:280px">minimum <?=$labels['ijkpunten']?> </th>
|
||||
<th style="width: 20px">D</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: versieambities">
|
||||
<tr>
|
||||
<td data-bind="text: periodenummer"></td>
|
||||
<td data-bind="text:naam"></td>
|
||||
<td data-bind="text: geldigvanaf"></td>
|
||||
<td data-bind="text: geldigtm"></td>
|
||||
<td><input class="integer"
|
||||
data-bind="textInput: gemscore, event:{input: $root.fUpdateAmbitie}, enable: wijzigok" />%</td>
|
||||
<td><input class="integer"
|
||||
data-bind="textInput: xijkpunten, event:{input: $root.fUpdateAmbitie},enable:wijzigok" /> ijkpunten
|
||||
op <input class="integer"
|
||||
data-bind="textInput: zprocent, event:{input: $root.fUpdateAmbitie}, enable:wijzigok" />% of hoger
|
||||
</td>
|
||||
<td class="glyphicon glyphicon-trash" data-bind="click:$root.fDelete"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div> <!-- rechts -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,158 @@
|
||||
<div class="col-sm-12 mainpagina submenupage" id ="pagSWVversies">
|
||||
|
||||
<div class="col-sm-12 col-md-3">
|
||||
<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' data-bind="text: naam, click: $parent.fSetSelectedOrg"></li>
|
||||
<li data-bind="visible: kamers().length > 0">
|
||||
<ul data-bind="foreach: kamers">
|
||||
<li class="clickable" data-bind="text: naam, click: $root.fSetSelectedOrg"></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- kolom links -->
|
||||
|
||||
<div class="col-sm-12 col-md-9" >
|
||||
<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: 3%">A</th>
|
||||
<th style="width: 12%">geldig vanaf</th>
|
||||
<th style="width: 12%">geldig t.m</th>
|
||||
<th style="width: 20%">versie</th>
|
||||
<th style="width: 15%">vorm</th>
|
||||
<th style="width: 20%; ">score type</th>
|
||||
<th style="width: 3%;">
|
||||
S <sup style="font-weight: bold" data-bind="click: $parent.fToonInfoTekst">i</sup>
|
||||
</th>
|
||||
<th style="width: 13%">invullen tot</th>
|
||||
<th style="width: 3%"> </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: 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 class="delete"
|
||||
data-bind="click: $root.fDeleteKoppeling, visible:wijzigok"> </button> </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div> <!-- kolom rechts -->
|
||||
<!-- ******************** popups ************************** -->
|
||||
<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>
|
||||
@@ -0,0 +1,231 @@
|
||||
<div class="col-sm-12 mainpagina submenupage" id ="pagVersies">
|
||||
|
||||
<div class='row'>
|
||||
|
||||
<div class="col-sm-12 col-md-3" style="border:1px solid #f2f2f2">
|
||||
<h3>Instrument</h3>
|
||||
<select style="font-size:1em"
|
||||
data-bind=" options : modules,
|
||||
optionsText : 'naam',
|
||||
value : selectedModule,
|
||||
event : {change: fChangeModule}">
|
||||
</select>
|
||||
<button data-bind="click: fMaakNieuweVersie" style="margin-left: 0px; margin-top:20px">nieuwe versie </button>
|
||||
|
||||
<div data-bind= "visible: versies().length > 0">
|
||||
<p> of </p>
|
||||
<p>Selecteer een versie </p>
|
||||
<select data-bind=" options : versies,
|
||||
optionsText : 'naam',
|
||||
value : selectedVersie,
|
||||
event : {change: fChangeVersie}">
|
||||
</select>
|
||||
</div>
|
||||
<hr />
|
||||
<div data-bind="with: selectedVersie">
|
||||
<h4>Versie-kenmerken</h4>
|
||||
<table>
|
||||
<tr> <td>naam</td></tr>
|
||||
<tr>
|
||||
<td><input data-bind="textInput: naam, event: {input: $parent.fUpdateVersie}" style="width:80%"/>
|
||||
<button class="delete klikbaar"
|
||||
data-bind="click: $parent.fDeleteVersie, visible: deleteok()"></button> </td>
|
||||
</tr>
|
||||
<tr> <td>ingangsdatum</td> </tr>
|
||||
<tr>
|
||||
<td> <input class="datum"
|
||||
data-bind="datepicker{}, value: ingang, event: {change: $parent.fUpdateVersie}"/> </td>
|
||||
</tr>
|
||||
<tr> <td>streefwaarde</td> </tr>
|
||||
<tr>
|
||||
<td><input class="decimal" data-bind="textInput: systemnorm, event: {input: $parent.fUpdateVersie}"/>%</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div> <!-- column left -->
|
||||
|
||||
<div class="col-sm-12 col-md-9">
|
||||
<button data-bind="click: fNieuwIJkpunt" style="float:right ; margin-top:10px;margin-bottom: 10px">nieuw ijkpunt </button>
|
||||
<table style="width: 100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:5%;padding-left:3px">i</th>
|
||||
<th style="width:5%"> nr </th>
|
||||
<th style="width:40%"> omschrijving</th>
|
||||
<th style="width: 40%">toelichting</th>
|
||||
<th style="width: 5%"> del</th>
|
||||
<th style="widht: 5%">add</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: ijkpunten">
|
||||
<tr>
|
||||
<td style="vertical-align: top">
|
||||
<button class= " noshow"
|
||||
data-bind="click: $parent.fToggleIndicatoren, css:{ 'closebutton' : toonindics(), 'openbutton': !toonindics()}"></button>
|
||||
</td>
|
||||
<td style="vertical-align: top">
|
||||
<input class= 'integer' data-bind="textInput:nummer, event:{input:$parent.fUpdateIJkpunt}"/>
|
||||
</td>
|
||||
<td><textarea style="width:99%" data-bind="textInput:omschrijving, event:{input: $parent.fUpdateIJkpunt}" ></textarea>
|
||||
</td>
|
||||
<td><textarea style="width:99%" data-bind="textInput:toelichting, event:{input: $parent.fUpdateIJkpunt}" ></textarea>
|
||||
</td>
|
||||
<td style="vertical-align: top">
|
||||
<button class="delete noshow" data-bind="click: $parent.fDeleteIJkpunt, visible: indicatoren().length == 0"></button>
|
||||
</td>
|
||||
<td style="vertical-align: top" data-bind="click: $parent.fNieuweIndicator">
|
||||
<button class="plus noshow"></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr data-bind="visible: toonindics() && indicatoren().length > 0">
|
||||
<td></td>
|
||||
<td colspan=4>
|
||||
<table style="width: 100%">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="header2" style="width4%;padding-left: 2px;text-align:center"> nr </th>
|
||||
<!-- <th class="header2" style="width:7%;padding-left: 2px;text-align:center">insp.</th>-->
|
||||
<th class="header2" style="width:6%;padding-left: 2px;text-align:center">w.</th>
|
||||
<th class="header2" style="width:40%;padding-left: 2px"> schoolvorm</th>
|
||||
<th class="header2" style="width:40%;padding-left: 2px"> ik-vorm</th>
|
||||
<th class="header2" style="width: 3%;padding-left: 2px;text-align:center"> del</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: indicatoren">
|
||||
<tr>
|
||||
<td style="vertical-align: top">
|
||||
<input class= 'integer'
|
||||
style="width: 100%"
|
||||
data-bind="textInput: nummer, event:{input: $root.fUpdateIndicator}" /></td>
|
||||
<!-- <td style="vertical-align: top">-->
|
||||
<!-- <input style="width: 100%"-->
|
||||
<!-- data-bind="textInput: inspectie, event:{input: $root.fUpdateIndicator}" /></td>-->
|
||||
<td style="vertical-align: top">
|
||||
<input class= 'decimal'
|
||||
style="width: 100%"
|
||||
data-bind="textInput: gewicht, event:{input: $root.fUpdateIndicator}" /></td>
|
||||
<td><textarea data-bind="textInput: omschrijving1, event:{input: $root.fUpdateIndicator}"
|
||||
style="width:99%">
|
||||
</textarea>
|
||||
</td>
|
||||
<td><textarea data-bind="textInput: omschrijving2, event:{input: $root.fUpdateIndicator}"
|
||||
style="width: 99% ">
|
||||
</textarea>
|
||||
</td>
|
||||
<td style="vertical-align: top">
|
||||
<button class="delete" data-bind="click: $root.fDeleteIndicator.bind($data,$parents[0]), visible: deleteok== true "></button></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr>
|
||||
<td colspan=6> <hr></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td> <!-- td voor de tabel met indicatoren -->
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!-- column right -->
|
||||
|
||||
</div><!-- row -->
|
||||
<!-- ******************** popups ************************** -->
|
||||
<div class="modal fade" id="modNieuweVersie" role="dialog" >
|
||||
<div class="modal-dialog ">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 data-bind="with: selectedModule()">Nieuwe versie <span data-bind="text: naam"></span></h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<table class="lstable" style="width: 100%" >
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="width:20%"> naam </td>
|
||||
<td > <input style="width: 100%" data-bind="textInput: newVersieNaam"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button style="width: 80px;" data-dismiss="modal" data-bind="click: fSaveVersie, visible: newVersieNaam().length > 3">opslaan</button>
|
||||
<button style="width: 80px;" data-dismiss="modal" >annuleren</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- popup-->
|
||||
|
||||
<!-- ******************** popup nieuw ijkpunt ************************** -->
|
||||
<div class="modal fade" id="modNieuwIJkpunt" role="dialog" >
|
||||
<div class="modal-dialog ">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4>Nieuw ijkpunt</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<table class="lstable" style="width: 100%" >
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="width:20%"> nummer</td>
|
||||
<td > <input class="integer" data-bind="textInput: newIJkpunt().nummer"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:20%"> omschrijving </td>
|
||||
<td > <textarea style="width: 99%; height:50px;" data-bind="textInput: newIJkpunt().naam"></textarea></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:20%"> toelichting </td>
|
||||
<td > <textarea style="width: 99%; height:50px;" data-bind="textInput: newIJkpunt().toelichting"></textarea></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button style="width: 80px;" data-dismiss="modal" data-bind="click: fSaveIJkpunt, visible: newIJkpunt().naam().length > 3">opslaan</button>
|
||||
<button style="width: 80px;" data-dismiss="modal" >annuleren</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ************ pop nieuw indicator -->
|
||||
<div class="modal fade" id="modNieuwIndicator" role="dialog" >
|
||||
<div class="modal-dialog modal-lg ">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4>Nieuwe indicator</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<table class="lstable" style="width: 100%" >
|
||||
<tbody data-bind="with: newIndicator">
|
||||
<tr >
|
||||
<td style="width:20%"> volgnummer </td>
|
||||
<td > <input class="integer" data-bind="textInput: nummer" /></td>
|
||||
</tr>
|
||||
<tr >
|
||||
<td style="width:20%"> gewicht</td>
|
||||
<td > <input class="decimal" data-bind="textInput: gewicht" /></td>
|
||||
</tr>
|
||||
<!-- <tr >-->
|
||||
<!-- <td style="width:20%">inspectie indicator (nummer)</td>-->
|
||||
<!-- <td > <input data-bind="textInput: inspectie" /></td>-->
|
||||
<!-- </tr>-->
|
||||
<tr>
|
||||
<td style="width:20%">school omschrijving </td>
|
||||
<td > <textarea style="width: 100%" data-bind="textInput: omschrijving1"></textarea></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width:20%">ik-vorm omschrijving </td>
|
||||
<td > <textarea style="width: 100%" data-bind="textInput: omschrijving2"></textarea></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button style="width: 80px;" data-dismiss="modal" data-bind="click: fSaveIndicator">opslaan</button>
|
||||
<button style="width: 80px;" data-dismiss="modal" >annuleren</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
Reference in New Issue
Block a user