EchoTex_Payroll/HRM.UI/ClientApp/src/app/ess/data-permssion/data-permssion.component.html

146 lines
7.8 KiB
HTML
Raw Normal View History

2024-10-14 10:01:49 +06:00
<!--<div class = "p-grid" style="margin: auto;">
<div class="p-col-12 p-md-12 p-lg-12" style="margin: auto;">
<div class="p-grid" style="margin: auto;">
<div class="p-col-12 p-lg-2" style="margin: auto; ">
<label for="ddlUserType" >User Type</label>
</div>
<div class="p-col-12 p-lg-4">
<kendo-dropdownlist
style="width:100%"
[data]="roleTypes"
[defaultItem]="{ name: 'Select User Type', value: null }"
[textField]="'name'"
[valueField]="'value'"
[(ngModel)]="_selectedRoleType"
(valueChange)="onUserTypeChange($event)"
>
</kendo-dropdownlist>
</div>
<div class="p-col-12 p-lg-2" style="margin: auto;">
<label for="ddlUser" style="margin-left: 15px;">User</label>
</div>
<div class="p-col-12 p-lg-4">
<kendo-dropdownlist
style="width:100%"
[data]="users"
[defaultItem]="{ userName: 'Select User', userID: null }"
[textField]="'userName'"
[valueField]="'userID'"
[(ngModel)]="selectedUser"
(valueChange)="onUserChange($event)"
>
</kendo-dropdownlist>
</div>
<div class="p-col-12 p-lg-2" style="margin: auto;">
<label for="ddlPayrollType">Payroll Type</label>
</div>
<div class="p-col-12 p-lg-4">
<kendo-dropdownlist
style="width:100%"
[data]="payrollType"
[defaultItem]="{ description: 'Select Payroll Type', id: null }"
[textField]="'description'"
[valueField]="'id'"
[valuePrimitive]="true"
formControlName="BarnchID"
(valueChange)="onPayrollChange($event)"
>
</kendo-dropdownlist>
</div>
<div class="p-col-12 p-lg-2" style="margin: auto;">
<label for="ddlBranch" style="margin-left: 15px;">Permission Type</label>
</div>
<div class="p-col-12 p-lg-4">
<kendo-dropdownlist class="form-control form-control-sm input-sm"
style="width:100%"
[data]="permissionTypes"
[defaultItem]="{ name: 'Select Permission Type', id: null }"
[textField]="'name'"
[valueField]="'id'"
(selectionChange)="EventPermissionType($event)"
formControlName="BarnchID">
</kendo-dropdownlist>
</div>
<ng-container *ngIf="this.isCategory == true">
<div class="p-col-12 p-lg-2">
<label for="txtDepartment">Category</label>
</div>
<div class="p-col-12 p-lg-4">
<app-dynamic-picker [dynamicPickerView]="_categoryPicker"
></app-dynamic-picker>
</div>
</ng-container>
<ng-container *ngIf="this.isLocation == true">
<div class="p-col-12 p-lg-2">
<label for="txtDepartment">Location</label>
</div>
<div class="p-col-12 p-lg-4">
<app-dynamic-picker [dynamicPickerView]="_locationPicker"
></app-dynamic-picker>
</div>
</ng-container>
<ng-container *ngIf="this.isDepartment == true">
<div class="p-col-12 p-lg-2">
<label for="txtDepartment">Department</label>
</div>
<div class="p-col-12 p-lg-4">
<app-dynamic-picker [dynamicPickerView]="_departmentPicker"
></app-dynamic-picker>
</div>
</ng-container>
<ng-container *ngIf="this.isGrade == true">
<div class="p-col-12 p-lg-2">
<label for="txtDepartment" >Grade</label>
</div>
<div class="p-col-12 p-lg-4">
<app-dynamic-picker [dynamicPickerView]="_gradePicker"
></app-dynamic-picker>
</div>
</ng-container>
<div class="p-col-12 p-md-12">
<button kendoButton class="k-button k-primary" icon="add" style="width:180px ;float:right" (click)="addPermission()">
Add
</button>
</div>
<div class="p-col-12 p-lg-12">
<kendo-grid [data]="_dataPermissionGrid"
[pageable]="true"
[sortable]="true"
[reorderable]="true"
[resizable]="true"
[columnMenu]="{ filter: true }">
<kendo-grid-column field="permissionType" title="Permission Type" width="15%">
<ng-template kendoGridCellTemplate
let-dataItem
let-rowIndex="rowIndex">
{{ getStatusString(dataItem.permissionType) }}
</ng-template>
</kendo-grid-column>
<kendo-grid-column field="createdDate" title="Permission On" width="15%">
</kendo-grid-column>
<kendo-grid-column field="permissionStatus"title="Remarks" width="70%">
<ng-template kendoGridCellTemplate
let-dataItem
let-rowIndex="rowIndex">
{{ getPermissionStatus(dataItem.permissionStatus) }}
</ng-template>
</kendo-grid-column>
</kendo-grid>
</div>
</div>
</div>
</div>-->