89 lines
3.8 KiB
PHP
89 lines
3.8 KiB
PHP
<div class="panel panel-bordered panel-primary panel-line">
|
|
<div class="panel-heading panel-heading-project">
|
|
<h3 class="">
|
|
kosten
|
|
</h3>
|
|
</div>
|
|
<div class="panel-body panel-body-project">
|
|
<table class="table table-sm">
|
|
<thead>
|
|
<th class="table-cyanish-header">
|
|
externe
|
|
</th>
|
|
<th class="table-cyanish-header">
|
|
omschrijving
|
|
</th>
|
|
<th class="table-cyanish-header">
|
|
datum
|
|
</th>
|
|
<th class="table-cyanish-header">
|
|
bedrag
|
|
</th>
|
|
<th class="table-cyanish-header" width="40px">
|
|
|
|
</th>
|
|
</thead>
|
|
<tbody data-bind="foreach:projecthours">
|
|
<tr>
|
|
<td>
|
|
<span data-bind="text:fullname, visible:! inEdit()"></span>
|
|
<select class="form-control form-control-sm"
|
|
data-bind="options:$root.projectEmployees,
|
|
optionsText:'fullname',
|
|
optionsValue:'id',
|
|
value:projectemployee_id,
|
|
optionsCaption:'medewerker',
|
|
visible: inEdit(),
|
|
event:{change:$root.saveProjecthour}">
|
|
</select>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind=" visible: ! inEdit()">
|
|
<span data-bind="text:hours"></span>
|
|
uur
|
|
</span>
|
|
<input type="text"
|
|
class="form-control form-control-sm align-right"
|
|
paceholder="uren"
|
|
data-bind="textInput:hours, visible:inEdit,
|
|
event:{change:$root.saveProjecthour,keyup:$root.validateNumber.bind($data, 'hours')}"/>
|
|
</td>
|
|
<td>
|
|
<span data-bind="text:hourdate, visible:! inEdit()"></span>
|
|
<input type="text"
|
|
class="form-control form-control-sm"
|
|
placeholder="start"
|
|
data-bind="datepicker:{dateFormat: 'dd-mm-yy' },
|
|
value:hourdate, visible:inEdit,
|
|
event:{change:$root.saveProjecthour}"/>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind=" visible: ! inEdit()">
|
|
<i class="icon fa-euro"></i>
|
|
<span data-bind="text:paymentamount"></span>
|
|
</span>
|
|
<input type="text"
|
|
class="form-control form-control-sm align-right"
|
|
paceholder="bedrag"
|
|
data-bind="textInput:paymentamount, visible:inEdit,
|
|
event:{change:$root.savePayment,keyup:$root.validateNumber.bind($data, 'paymentamount')}"/>
|
|
</td>
|
|
<td>
|
|
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editProjecthour"></i>
|
|
<i class="icon fa-trash redish pointer" title="verwijder"
|
|
data-bind="click:$root.removeProjecthour"></i>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="5">
|
|
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newProjecthour">
|
|
nieuwe projecturen
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div> |