242 lines
14 KiB
PHP
242 lines
14 KiB
PHP
<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; "
|
|
data-bind= "text:nummer,
|
|
style: {color: disabled()? '#262626' : '#ffffff' ,
|
|
backgroundColor: disabled()? '#d9d9d9' : '#6f0b3d' }" >
|
|
</td>
|
|
<td data-bind= "text: disabled() ? omschrijving + ' (uitgezet)' : omschrijving,
|
|
style: {color: disabled()? '#262626' : '#ffffff',
|
|
backgroundColor: disabled() ? '#d9d9d9' : '#6f0b3d' }">
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
<tr >
|
|
<td colspan = 2>
|
|
<!-- ko if: $parent.selectedOrgversion() && $parent.selectedOrgversion().toonOmschrijving()== false -->
|
|
<table style="width:100%" data-bind="foreach: indicatorscores">
|
|
<thead data-bind="visible: $index() == 0">
|
|
<tr>
|
|
<th class="header2" style="width: 3%;padding-left: 2px;text-align:right"
|
|
data-bind="style: {backgroundColor: $parent.disabled() ? '#d9d9d9' : '#e7e2e5'} "> nr
|
|
</th>
|
|
<th class="header2" style="padding-left: 2px"
|
|
data-bind="style: {backgroundColor: $parent.disabled() ? '#d9d9d9' : '#e7e2e5'},
|
|
attr: {width: scoretype > 5 ? '65%': '72%' } ">
|
|
</th>
|
|
<th class="header2" style="padding-left: 2px;text-align:left"
|
|
data-bind="style: {backgroundColor: $parent.disabled() ? '#d9d9d9' : '#e7e2e5'},
|
|
attr: {width: scoretype > 5 ? '32%': '22%'} "> score
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody >
|
|
<tr style="border-bottom: 1px solid #ebebeb; ">
|
|
<td style="text-align:right;vertical-align:top; padding-top: 5px;" data-bind="text: nummer,
|
|
style: {color: $parent.disabled()? '#d9d9d9' : '#262626' }">
|
|
</td>
|
|
<td data-bind="text: omschrijving,
|
|
style: {color: $parent.disabled()? '#d9d9d9' : '#262626' }" style="vertical-align:top; padding-top: 5px;">
|
|
</td>
|
|
<td style="vertical-align:top; padding-top: 5px;" >
|
|
|
|
<span class="nietVoorPdf" data-bind="visible: scoretype==1">
|
|
<input class="rapport"
|
|
data-bind="textInput: score,
|
|
event:{input: $root.fUpdateScoretype12},
|
|
enable: $root.editok() && $parent.disabled() == false,
|
|
attr:{'id' : $index}" />
|
|
</span>
|
|
|
|
<span class="alleenVoorPdf" data-bind="visible: scoretype==1 || scoretype == 2,
|
|
text: score">
|
|
</span>
|
|
|
|
|
|
<span class="nietVoorPdf"data-bind="visible: scoretype == 2">
|
|
<input class="integer"
|
|
data-bind="textInput: score,
|
|
event:{input: $root.fUpdateScoretype12},
|
|
visible: scoretype==2,
|
|
enable: $root.editok() && $parent.disabled() == false" /> %
|
|
</span>
|
|
|
|
|
|
<span data-bind="visible: scoretype==3 || scoretype == 4 || scoretype == 5 || scoretype == 6 || scoretype==7 ">
|
|
<!-- ko if: $parent.disabled() == false -->
|
|
<!-- 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, 'checked': value == $parent.score()},
|
|
enable: $root.editok() " />
|
|
<span style="vertical-align:top; display: inline-block; margin-left:5px;margin-right: 20px;" data-bind="text: optie"> </span>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
<!-- ko if: $parent.disabled() == true -->
|
|
<!-- ko foreach: $root.scoreopties -->
|
|
<!-- ko if: $parent.scoretype == type -->
|
|
<input type='radio'
|
|
data-bind="checked: $parent.score(),
|
|
enable: false " />
|
|
<span style="vertical-align:top; display: inline-block; margin-left:5px; margin-right: 20px;" data-bind="text: optie"> </span>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
<!-- /ko -->
|
|
<!-- ko if: $parent.selectedOrgversion() && $parent.selectedOrgversion().toonOmschrijving()== true -->
|
|
<table style="width:100%">
|
|
<thead>
|
|
<tr>
|
|
<th class="header2" style="width: 20px;padding-left: 2px;text-align:right"> nr </th>
|
|
<th class="header2" data-bind="attr: {'colspan': $parent.optieslengte()}" style="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,
|
|
style: {color: $parent.disabled()? '#d9d9d9' : '#262626' } ">
|
|
</td>
|
|
<td data-bind="text: omschrijving,
|
|
attr: {'colspan': $root.optieslengte()},
|
|
style: {color: $parent.disabled()? '#d9d9d9' : '#262626' }"
|
|
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 if: $parent.disabled() == false -->
|
|
<!-- 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, 'checked': value == $parent.score()},
|
|
enable: $root.editok()" />
|
|
<p style="vertical-align:top; padding-left: 5px;"
|
|
data-bind="text: scoretekst">
|
|
</p>
|
|
</td>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
<!-- ko if: $parent.disabled() == true -->
|
|
<!-- 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(),
|
|
enable: false" />
|
|
<p style="vertical-align:top; padding-left: 5px;"
|
|
data-bind="text: scoretekst">
|
|
</p>
|
|
</td>
|
|
<!-- /ko -->
|
|
<!-- /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>
|
|
<!-- voor de pdf-->
|
|
<div style="display: none">
|
|
<div id="invulNotitie">
|
|
<p>Notitie</p>
|
|
<textarea style="width: 100%; min-height: 70px"
|
|
data-bind="text: notitie ">
|
|
</textarea>
|
|
</div>
|
|
</div>
|
|
<div class="row nietVoorPdf">
|
|
<div class="col-sm-8">
|
|
<div style="background-color: #e7e2e5; padding:10px;">
|
|
<p>
|
|
|
|
<span class="fa fa-square-o" data-bind="visible: !meetellen(), click: fTelMee"></span>
|
|
<span class="fa fa-check-square-o" 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 class="alleenVoorPdf">
|
|
<div id="invulZichtbaar" class="col-sm-8">
|
|
<div style="background-color: #e7e2e5; padding:10px;">
|
|
<p>
|
|
|
|
<span data-bind="visible: !meetellen()"> □</span>
|
|
<span data-bind="visible: meetellen()">✓ </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>
|