EchoTex_Payroll/HRM.UI/ClientApp/src/app/picker/recruitement-recuisition-picker.component.html

60 lines
3.2 KiB
HTML
Raw Normal View History

2024-10-14 10:01:49 +06:00
<div>
<div>
<div>
<kendo-autocomplete #autocompleteEmpCode [disabled]="true" [data]="requisitionNameList"
[(ngModel)]="selectedAutoRequisition" [value]="selectedAutoRequisition"
placeholder="Select Requisition.." (valueChange)="valueChange($event)" [filterable]="true"
(filterChange)="handleFilter($event)" style="width:90%"></kendo-autocomplete>
<button icon="search" kendoButton [primary]="true" [disabled]="!active" (click)="OpenForm()"
style="width:10%"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </button>
</div>
<!--<button icon="search" kendoButton class="btn btn-sm btn-primary" [disabled]="!active" (click)="OpenForm()">Search Recruitment</button> &nbsp;
<label for="txtEmpNo">Name: <b>&nbsp;{{requisitionName}}</b></label>-->
</div>
<div class="p-grid" *ngIf="gridMultiSelect">
<div class="p-col-12">
<button icon="search" kendoButton class="btn btn-sm btn-primary" [disabled]="!active"
(click)="OpenForm()">Search Recruitment</button> &nbsp;
<label for="txtEmpNo">Count: {{employeeCount}}</label>
</div>
</div>
</div>
<kendo-dialog class="blur-background alignCenter" *ngIf="showPopUp" (close)="closeForm()" [maxWidth]="800"
[Height]="500">
<app-loading-panel> </app-loading-panel>
<kendo-dialog-titlebar>
Search Recruitment Requisition
</kendo-dialog-titlebar>
<kendo-dialog-content>
<div class="p-grid">
<div class="p-col-12" align="right">
<button icon="search" kendoButton [primary]="true" (click)="search()">Find</button>
</div>
</div>
<div class="p-grid">
<div class="p-col-12">
<kendo-grid [data]="searchItems" [scrollable]="true" style="height: 320px;" [sortable]="true"
[reorderable]="true" [resizable]="true" [selectedKeys]="taggedSelection"
[selectable]="selectableSettings" [kendoGridSelectBy]="'id'">
<kendo-grid-checkbox-column showSelectAll="true" [width]="40" [headerClass]="{'text-center': true}"
[class]="{'text-center': true}"></kendo-grid-checkbox-column>
<kendo-grid-column field="positionNo" title="Position No"></kendo-grid-column>
<kendo-grid-column field="positionName" title="Position Name"></kendo-grid-column>
<kendo-grid-column field="departmentName" title="Department"></kendo-grid-column>
<kendo-grid-column field="createdDate" title="Date">
<ng-template kendoGridCellTemplate let-dataItem>
{{dataItem.createdDate | date: 'MM/dd/yyyy'}}
</ng-template>
</kendo-grid-column>
</kendo-grid>
</div>
</div>
<div class="p-grid">
<div class="p-col-12" align="right">
<button icon="close" kendoButton (click)="onCancel($event)">Close</button>
<button icon="save" kendoButton [primary]="true" (click)="onSelect($event)">Select</button>
</div>
</div>
</kendo-dialog-content>
</kendo-dialog>