146 lines
7.8 KiB
HTML
146 lines
7.8 KiB
HTML
|
|
||
|
<!--<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>-->
|