115 lines
6.4 KiB
PHP
115 lines
6.4 KiB
PHP
<div class="modal modal-fade-in-scale-up modal-primary" tabindex="-1" id="employee-target-modal">
|
|
<div class="modal-dialog" role="document" style="width:700px;">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">toevoegen / wijzigen medewerker uren
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</h5>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<table class="table table-condensed">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="2">start</th>
|
|
<th colspan="2">eind</th>
|
|
<th colspan="2"> </th>
|
|
</tr>
|
|
<tr>
|
|
<th width="25%">maand</th>
|
|
<th width="17%">jaar</th>
|
|
<th width="25%">maand</th>
|
|
<th width="17%">jaar</th>
|
|
<th width="16%" title="target per maand">target p/m</th>
|
|
<th> </th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<!-- ko foreach:employeeTargets -->
|
|
<tr>
|
|
<td data-bind="css:{'red-line': ! saved()}">
|
|
<select data-bind="options:$root.months,
|
|
optionsText:'month',
|
|
optionsValue:'monthID',
|
|
value:startmonth,
|
|
disable: ! changeable(),
|
|
event:{change:$root.setUnsaved}"
|
|
class="form-control">
|
|
</select>
|
|
</td>
|
|
<td data-bind="css:{'red-line': ! saved()}">
|
|
<select data-bind="options:$root.years,
|
|
optionsText:'year',
|
|
optionsValue:'year',
|
|
value:startyear,
|
|
disable: ! changeable(),
|
|
event:{change:$root.setUnsaved}"
|
|
class="form-control">
|
|
</select>
|
|
</td>
|
|
<td data-bind="css:{'red-line': ! saved()}">
|
|
<select data-bind="options:$root.months,
|
|
optionsText:'month',
|
|
optionsValue:'monthID',
|
|
value:endmonth,
|
|
disable: ! changeable(),
|
|
optionsCaption:'selecteer...',
|
|
event:{change:$root.setUnsaved}"
|
|
class="form-control">
|
|
</select>
|
|
</td>
|
|
<td data-bind="css:{'red-line': ! saved()}">
|
|
<select data-bind="options:$root.years,
|
|
optionsText:'year',
|
|
optionsValue:'year',
|
|
value:endyear,
|
|
disable: ! changeable(),
|
|
optionsCaption:'selecteer...',
|
|
event:{change:$root.setUnsaved}"
|
|
class="form-control">
|
|
</select>
|
|
</td>
|
|
<td data-bind="css:{'red-line': ! saved()}">
|
|
<input type="text"
|
|
class="form-control"
|
|
data-bind="textInput:target,
|
|
disable: ! changeable(),
|
|
event:{keyup:$root.checkNumeric},
|
|
event:{change:$root.setUnsaved}">
|
|
</td>
|
|
<td data-bind="css:{'red-line': ! saved()}">
|
|
<button class="btn btn-success"
|
|
data-bind="disable: ! validTarget(),
|
|
click:$root.saveEmployeeTarget,
|
|
visible: changeable()">
|
|
opslaan
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
<!-- /ko -->
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th colspan="6">
|
|
<i class="icon fa-plus-square-o pull-right pointer"
|
|
data-bind="click:addEmployeeTarget, visible:newTarget()"></i>
|
|
</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button"
|
|
class="btn btn-warning"
|
|
data-dismiss="modal">
|
|
sluiten
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |