|
|
|
@@ -170,7 +170,7 @@
|
|
|
|
|
<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>
|
|
|
|
|
<li data-bind="visible: advies(), text: nummer + '. ' + omschrijving"></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div> <!-- col md 4 -->
|
|
|
|
@@ -183,102 +183,33 @@
|
|
|
|
|
value : selectedOrgversion,
|
|
|
|
|
event : {change: fChangeVersion2}">
|
|
|
|
|
</select>
|
|
|
|
|
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintOntwikkelmatrix"></button>
|
|
|
|
|
<button class="printer" style="display: inline-block" data-bind="click: fPrintOntwikkelmatrix"></button>
|
|
|
|
|
|
|
|
|
|
</h4>
|
|
|
|
|
<!-- ko if: instrument() && instrument() == 730 -->
|
|
|
|
|
<div >
|
|
|
|
|
<div><input type="radio" name="DragDrop" value="dragdrop" data-bind="checked: selectedAgenda "/> toon drag and drop agenda</div>
|
|
|
|
|
<div><input type="radio" name="DragDrop" value="standaard" data-bind="checked: selectedAgenda"/> toon standaard agenda</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--/ko-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<table style="width: 100%; margin-bottom: 40px;">
|
|
|
|
|
<colgroup>
|
|
|
|
|
<col style="width: 25px">
|
|
|
|
|
<col >
|
|
|
|
|
<col span='11' style="width: 35px">
|
|
|
|
|
</colgroup>
|
|
|
|
|
<tr>
|
|
|
|
|
<td colspan=7 style="text-align:right; padding-right: 15px"> <b>huidige situatie</b><br/> </td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td colspan =5 > <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=" text-align:center; background-color: #808080;" > </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>
|
|
|
|
|
<td style="text-align:center; background-color: #808080; " > </td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tbody data-bind="foreach : results">
|
|
|
|
|
<tr class=" fixedH" >
|
|
|
|
|
<td class="allborders"
|
|
|
|
|
data-bind="text: nummer,
|
|
|
|
|
style: {backgroundColor: disabled == 'T' || disablentv == 'T' ? '#cccccc' : ''}"
|
|
|
|
|
style="text-align:right; padding-right:3px; vertical-align:top">
|
|
|
|
|
</td>
|
|
|
|
|
<td style="vertical-align:top; "
|
|
|
|
|
class="allborders fixedH clickable"
|
|
|
|
|
data-bind=" click: $parent.fToonToelichting, style: {backgroundColor: disabled == 'T' || disablentv == 'T' ? '#cccccc' : ''}">
|
|
|
|
|
<span data-bind="text: omschrijving"></span>
|
|
|
|
|
<span data-bind="visible: disabled == 'T'" > (Uitgezet.)</span>
|
|
|
|
|
<span data-bind="visible: disabled == 'F' && disablentv == 'T'" > (Niet van toepassing.)</span>
|
|
|
|
|
|
|
|
|
|
</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 class="allborders"><div class="cirkel" data-bind="css: {'grijs' : huidig() == 5}"></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>
|
|
|
|
|
<td class="allborders" ><div class="cirkel" data-bind="css: {'grijs' : gewenst() == 5}"> </div></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
</div> <!-- grote blok rechts -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div >
|
|
|
|
|
<div style="height: 30px; width:160px; background-color: #808080; display: inline-block;
|
|
|
|
|
border: 1px solid #0A246A; ">
|
|
|
|
|
</div >
|
|
|
|
|
<div class="col-sm-12 col-md-9">
|
|
|
|
|
<div data-bind="visible: selectedAgenda() =='standaard' ">
|
|
|
|
|
<?php $this->load->view("monpas/pages/partials/_tabel_agenda"); ?>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="height: 30px; width:160px; display: inline-block; background-color: #e08885;
|
|
|
|
|
border: 1px solid #0A246A; "></div>
|
|
|
|
|
<div style="height: 30px; width:160px; display: inline-block; background-color: #ffcc80;
|
|
|
|
|
border: 1px solid #0A246A; "></div>
|
|
|
|
|
<div style="height: 30px; width:160px; display: inline-block; background-color: #9fdf9f;
|
|
|
|
|
border: 1px solid #0A246A; "></div>
|
|
|
|
|
<div style="height: 30px; width:160px; display: inline-block; background-color: #99d6ff;
|
|
|
|
|
border: 1px solid #0A246A;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="people" data-bind=" foreach: omgevingen ">
|
|
|
|
|
|
|
|
|
|
<div class="draggable" draggable="true"
|
|
|
|
|
data-bind="event:{
|
|
|
|
|
dragstart: $root.fDragstart.bind($data, event, $index(), 'OMG'),
|
|
|
|
|
dragend : $root.fDragend.bind($data, event, $index()),
|
|
|
|
|
dragover : $root.fDragover.bind($data, event ),
|
|
|
|
|
dragenter : $root.fDragenter.bind($data, event, $index()),
|
|
|
|
|
dragleave : $root.fDragleave.bind($data, event),
|
|
|
|
|
drop : $root.fDrop.bind($data, event, $index())
|
|
|
|
|
}">
|
|
|
|
|
<!-- <div data-bind="text: afbeelding"></div>-->
|
|
|
|
|
|
|
|
|
|
<div data-bind='attr: {class: afbeelding}'></div>
|
|
|
|
|
<div data-bind="visible: selectedAgenda() == 'dragdrop' ">
|
|
|
|
|
<?php $this->load->view("monpas/pages/partials/_draganddrop_agenda"); ?>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- grote blok rechts -->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|