EchoTex_Payroll/HRM.UI/ClientApp/src/app/picker/asset-serial-picker.component.html
2024-10-14 10:01:49 +06:00

99 lines
4.9 KiB
HTML

<div >
<!-- <div>
<button icon="search" kendoButton class="btn btn-sm btn-primary" [disabled]="!active" (click)="OpenForm()" style="width:15%">{{requisitionName}}</button> &nbsp;
</div> -->
<div class="p-col-12 form-control form-control-sm">
<input type="text"
[(ngModel)]="requisitionName" pInputText style="width: 90%; height: 28px;" readonly>
<button icon="search" kendoButton [primary]="true" (click)="OpenForm();" style="width:10%;height:100%;margin-bottom:2px;"> </button>
<!-- <button kendoButton icon="close" [primary]="true" (click)="clear();" style="width:10%; height: 100%; margin-bottom: 2px;"> </button> -->
</div>
</div>
<kendo-dialog *ngIf="showPopUp" (close)="closeForm()" style="height: 70%; width: 70%; position: fixed; top: 50%;left: 50%;transform: translate(-50%, -50%);">
<app-loading-panel> </app-loading-panel>
<kendo-dialog-titlebar>
Search Asset Serial
</kendo-dialog-titlebar>
<div class="p-col-12">
<div class="p-col-12 p-lg-12">
<div class="p-grid">
<div class="p-col-12 p-lg-2">
<label for="txtAssetCategory">Asset Category</label>
</div>
<div class="p-col-12 p-lg-4">
<app-dynamic-picker [dynamicPickerView]="assetCategoryPicker"></app-dynamic-picker>
</div>
<div class="p-col-12 p-lg-2">
<label for="ddlAsset">Asset</label>
</div>
<div class="p-col-12 p-lg-4">
<kendo-dropdownlist class="form-control form-control-sm input-sm"
style="width:100%"
id="ddlAsset"
[data]="assetList"
[defaultItem]="{ name: 'Select Asset', id: null }"
[textField]="'name'"
[valueField]="'id'"
[(ngModel)]="assetid"
[valuePrimitive]="true">
</kendo-dropdownlist>
</div>
</div>
<div class="p-grid">
<div class="p-col-12 p-lg-2">
<label for="txtCategory">Status</label>
</div>
<div class="p-col-12 p-lg-4">
<kendo-dropdownlist
[data]="statusList"
[defaultItem]="{ name: 'Select Status..', value: null }"
[textField]="'name'"
[valueField]="'value'"
[valuePrimitive]="true"
[(ngModel)]="status"
class="form-control form-control-sm input-sm" [disabled]="active">
</kendo-dropdownlist>
</div>
</div>
</div>
</div>
<div class="row">
<div class="p-col-12">
<div class="p-col-12">
<b></b>
</div>
<div class="p-col-6">
<button class="k-button k-primary" (click)="search()">Find</button>
</div>
</div>
</div>
<div class="row">
<div class="p-col-12">
<kendo-grid [data]="searchItems"
style="height: 323px;"
[sortable]="true"
[groupable]="true"
[reorderable]="true"
[resizable]="true"
[selectedKeys]="taggedSelection"
[selectable]="selectableSettings"
[kendoGridSelectBy]="'id'">
<kendo-grid-checkbox-column showSelectAll="true" [width]="25" [headerClass]="{'text-center': true}" [class]="{'text-center': true}"></kendo-grid-checkbox-column>
<kendo-grid-column field="serialNo" title="Serial No" width="200"></kendo-grid-column>
<kendo-grid-column field="specification" title="Specification" width="150"></kendo-grid-column>
<kendo-grid-column field="uniqueIndentifier" title="Unique Indentifier" width="150"></kendo-grid-column>
</kendo-grid>
</div>
</div>
<kendo-dialog-actions>
<button class="k-button k-primary" (click)="onSelect($event)">Select</button>
<button class="k-button" (click)="onCancel($event)">Cancel</button>
</kendo-dialog-actions>
</kendo-dialog>