83 lines
3.7 KiB
PHP
83 lines
3.7 KiB
PHP
<div class="panel panel-bordered panel-primary panel-line">
|
|
<div class="panel-heading panel-heading-project">
|
|
<h3 class="">
|
|
prognoses
|
|
</h3>
|
|
</div>
|
|
<div class="panel-body panel-body-project">
|
|
<table class="table table-sm">
|
|
<thead>
|
|
<th class="table-cyanish-header" width="25%">
|
|
jaar
|
|
</th>
|
|
<th class="table-cyanish-header" width="25%">
|
|
maand
|
|
</th>
|
|
<th class="table-cyanish-header align-right" width="35%">
|
|
bedrag
|
|
</th>
|
|
<th class="table-cyanish-header" width="15%"> </th>
|
|
</thead>
|
|
<tbody data-bind="foreach:forecasts">
|
|
<tr>
|
|
<td>
|
|
<span data-bind="text:dbo.helpers.findArrayElement('year', 'year', year(), $root.years()),
|
|
visible:! inEdit()"></span>
|
|
<select class="form-control form-control-sm"
|
|
data-bind="options:$root.years,
|
|
optionsText:'year',
|
|
optionsValue:'year',
|
|
value:year,
|
|
optionsCaption:'voer jaar in',
|
|
visible: inEdit(),
|
|
event:{change:$root.saveForecast}">
|
|
</select>
|
|
</td>
|
|
<td>
|
|
<span data-bind="text:dbo.helpers.findArrayElement('monthID', 'month', month_id(), $root.months()),
|
|
visible:! inEdit()"></span>
|
|
<select class="form-control form-control-sm"
|
|
data-bind="options:$root.months,
|
|
optionsText:'month',
|
|
optionsValue:'monthID',
|
|
value:month_id,
|
|
optionsCaption:'voer maand in',
|
|
visible: inEdit(),
|
|
event:{change:$root.saveForecast}">
|
|
</select>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="visible:!inEdit()">
|
|
<i class="icon fa-euro"></i>
|
|
<span data-bind="text:dbo.helpers.numberWithPoints(forecastamount())"></span>
|
|
</span>
|
|
<input type="text"
|
|
class="form-control form-control-sm align-right"
|
|
paceholder="bedrag"
|
|
data-bind="textInput:forecastamount, visible:inEdit,
|
|
event:{change:$root.saveForecast,keyup:$root.validateNumber.bind($data, 'forecastamount')}"/>
|
|
</td>
|
|
<td>
|
|
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editForecast"></i>
|
|
<i class="icon fa-trash redish pointer" title="verwijder"
|
|
data-bind="click:$root.removeForecast"></i>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th colspan="4">
|
|
<button class="btn btn-primary btn-round btn-sm" data-bind="click:addForecast">
|
|
nieuwe prognose
|
|
</button>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th colspan="4">
|
|
<b><h5>te prognotiseren: <span data-bind="text:toForecast"></span></h5></b>
|
|
</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div> |