272 lines
9.9 KiB
PHP
272 lines
9.9 KiB
PHP
<style>
|
|
|
|
p.pheader{
|
|
background-color:#bababa;
|
|
color:#fff;
|
|
padding-left: 10px;
|
|
margin-top:2px;
|
|
}
|
|
|
|
table.acttable{
|
|
width: 100%;
|
|
}
|
|
|
|
#activiteiten-page i{
|
|
margin-top:5px;
|
|
}
|
|
.LSselected {
|
|
background-color:#975796;
|
|
color: #fff;
|
|
}
|
|
</style>
|
|
<?php $this->load->view("ijkpartituur/popups/popNewBeheerActiviteit"); ?>
|
|
<?php $this->load->view("ijkpartituur/popups/popNewDoelgroep"); ?>
|
|
<?php $this->load->view("ijkpartituur/popups/popNewKostenregel"); ?>
|
|
|
|
|
|
<div id="activiteiten-page" style = 'float:left;width: 300px; padding-left:5px; height:545px;'>
|
|
<div style=" width:100%;
|
|
padding-left:5px; paddding-top:10px;height:537px;
|
|
margin-top:5px;
|
|
background-color:#F2F2F2; overflow-y:scroll;overflow-x:scroll">
|
|
<select style="width: 100%"
|
|
data-bind="options: pijlers,
|
|
optionsText:'naam',
|
|
optionsValue:'id',
|
|
value: selectedPijler,
|
|
enable:wijzigbaar(), event:{change:fGetActiviteitenlijst}" >
|
|
</select>
|
|
<br>
|
|
<span style="font-size:0.8em"> Zoek op naam </span>
|
|
<input style="width: 189px"
|
|
data-bind="value: filterNaam,
|
|
enterkey: fGetActiviteitenlijst,
|
|
event:{change: fGetActiviteitenlijst} "/>
|
|
<br>
|
|
<button class="onwhite"
|
|
style='margin-top:5px;'
|
|
data-bind="click: NewActiviteit"> nieuwe activiteit </button>
|
|
<hr />
|
|
<table id="tbAL" style="border-collapse:collapse; cellspacing:0">
|
|
<tbody data-bind="foreach: alijst">
|
|
<tr data-bind="attr:{id:'trAL' + id}">
|
|
<td style="width:21px;padding-left:5px; vertical-align:top; text-align: right"
|
|
data-bind="click: $root.DeleteActiviteit"
|
|
class="delete">
|
|
</td>
|
|
<td data-bind ="text: naam,
|
|
click: $root.toonActiviteit,attr:{id: 'selAct' + id}"
|
|
style ="min-width: 200px;font-size:0.9em; padding-left:5px; cursor:pointer;" >
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div> <!-- float left -->
|
|
<div style="float:right; width:645px; margin-right:5px; height:535px;padding-left: 5px; padding-top:5px;margin-top:3px;
|
|
background-color:#f2f2f2; overflow-y:scroll;">
|
|
|
|
<p class="pheader"> Activiteitomschrijving <!-- <input style="width:0px;height:0px;border:none" id="fakeact" /> --></p>
|
|
<table data-bind="with: activiteit" class="acttable">
|
|
<tr>
|
|
<td style="width: 30%"> Activiteit</td>
|
|
<td style="width: 65%">
|
|
<input id="focushierA"
|
|
style="width: 99%"
|
|
data-bind="value: naam,
|
|
enable:$parent.wijzigbaar(),
|
|
event:{change:$parent.OpslaanAct}" />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td> Omschrijving</td>
|
|
<td> <textarea
|
|
style= "width: 99%"
|
|
data-bind="value: omschrijving,
|
|
enable: $parent.wijzigbaar(),
|
|
event:{change:$parent.OpslaanAct}" >
|
|
</textarea> </td>
|
|
</tr>
|
|
<tr>
|
|
<td> Bron</td>
|
|
<td data-bind="text: bron">
|
|
</td>
|
|
</tr>
|
|
<!-- <tr data-bind="visible: $parent.isAdmin()">
|
|
<td> Niveau</td>
|
|
<td>
|
|
<select data-bind="options: $parent.niveaus,
|
|
optionsText:'omschrijving',
|
|
optionsValue:'id',
|
|
selectedOptions: $parent.selectedNiveau,
|
|
optionsCaption: 'kies het niveau',
|
|
enable:$parent.wijzigbaar(), event:{change:$parent.OpslaanAct}" >
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
--> <tr data-bind="visible: $parent.isAdmin()">
|
|
<td> Fase</td>
|
|
<td>
|
|
<select data-bind="options: $parent.fases,
|
|
optionsText:'naam',
|
|
optionsValue:'id',
|
|
value: $parent.selectedFase,
|
|
optionsCaption: 'kies de fase',
|
|
enable:$parent.wijzigbaar(), event:{change:$parent.OpslaanAct}" >
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td> Duur</td>
|
|
<td> <input class= "intveld" data-bind="value: duur, event:{change:$parent.OpslaanAct}" /> dagen</td>
|
|
</tr>
|
|
|
|
</table>
|
|
<p class="pheader" >Verwachte opbrengsten </p>
|
|
<p data-bind="with: activiteit">
|
|
<textarea style="width:99%"
|
|
data-bind="value:resultaatomschrijving,
|
|
enable: $root.wijzigbaar(),
|
|
event:{blur:$parent.OpslaanAct},
|
|
visible:$parent.show()>0">
|
|
</textarea>
|
|
</p>
|
|
<p class="pheader">Inhouden </p>
|
|
<div style="width:45%; float:left;" data-bind='visible: show()> 0' >
|
|
<span style="font-size:0.8em"> Inhouden bij deze activiteit</span>
|
|
<div style="width: 100%; height:120px;overflow-y:scroll; background-color:#f2f2f2;border:1px solid #975796; ">
|
|
<table id="hulpIn" class="acttable">
|
|
<tbody data-bind="foreach: hulpmiddelen" >
|
|
<tr class="lsdraggable">
|
|
<td valign="top" style="width:70px">
|
|
<!-- <span class="icon-info-sign" data-bind="click: $parent.fToonHulp"></span>
|
|
<span class="icon-file" data-bind="click:$parent.showUploads"></span > -->
|
|
<i class="icon-info-sign"
|
|
style="margin-right:0px"
|
|
data-bind="click: $parent.fToonHulp"></i>
|
|
<i class="icon-file"
|
|
style="margin-right:0px"
|
|
data-bind="click:$parent.showUploads"></i>
|
|
</td>
|
|
<td data-bind="text:omschrijving,
|
|
click: $parent.fSelectMiddel,attr:{id:'lsHulp' + id}"
|
|
style='width:300px'> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div style="float:left; padding-left:12px; width:7%" data-bind='visible: show()> 0' >
|
|
<button class="onwhite "
|
|
style="margin-top:30px"
|
|
data-bind="click: NaarActiviteit"><< </button>
|
|
|
|
<button class="onwhite "
|
|
style="margin-top:10px"
|
|
data-bind="click: NaarOther"> >> </button>
|
|
</div>
|
|
<div style="width:46%; float:right; " data-bind='visible: show()> 0' >
|
|
<span style="font-size:0.8em">Overige Inhouden</span>
|
|
<div style="height:120px; overflow-y:scroll ; background-color:#f2f2f2;border:1px solid #975796; margin-right:10px">
|
|
<table id="hulpOut" class="acttable">
|
|
<tbody data-bind="foreach:otherhulpmiddelen" >
|
|
<tr data-bind="attr:{id:'lsTRtoDrop' + id}" class="lsdraggable">
|
|
<td valign="top" width="80px">
|
|
<i class="icon-info-sign" data-bind="click: $parent.fToonHulp" style="margin-right:2px;display:inline-block"></i>
|
|
<i class="icon-file" data-bind="click:$parent.showUploads"></i>
|
|
</td>
|
|
<td data-bind="text:omschrijving, click: $parent.fSelectMiddel,attr:{id:'lsHulp' + id}" style='width:290px'></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class='clearfix'> </div>
|
|
<p class="pheader" style="margin-top:10px;">Communicatie defaults </p>
|
|
<table data-bind="with: activiteit" class="acttable">
|
|
<tr>
|
|
<td style='width:300px'> stuur e-mail</td>
|
|
<td><input class="intveld" data-bind="value:email_dagen, event:{change:$parent.OpslaanAct}"/> dagen voor deadline </td>
|
|
</tr>
|
|
<tr>
|
|
<td style='width:300px'> stuur mail aan projectleider</td>
|
|
<td> <input type="checkbox" data-bind="checked: email_pleider, click:$parent.OpslaanAct" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td style='width:300px'>stuur mail aan verantwoordelijke</td>
|
|
<td><input type="checkbox" data-bind="checked: email_verantwoordelijke, click:$parent.OpslaanAct" /> </td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p class="pheader">Doelgroepen
|
|
<span style="margin-left: 485px"
|
|
data-bind="visible: isAdmin(),
|
|
click: MaakNewDoelgroep"> + </span>
|
|
</p>
|
|
<div style="width:45%; float:left; " data-bind='visible: show()> 0' >
|
|
<span style="font-size:0.8em"> Doelgroepen bij deze activiteit</span><br/>
|
|
<div style ="width:100%; height:100px; overflow-y:scroll;border:1px solid #975796;">
|
|
<table id="groepIn" class="acttable">
|
|
<tbody data-bind="foreach: doelgroepen" >
|
|
<tr class="lsdraggable">
|
|
<td data-bind="text:omschrijving,
|
|
click: $parent.fSelectGroep,
|
|
attr:{id:'lsGroep' + id}"
|
|
style='width:300px'>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div> <!-- float left -->
|
|
<div style="float:left; padding-left:12px;width:7%" data-bind='visible: show()> 0' >
|
|
<button class="onwhite "
|
|
style="margin-top: 30px"
|
|
data-bind="click: NaarDoelgroep"> <<</button>
|
|
|
|
<button class="onwhite "
|
|
style="margin-top:10px"
|
|
data-bind="click: UitDoelgroep"> >> </button>
|
|
</div>
|
|
<div style="width:46%; float:right" data-bind='visible: show()> 0' >
|
|
<span style="font-size:0.8em">Overige doelgroepen</span> <br/>
|
|
<div style="height:100px; overflow-y:scroll; border:1px solid #975796; margin-right:10px">
|
|
<table id="groepOut" class="acttable">
|
|
<tbody data-bind="foreach:otherdoelgroepen" >
|
|
<tr class="lsdraggable">
|
|
<td data-bind="text:omschrijving,click: $parent.fSelectGroep, attr:{id:'lsGroep' + id}" style='width:300px'></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div> <!-- float right -->
|
|
|
|
<div class='clearfix'> </div>
|
|
<p class="pheader" style="margin-top:10px">Standaard kosten
|
|
<span style="margin-left: 450px"
|
|
data-bind="visible: wijzigbaar(), click: fMaakNewKostenregel"> + </span>
|
|
</p>
|
|
<table style="width: 100%" data-bind="visible: kosten().length>0">
|
|
<thead>
|
|
<tr style="background-color: #975796; color:#fff">
|
|
<td style= "width:5%"> </td>
|
|
<td style="width: 75%; padding-left:3px">omschrijving</td>
|
|
<td style="width: 20%; text-align:right">bedrag</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach: kosten">
|
|
<tr>
|
|
<td data-bind="click: $parent.fDeleteKostenregel"> - </td>
|
|
<td> <input data-bind="value:omschrijving, event:{blur: $parent.fSaveKosten}"
|
|
style="width:98%" /></td>
|
|
<td> <input class="realveld"
|
|
style="width:96%"
|
|
data-bind="value: bedrag, event:{blur: $parent.fSaveKosten}" /></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div> <!-- grote float right -->
|
|
|
|
|
|
|