EchoTex_Payroll/HRM.UI/ClientApp/src/app/recruitment/assign-candidate/assign-candidate.component.html

50 lines
2.7 KiB
HTML
Raw Normal View History

2024-10-14 10:01:49 +06:00
<app-loading-panel> </app-loading-panel>
<div class="card card-w-title" style="color: darkviolet;
background-color: #343a40;color:white;
height: 60px">
<h1>Assign Candidate</h1>
</div>
<div class="p-col-12">
<div class="card card-w-title">
<kendo-grid [data]="gridView"
[pageSize]="10" [skip]="gridState.skip" [sort]="gridState.sort"
[pageable]="true"
[sortable]="true"
[reorderable]="true"
[resizable]="true"
[columnMenu]="{ filter: true }"
(remove)="removeHandler($event)"
(dataStateChange)="dataStateChange($event)"
(add)="addHandler()">
<ng-template kendoGridToolbarTemplate>
<!--<button kendoGridAddCommand pButton style="margin-bottom: 10px; width: 130px; height:40px; background:#50AF47; color: white;font-size:medium" class="ui-button-success">New Requisition</button>-->
<input placeholder="Search in all columns..." style="margin-bottom: 10px;" kendoTextBox (input)="onFilter($event.target.value)" />
</ng-template>
<kendo-grid-column field="gradeCode" title="Grade">
</kendo-grid-column>
<kendo-grid-column field="designationName" title="Designation">
</kendo-grid-column>
<kendo-grid-column field="departmentCode" title="Department">
</kendo-grid-column>
<kendo-grid-column field="expectedJoiningDate" title="Expected Joining Date">
<ng-template kendoGridCellTemplate let-dataItem>
{{dataItem.expectedJoiningDate | date: 'MM/dd/yyyy'}}
</ng-template>
</kendo-grid-column>
<kendo-grid-column field="status" title="Status">
<ng-template kendoGridCellTemplate let-dataItem>
{{reqStatus[dataItem.status]}}
</ng-template>
</kendo-grid-column>
<kendo-grid-command-column title="Action" width="100">
<ng-template kendoGridCellTemplate let-dataItem>
<button kendoGridEditCommand (click)="editHandler(dataItem)" pButton style="height:20px; background:#3d75db; color: white;font-size:medium" class="ui-button-success">Edit</button>
<!--<button kendoGridRemoveCommand style="color:red"><i class="pi pi-trash"></i></button>-->
<button [primary]="true" kendoGridAddCommand pButton style="height:20px; background:#50AF47; color: white;font-size:medium" class="ui-button-success">Add</button>
</ng-template>
</kendo-grid-command-column>
</kendo-grid>
</div>
</div>