156 lines
4.7 KiB
PHP
156 lines
4.7 KiB
PHP
<style>
|
|
tr.lsSelected{
|
|
background-color:#975796;
|
|
color:white;
|
|
}
|
|
.imPijlerSelected{
|
|
width:21px;
|
|
background-image: url('/css/images/ArrowDown.png') ;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.imNoSelected{
|
|
width:21px;
|
|
background-image: url('/css/images/ArrowRight.png') ;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.myCellstyle{
|
|
border-left: 1px solid #975796;
|
|
border-bottom: 1px solid #975796;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
#inhouden-page i{
|
|
margin-top:5px;
|
|
}
|
|
</style>
|
|
|
|
<?php $this->load->view("ijkpartituur/popups/popNewHulpmiddel"); ?>
|
|
|
|
<div style = 'float:left;width: 345px; padding-left:10px; height:545px;' id="inhouden-page">
|
|
<table>
|
|
<tr>
|
|
<td><?=$this->lang->line('lbl-Pijler')?></td>
|
|
<td>
|
|
<select data-bind=" options: pijlers,
|
|
optionsText:'naam',
|
|
optionsValue:'id',
|
|
value: selectedPijler,
|
|
enable:wijzigbaar(), event:{change:fGetMiddelen}" >
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Doelgroep</td>
|
|
<td>
|
|
<select data-bind="options: organisatieTypes,
|
|
optionsText:'type',
|
|
optionsValue:'id',
|
|
value: filterType,
|
|
event:{change:fGetMiddelen}" >
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Zoek op naam</td>
|
|
<td><input id="focushierZI"
|
|
data-bind="value: filterNaam,
|
|
enterkey: fGetMiddelen,
|
|
event:{change: fGetMiddelen} "/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td></td>
|
|
<td>
|
|
<button class="onwhite"
|
|
style="width: 175px"
|
|
data-bind="click: fGetNewMiddel"> voeg inhoud toe
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<hr />
|
|
<div style="background-color:#f2f2f2; overflow-y:scroll; height:405px; padding-left:5px">
|
|
<table id="tbHL" style="border-collapse:collapse; cellspacing:0">
|
|
<tbody data-bind='foreach: hlijst'>
|
|
<tr data-bind="attr:{id: 'trHL' + id}">
|
|
<td style="width:21px;padding-left:5px;"
|
|
valign="top">
|
|
<span class="icon-minus-sign"
|
|
style="width:100%"
|
|
data-bind="visible:deletable, click: $root.fDeleteHulpmiddel" ></span>
|
|
</td>
|
|
<td style="width:200px" data-bind="attr:{id: 'tdHL' + id}, click:$root.fSelectMiddel">
|
|
<p style="font-size:0.9em;cursor:pointer;" data-bind= "text: omschrijving" ></p>
|
|
</td>
|
|
<td style='width:15px'> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div style="float:right; width:587px;height: 520px; margin-top:3px;padding-left:10px; padding-top:20px; background-color:#f2f2f2;overflow-y:scroll"
|
|
id="hdiv2">
|
|
<table data-bind="with: hulpmiddel" style='font-size:0.9em'>
|
|
<tr>
|
|
<td><?=$this->lang->line('lbl-Pijler')?></td>
|
|
<td data-bind="text: pijlernaam"></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align:top">Naam inhoud</td>
|
|
<td><textarea id="focushierI"
|
|
style="width: 225px"
|
|
data-bind="value: omschrijving,event:{change:$parent.OpslaanHulpmiddel}" >
|
|
</textarea></td>
|
|
<td style="width:45px"> </td>
|
|
<td>Bron</td>
|
|
<td data-bind="text: bron"></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align:top">Opmerkingen</td>
|
|
<td>
|
|
<textarea style="min-height: 90px; width: 225px"
|
|
data-bind="value: opmerkingen,event:{blur:$parent.OpslaanHulpmiddel}"></textarea></td>
|
|
<td> </td>
|
|
<td style="vertical-align:top">Bedoeld voor</td>
|
|
|
|
<td style="vertical-align:top">
|
|
<select data-bind="options: $parent.organisatieTypes,
|
|
optionsText:'type',
|
|
optionsValue:'id',
|
|
value: $parent.selectedType,
|
|
optionsCaption: 'kies type organisatie',
|
|
event:{change:$parent.OpslaanHulpmiddel}" >
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Document</td>
|
|
<td> <button class="onwhite "
|
|
data-bind="click: $parent.getDocuments"> documenten </button>
|
|
</tr>
|
|
</table>
|
|
<p class="bgDarkgrey"
|
|
style= "margin-top:20px; padding-left:5px; width: 97%"
|
|
data-bind="visible: hulpmiddel()"> deze inhoud wordt gebruikt bij de volgende activiteit(en) </p>
|
|
<table data-bind="visible:hulpmiddel()"
|
|
style="cellspacing:0px; border-collapse:collapse; border:1px solid :#975796; width:98%; font-size:0.9em">
|
|
<thead >
|
|
<tr style="background-color:#975796;color:#fff">
|
|
<td style="width: 30%;padding-left:10px"> activiteit</td>
|
|
<td style="width: 23%;padding-left:10px"><?=$this->lang->line('lbl-pijler')?></td>
|
|
<td style="width: 29%;padding-left:10px"> fase</td>
|
|
<td style="width: 18%;padding-left:10px"> bron</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach: activiteiten">
|
|
<tr data-bind="click:$parent.fToonActiviteit">
|
|
<td class="myCellstyle" data-bind="text:naam "> </td>
|
|
<td class="myCellstyle" data-bind="text: pijler"> </td>
|
|
<td class="myCellstyle" data-bind="text: fase"> </td>
|
|
<td class="myCellstyle" style="border-right:1px solid #975796" data-bind="text: bron"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|