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

101 lines
4.4 KiB
HTML
Raw Normal View History

2024-10-14 10:01:49 +06:00
<div [formGroup]="pickerFormGroup">
<div *ngIf="!gridMultiSelect">
<label title="{{selectedItemText}}" placeholder="Select CV.."></label>
<button icon="search" kendoButton class="btn btn-sm btn-primary" [disabled]="!active" (click)="OpenForm()"> <i
class="fa fa-plus-circle" aria-hidden="true"></i> </button>
</div>
<div class="p-grid" *ngIf="gridMultiSelect">
<div class="p-col-12">
<button icon="search" kendoButton [primary]="true" (click)="OpenForm()"
[(disabled)]="isRequisitionSelected">Search CV</button> &nbsp;
<label for="txtEmpNo">Count: {{cvCount}}</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 CV
</kendo-dialog-titlebar>
<kendo-dialog-content>
<div class="p-grid card">
<div class="p-col-6 p-md-6 p-lg-2" style="margin: auto;">
<label for="txtFromDate"><strong>Name: </strong></label>
</div>
<div class="p-col-6 p-md-6 p-lg-4">
<input id="txtempName" [(ngModel)]="name" type="text" style="width:100%" pInputText>
</div>
<div class="p-col-6 p-md-6 p-lg-2" style="margin: auto;">
<label for="txtToFrom"><strong>Mobile: </strong></label>
</div>
<div class="p-col-6 p-md-6 p-lg-4">
<input id="txtempName" [(ngModel)]="mobile" type="text" style="width:100%" pInputText>
</div>
<div class="p-col-6 p-md-6 p-lg-2" style="margin: auto;">
<label for="ddlLeaveApplicableFor"><strong>Email :</strong></label>
</div>
<div class="p-col-6 p-md-6 p-lg-4">
<input id="txtempName" [(ngModel)]="email" type="text" style="width:100%" pInputText>
</div>
<div class="p-col-6 p-md-6 p-lg-2" style="margin: auto;">
<label for="ddlLeaveApplicableFor"><strong>Institute :</strong></label>
</div>
<div class="p-col-6 p-md-6 p-lg-4">
<input id="txtempName" [(ngModel)]="institute" type="text" style="width:100%" pInputText>
</div>
<div class="p-col-6 p-md-6 p-lg-2" style="margin: auto;">
<label for="ddlLeaveApplicableFor"><strong>Degree:</strong></label>
</div>
<div class="p-col-6 p-md-6 p-lg-4">
<kendo-dropdownlist [(ngModel)]="degreeTitleID" [data]="educationLevels"
[defaultItem]="{ description: 'Select', value: null }" [textField]="'description'"
[valueField]="'id'" [valuePrimitive]="true" class="form-control form-control-sm input-sm"
style="width: 100%;height: 36px;">
</kendo-dropdownlist>
</div>
<div class="p-col-12 p-md-12 p-lg-6" align="right">
<button icon="search" class="k-button k-primary" (click)="search()">Search</button>
</div>
</div>
<kendo-grid [data]="searchItems" [sortable]="true" [reorderable]="true" style="height: 300px;"
[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="name" title="Name" ></kendo-grid-column>
<kendo-grid-column field="email" title="Email" ></kendo-grid-column>
<kendo-grid-column field="mobile" title="Mobile" ></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 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>