tussenstand

This commit is contained in:
Monique
2022-11-18 15:47:13 +01:00
parent a7bc12a254
commit 50459e9ffd
11 changed files with 372 additions and 456 deletions
@@ -210,12 +210,6 @@
<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 ">
+77 -262
View File
@@ -1,257 +1,70 @@
<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 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>
<div class="col-sm-12 col-md-9" data-bind="visible: selectedOrg().id !=0" style="margin: 0; padding:0">
<h4> Criteria voor scholen onder organisatie:
<span data-bind="text: selectedOrg().naam"></span>
<div class="col-sm-12 " style="margin-bottom: 20px; margin-left: 50px;" >
<h4 data-bind="text: instrument ? 'Streefcijfers voor de actieve lijst van het instrument ' + instrument() : ' ' ">
</h4>
<table style="width: 100%;padding: 0; margin: 0; ">
<table style="width: 100%;">
<thead>
<tr>
<th style="width: 3%; vertical-align: text-top">nr</th>
<th style="width: 15%; vertical-align: text-top">versie</th>
<th style="width: 13%; vertical-align: text-top">van</th>
<th style="width: 13%; vertical-align: text-top">t/m</th>
<th style="width: 8%; vertical-align: text-top"> gem. score</th>
<th style="width: 36%; vertical-align: text-top">minimum</th>
<th style="width: 9%; vertical-align: text-top">criteria van</th>
<th style="width: 10%; vertical-align: text-top">van</th>
<th style="width: 10%; vertical-align: text-top">t/m</th>
<th style="width: 9%; vertical-align: text-top"> gem. score</th>
<th style="width: 30%; vertical-align: text-top">minimum</th>
<th style="width: 20%; vertical-align: text-top">criteria van</th>
<th style="width: 3%; vertical-align: text-top"></th>
</tr>
</thead>
<tbody data-bind="with: ambities ? ambities : '' ">
<tbody data-bind="foreach: ambities ">
<tr>
<td data-bind="text: periodenummer"></td>
<td data-bind="text: 'versie' + naam"></td>
<td data-bind="text: geldigvanaf"></td>
<td data-bind="text: geldigtm"></td>
<td>
<!-- ko if: $index() == 0 -->
<span data-bind="text: $parent.periodenummer() "></span>
<!-- /ko -->
</td>
<td> <!-- ko if: $index() == 0 -->
<span data-bind="text: $parent.naam() "></span>
<!-- /ko -->
</td>
<td> <!-- ko if: $index() == 0 -->
<span data-bind="text: $parent.geldigvanaf() "></span>
<!-- /ko -->
</td>
<td> <!-- ko if: $index() == 0 -->
<span data-bind="text: $parent.geldigtm() "></span>
<!-- /ko -->
</td>
<td><input class="integer" type="number" min="0" max="100" step="5"
data-bind="textInput: gemscore,
event: {input: $parent.fUpdateAmbitie},
enable: $parent.manage() == 'T' && $parent.toporg().soort == soort " />%</td>
enable: $parent.manage() == 'T' && $parent.orgsoort() == soort " />%</td>
<td><input class="integer" type="number" min="0" step="1"
data-bind="textInput: xijkpunten,
event: {input: $parent.fUpdateAmbitie},
attr: {'max': aantalY},
enable: $parent.manage() =='T' && $parent.toporg().soort == soort " /> ijkpunten
attr: {'max': $parent.aantalY},
enable: $parent.manage() =='T' && $parent.orgsoort() == soort " /> ijkpunten
op <input class="integer" type="number" min="0" max="100" step="5"
data-bind="textInput: zprocent,
event: {input: $parent.fUpdateAmbitie},
enable: $parent.manage() =='T' && $parent.toporg().soort == soort " />
enable: $parent.manage() =='T' && $parent.orgsoort() == soort " />
<span > % of hoger</span>
</td>
<td data-bind="text: ambitievan " ></td>
<td data-bind="text: organisatie + ' (' + ambitievan() + ')' " ></td>
<td style="text-align: right">
<span class="glyphicon glyphicon-trash"
data-bind="visible: $parent.manage() =='T' && $parent.toporg().soort == soort ,
data-bind="visible: $parent.manage() =='T' && $parent.orgsoort() == soort ,
click:$root.fDelete ">
</span>
</td>
</tr>
<!-- ko if: $parent.insert() == false -->
<tr>
<td colspan="2">
@@ -259,8 +72,8 @@
font-weight: bold; margin-top; 20px;"
data-bind="click: $parent.fNew,
visible: $parent.manage() =='T' &&
$parent.toporg().soort != soort
&& $parent.toporg().id == $parent.selectedOrg().id ">nieuw
$parent.orgsoort() > soort
">nieuw
</button>
</td>
@@ -268,47 +81,49 @@
</tr>
<!--/ko -->
<!-- ko if: $parent.insert() -->
<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 type="number" min="0" max="100" step="5" class="integer"
data-bind="textInput: $parent.scoreNieuw "/>%</td>
<td><input type="number" min="0" class="integer"
data-bind="textInput: $parent.ijkNieuw,
attr: {'max': aantalY} " /> ijkpunten
op <input type="number" min="0" max="100" step="5" class="integer"
data-bind="textInput: $parent.procentNieuw" />% of hoger
</td>
<td data-bind="text: nieuw " ></td>
<td >
</td>
</tr>
<tr>
<td colspan="2">
<button style="background-color: #A28A29; color: white; box-shadow: 1px 1px 2px #faf7eb;
font-weight: bold; margin-top; 20px;"
data-bind="click: $parent.fOpslaan ">opslaan
</button>
<button style="background-color: #f1f1f1; box-shadow: 1px 1px 2px ghostwhite;
font-weight: bold; margin-top; 20px;"
data-bind="click: $parent.fAnnuleer ">annuleer
</button>
</td>
<td colspan="4"></td>
</tr>
<!--/ko -->
</tbody>
<tbody>
<!-- ko if: insert() -->
<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 type="number" min="0" max="100" step="5" class="integer"
data-bind="textInput: scoreNieuw "/>%</td>
<td><input type="number" min="0" class="integer"
data-bind="textInput: ijkNieuw,
attr: {'max': aantalY} " /> ijkpunten
op <input type="number" min="0" max="100" step="5" class="integer"
data-bind="textInput: procentNieuw" />% of hoger
</td>
<td data-bind="text: soortNaam() " ></td>
<td >
</td>
</tr>
<tr>
<td colspan="2">
<button style="background-color: #A28A29; color: white; box-shadow: 1px 1px 2px #faf7eb;
font-weight: bold; margin-top; 20px;"
data-bind="click: fOpslaan ">opslaan
</button>
<button style="background-color: #f1f1f1; box-shadow: 1px 1px 2px ghostwhite;
font-weight: bold; margin-top; 20px;"
data-bind="click: fAnnuleer ">annuleer
</button>
</td>
<td colspan="4"></td>
</tr>
<!--/ko -->
</tbody>
</table>