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

96 lines
4.9 KiB
HTML

<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="plus" kendoButton [primary]="true" (click)="OpenForm();" style="height:100%;margin-bottom:2px;float:right">Add Questions</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 Question
</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">Question Category</label>
</div>
<div class="p-col-12 p-lg-4">
<kendo-dropdownlist class="form-control form-control-sm input-sm" style="width:100%"
id="questionCategory" [data]="questionCategoryList"
[defaultItem]="{ description: 'Select Question Category', id: null }" [textField]="'description'"
[valueField]="'id'" [valuePrimitive]="true" [(ngModel)]="categoryID">
</kendo-dropdownlist>
</div>
<div class="p-col-1">
<button class="k-button k-primary" style="float:right;" (click)="search()">Find</button>
</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">
</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-12">
<button class="k-button k-primary" style="float:right;" (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="questionBody" title="Question" width="200"></kendo-grid-column>
<kendo-grid-column field="noOfOptions" title="No of Options" width="150"></kendo-grid-column>
<kendo-grid-column field="categoryString" title="Category" width="150"></kendo-grid-column>
</kendo-grid>
</div>
</div>
<kendo-dialog-actions>
<div class="p-grid" style="margin:15px;">
<div class="p-col-11">
<button class="k-button k-primary" (click)="onSelect($event)" style="float:right;">Select</button>
</div>
<div class="p-col-1">
<button class="k-button k-primary" (click)="onCancel($event)" style="float:right;backgrodcolor:red">Cancel</button>
</div>
</div>
<!--<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>