75 lines
3.1 KiB
HTML
75 lines
3.1 KiB
HTML
<div [formGroup]="pickerFormGroup" >
|
|
|
|
<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 Employee</button>
|
|
<label for="txtEmpNo">Count: {{employeeCount}}</label>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<kendo-dialog *ngIf="showPopUp" class ="blur-background" (close)="closeForm()" maxHeight="600">
|
|
<kendo-dialog-titlebar>
|
|
Search Employee
|
|
</kendo-dialog-titlebar>
|
|
|
|
<div class="p-grid">
|
|
<div class="p-col-12">
|
|
<fieldset style="max-height:200px;">
|
|
<legend>Search Condition</legend>
|
|
<div class="p-grid">
|
|
<div class="p-col-4 p-md-2">
|
|
<b><label>Employee ID</label></b>
|
|
</div>
|
|
<div class="p-col-8 p-md-4">
|
|
<input type="text" placeholder="Employee ID" style="height: calc(1.4285714286em + 10px);" [(ngModel)]="employeeCode" kendoTextBox />
|
|
</div>
|
|
<div class="p-col-4 p-md-2">
|
|
<b><label>Name (Partial)</label></b>
|
|
</div>
|
|
<div class="p-col-8 p-md-4">
|
|
<input type="text" placeholder="Employee Name" style="height: calc(1.4285714286em + 10px);" [(ngModel)]="employeeName" kendoTextBox />
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
<div class="p-grid">
|
|
<div class="p-col-12">
|
|
<button class="k-button k-primary" (click)="search()">Find</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="p-grid">
|
|
<div class="p-col-12">
|
|
<kendo-grid [data]="searchEmployees"
|
|
style="margin:2px;height:300px;width:800px;"
|
|
[sortable]="true"
|
|
[groupable]="true"
|
|
[reorderable]="true"
|
|
[resizable]="true"
|
|
[selectedKeys]="taggedSelection"
|
|
[selectable]="selectableSettings"
|
|
[kendoGridSelectBy]="'employeeID'">
|
|
<kendo-grid-checkbox-column [width]="40" [headerClass]="{'text-center': true}" [class]="{'text-center': true}"></kendo-grid-checkbox-column>
|
|
<kendo-grid-column field="name" title="Employee Name" width="200"></kendo-grid-column>
|
|
<kendo-grid-column field="employeeNo" title="Employee ID" width="150"></kendo-grid-column>
|
|
<kendo-grid-column field="gradeName" title="Grade" width="100"></kendo-grid-column>
|
|
<kendo-grid-column field="designationName" title="Designation" width="250"></kendo-grid-column>
|
|
</kendo-grid>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="k-grid">
|
|
<div class="k-grid" align="right">
|
|
<button class="k-button" (click)="onCancel($event)">Cancel</button>
|
|
<button class="k-button k-primary" (click)="onSelect($event)">Select</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</kendo-dialog>
|