EchoTex_Payroll/HRM.UI/ClientApp/src/app/attendance/attendance-process/attendance-process.component.html

67 lines
2.4 KiB
HTML
Raw Normal View History

2024-10-14 10:01:49 +06:00
<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>