67 lines
2.4 KiB
HTML
67 lines
2.4 KiB
HTML
|
<app-loading-panel> </app-loading-panel>
|
||
|
<form>
|
||
|
<div class="card card-w-title">
|
||
|
<div class="p-grid form-group">
|
||
|
<div class="p-col-12 p-md-5">
|
||
|
<div class="p-col-12">
|
||
|
<label for="processFromDate">Process From</label>
|
||
|
</div>
|
||
|
<div class="p-col-12">
|
||
|
<!--Use Kendo Date Picker-->
|
||
|
<kendo-datepicker
|
||
|
id="dtpProcessFromDate"
|
||
|
[(value)]="fromDate"
|
||
|
[format]="'dd-MMM-yyyy'"
|
||
|
style="width: 100%"
|
||
|
></kendo-datepicker>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="p-col-12 p-md-5">
|
||
|
<div class="p-col-12">
|
||
|
<label for="processToDate">Process To</label>
|
||
|
</div>
|
||
|
<div class="p-col-12">
|
||
|
<!--Use Kendo Date Picker-->
|
||
|
<kendo-datepicker
|
||
|
id="dtpProcessToDate"
|
||
|
[(value)]="toDate"
|
||
|
[format]="'dd-MMM-yyyy'"
|
||
|
style="width: 100%"
|
||
|
></kendo-datepicker>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="p-col-12 p-md-2">
|
||
|
<div class="p-col-12">
|
||
|
<label for="employeePicker">Select Employee</label>
|
||
|
</div>
|
||
|
<div class="p-col-12">
|
||
|
<app-employee-picker
|
||
|
[MultiSelect]="true"
|
||
|
(ItemSelected)="GetSelectedEmployee($event)"
|
||
|
></app-employee-picker>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="p-grid form-group">
|
||
|
<div class="p-col-12 p-md-5">
|
||
|
<div class="p-col-12">
|
||
|
<label for="txtWP">(Number of Employees not in Work Plan : {{ employees.length }})</label>
|
||
|
</div>
|
||
|
<div class="p-col-12">
|
||
|
<button icon="rotate"
|
||
|
kendoButton
|
||
|
class="k-button k-primary"
|
||
|
(click)="onSave($event)">
|
||
|
Process Attendance
|
||
|
</button>
|
||
|
</div>
|
||
|
<div class="p-col-12">
|
||
|
<b> {{processStatus}}</b>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</form>
|