109 lines
4.6 KiB
PHP
109 lines
4.6 KiB
PHP
<style>
|
|
td.PijlerClose{
|
|
background:url("/css/images/arrowright.png") 50% 50% no-repeat;
|
|
}
|
|
td.PijlerOpen{
|
|
background:url("/css/images/ArrowDown.png") 50% 50% no-repeat;
|
|
}
|
|
</style>
|
|
<?php $this->load->view("ijkpartituur/popups/popAgenda"); ?>
|
|
|
|
<div id="planning-pagina">
|
|
<?php $this->load->view("ijkpartituur/popups/popTaakEditor"); ?>
|
|
<?php $this->load->view("ijkpartituur/popups/popTaakSelector"); ?>
|
|
<?php $this->load->view("ijkpartituur/popups/popToevoegenDoelgroep"); ?>
|
|
<?php $this->load->view("ijkpartituur/popups/popwijzigpijler"); ?>
|
|
<?php $this->load->view("ijkpartituur/popups/popUploadANote"); ?>
|
|
|
|
<div style="padding-left:20px">
|
|
<button data-bind='click: addAboveCurrentTask' class="gantt addabove" title="activiteit invoegen boven"></button>
|
|
<button data-bind='click: addBelowCurrentTask' class="gantt addbelow" title="activiteit invoegen onder"></button>
|
|
<span class="ganttButtonSeparator"></span>
|
|
<button data-bind='click:moveUp' class="gantt ganttUp" title="naar boven"></button>
|
|
<button data-bind='click:moveDown' class="gantt ganttDown" title="naar benedenn"></button>
|
|
<span class="ganttButtonSeparator"></span>
|
|
<button data-bind='click:deleteCurrent' class="gantt delete" title="verwijderen"></button>
|
|
|
|
<span class="ganttButtonSeparator"></span>
|
|
<span style='margin-left: 55px'> ga naar </span>
|
|
<input style="position:relative; z-index:200"
|
|
readonly="readonly"
|
|
data-bind="datepicker:{},
|
|
value: targetDate,
|
|
event: {change: gottoDate}"
|
|
class="datveld" />
|
|
<button data-bind="value: zoomlevel, click:zoomMinus" class="gantt minknop" title="uitzoomen"></button>
|
|
<button data-bind="value: zoomlevel, click:zoomPlus" class="gantt plusknop" title="inzoomen"></button>
|
|
<span class="ganttButtonSeparator"></span>
|
|
<!-- <button onclick='openResourceEditor()' class='gantttext'>mensen</button> -->
|
|
<button data-bind='click: fGetAgenda' class='gantttext'>agenda</button>
|
|
|
|
</div> <!-- EINDE CLASS = BUTTONS -->
|
|
|
|
<div class="takenlijst">
|
|
<table class="gTable" id="TabelTakenLijst" cell-spacing=0px>
|
|
<thead>
|
|
<tr >
|
|
<th class='gColHeader' style="width:30px"></th>
|
|
<th class="gColHeader" style="width:25px;">%</th>
|
|
<th class="gColHeader" style="width:265px;">activiteit</th>
|
|
<th class="gColHeader" style="width:15px"> </th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach:GanttTaken">
|
|
<tr data-bind=" attr:{id:'pijl' + id}" class="gSelectable pijlhead" >
|
|
<td data-bind="click:$parent.fToonPijler" class="gCell">
|
|
<img data-bind=" attr:{id: 'taak' +id} "
|
|
height=19px
|
|
src="css/images/pencil.png" alt='edit'>
|
|
</td>
|
|
<td colspan =2
|
|
class="gCell pijlhead gClickable"
|
|
data-bind="text: naam,
|
|
attr:{id: 'plr' + id,
|
|
title:omschrijving}">
|
|
</td>
|
|
<td class="PijlerOpen" data-bind="click: $parent.fOpenClose, attr:{id: 'OC' + id}">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr data-bind="visible: status()=='o' ">
|
|
<td colspan =4>
|
|
<table class="gTable actis" cell-spacing=0px >
|
|
<tbody data-bind="foreach:taakLijst">
|
|
<tr class=" gSelectable gClickable" data-bind="attr:{id: 'act' + id, 'pijlid':$parent.id, 'seq' : sequence}">
|
|
<td class="gCell editTaak gClickable"
|
|
data-bind="attr:{id:'tdk' + id},
|
|
click: $root.fToonTaakEditor">
|
|
<img data-bind=" attr:{id: 'taak' +id} "
|
|
src="css/images/pencil.png" height=19px alt='edit'>
|
|
</td>
|
|
<td class="gCell gClickable " data-bind='attr:{id: id}'>
|
|
<input class="intveld"
|
|
style='width:25px; max-height:19px' type="text" name="perc"
|
|
data-bind='value: perc,
|
|
enterkey: $root.fSavePercent,
|
|
event: {change: $root.fSavePercent}'>
|
|
</td>
|
|
<td class="gCell gClickable"
|
|
style="width:280px"
|
|
data-bind="text: naam,
|
|
attr:{id: id },
|
|
css:{'padding-left':(1*10) + 'px'}">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div> <!-- einde div takenlijst -->
|
|
|
|
<div class="dagenlijst">
|
|
<div id="puttablehere" style="position:relative">
|
|
<div id="todayLine"></div>
|
|
</div>
|
|
<!-- de "achtergrond" wordt gemaakt in gantt.js -->
|
|
</div> <!-- einde div dagenlijst -->
|
|
</div>
|