added button level permissions on edit and delete buttons

aconnect-UX/1876
atif118-mfsys 4 weeks ago
parent 2756a3faa5
commit 274659a429

@ -177,13 +177,13 @@
<i class="mdi mdi-eye-outline"></i> <i class="mdi mdi-eye-outline"></i>
</button> </button>
<button class="btn btn-secondary btn-sm" <button *ngIf="buttonPermissions?.edit" class="btn btn-secondary btn-sm"
title="Edit"> title="Edit">
<i class="fas fa-pen"></i> <i class="fas fa-pen"></i>
</button> </button>
<button class="btn btn-danger btn-sm" <button *ngIf="buttonPermissions?.delete" class="btn btn-danger btn-sm"
title="Delete"> title="Delete">
<i class="fas fa-trash-alt"></i> <i class="fas fa-trash-alt"></i>
</button> </button>

@ -4,6 +4,7 @@ import { NgSelectModule } from '@ng-select/ng-select';
import { TranslateModule } from '@ngx-translate/core'; import { TranslateModule } from '@ngx-translate/core';
import { pageSizeOptions } from '../../utils/app.constants'; import { pageSizeOptions } from '../../utils/app.constants';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { ButtonManagementService } from '../../services/button-management.service';
@Component({ @Component({
selector: 'app-ib-unblock-user', selector: 'app-ib-unblock-user',
@ -16,7 +17,21 @@ export class IbUnblockUserComponent {
itemsPerPage: number = 5; itemsPerPage: number = 5;
pageSizeOptions = pageSizeOptions pageSizeOptions = pageSizeOptions
optionValue: any; optionValue: any;
buttonPermissions: any;
constructor(
private buttonManagementService: ButtonManagementService
){}
ngOnInit(){
this.getButtonPermissions();
}
itemsPerPageChanged() {} itemsPerPageChanged() {}
getButtonPermissions() {
this.buttonPermissions = this.buttonManagementService.buttonPermissions["ibUnblockUser"];
}
} }

@ -143,12 +143,12 @@
<i class="mdi mdi-eye-outline"></i> <i class="mdi mdi-eye-outline"></i>
</button> </button>
<button class="btn btn-secondary btn-sm" title="Edit"> <button *ngIf="buttonPermissions?.edit" class="btn btn-secondary btn-sm" title="Edit">
<i class="fas fa-pen"></i> <i class="fas fa-pen"></i>
</button> </button>
<button class="btn btn-danger btn-sm" title="Delete"> <button *ngIf="buttonPermissions?.delete" class="btn btn-danger btn-sm" title="Delete">
<i class="fas fa-trash-alt"></i> <i class="fas fa-trash-alt"></i>
</button> </button>
</div> </div>

@ -4,6 +4,7 @@ import { FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgSelectModule } from '@ng-select/ng-select'; import { NgSelectModule } from '@ng-select/ng-select';
import { TranslateModule } from '@ngx-translate/core'; import { TranslateModule } from '@ngx-translate/core';
import { pageSizeOptions } from '../../utils/app.constants'; import { pageSizeOptions } from '../../utils/app.constants';
import { ButtonManagementService } from '../../services/button-management.service';
@Component({ @Component({
selector: 'app-tran-purpose-setup', selector: 'app-tran-purpose-setup',
@ -15,5 +16,17 @@ export class TranPurposeSetupComponent {
pageSizeOptions = pageSizeOptions pageSizeOptions = pageSizeOptions
renewalDataExpanded: any; renewalDataExpanded: any;
itemsPerPage: number = 5; itemsPerPage: number = 5;
buttonPermissions: any;
constructor(
private buttonManagementService: ButtonManagementService
){}
ngOnInit(){
this.getButtonPermissions();
}
getButtonPermissions() {
this.buttonPermissions = this.buttonManagementService.buttonPermissions["thirdPartyRegistration"];
}
} }

@ -128,7 +128,7 @@
<th>{{'loggingTimeTaken' | translate}}</th> <th>{{'loggingTimeTaken' | translate}}</th>
<th>{{'loggingDateTime' | translate}}</th> <th>{{'loggingDateTime' | translate}}</th>
<th>{{'loggingMethod' | translate}}</th> <th>{{'loggingMethod' | translate}}</th>
<th>{{'action' | translate}}</th> <!-- <th>{{'action' | translate}}</th> -->
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -141,7 +141,7 @@
<td></td> <td></td>
<td></td> <td></td>
<td> <!-- <td>
<div <div
class="d-flex justify-content-center gap-2"> class="d-flex justify-content-center gap-2">
@ -161,7 +161,7 @@
<i class="fas fa-trash-alt"></i> <i class="fas fa-trash-alt"></i>
</button> </button>
</div> </div>
</td> </td> -->
</tr> </tr>
</tbody> </tbody>
</table> </table>

@ -127,7 +127,7 @@
<th>{{'smsOrgaCode' | translate}}</th> <th>{{'smsOrgaCode' | translate}}</th>
<th>{{'smsDate' | translate}}</th> <th>{{'smsDate' | translate}}</th>
<th>{{'smsStatus' | translate}}</th> <th>{{'smsStatus' | translate}}</th>
<th>{{'action' | translate}}</th> <!-- <th>{{'action' | translate}}</th> -->
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -139,7 +139,7 @@
<td></td> <td></td>
<td></td> <td></td>
<td> <!-- <td>
<div <div
class="d-flex justify-content-center gap-2"> class="d-flex justify-content-center gap-2">
@ -147,19 +147,18 @@
title="View"> title="View">
<i class="mdi mdi-eye-outline"></i> <i class="mdi mdi-eye-outline"></i>
</button> </button>
<button *ngIf="buttonPermissions?.edit" class="btn btn-secondary btn-sm"
<button class="btn btn-secondary btn-sm"
title="Edit"> title="Edit">
<i class="fas fa-pen"></i> <i class="fas fa-pen"></i>
</button> </button>
<button class="btn btn-danger btn-sm" <button *ngIf="buttonPermissions?.delete" class="btn btn-danger btn-sm"
title="Delete"> title="Delete">
<i class="fas fa-trash-alt"></i> <i class="fas fa-trash-alt"></i>
</button> </button>
</div> </div>
</td> </td> -->
</tr> </tr>
</tbody> </tbody>
</table> </table>

@ -179,7 +179,7 @@
<i class="mdi mdi-eye-outline"></i> <i class="mdi mdi-eye-outline"></i>
</button> </button>
<button class="btn btn-danger btn-sm" title="Delete" (click)="onDelete(item.userId)"> <button *ngIf="buttonPermissions?.delete" class="btn btn-danger btn-sm" title="Delete" (click)="onDelete(item.userId)">
<i class="fas fa-trash-alt"></i> <i class="fas fa-trash-alt"></i>
</button> </button>

@ -8,6 +8,7 @@ import { SetupUser } from '../../models/user';
import { UserSetupService } from '../../services/user-setup.service'; import { UserSetupService } from '../../services/user-setup.service';
import { UserFilterPipe } from '../../shared/pipes/userFilterPipe'; import { UserFilterPipe } from '../../shared/pipes/userFilterPipe';
import { FormBuilder, Validators, FormGroup } from '@angular/forms'; import { FormBuilder, Validators, FormGroup } from '@angular/forms';
import { ButtonManagementService } from '../../services/button-management.service';
@Component({ @Component({
@ -32,13 +33,19 @@ export class SetupUserComponent implements OnInit {
renewalDataExpanded: boolean = true; renewalDataExpanded: boolean = true;
totalCount: number = 0; totalCount: number = 0;
mode: 'edit' | 'view' = 'view'; mode: 'edit' | 'view' = 'view';
buttonPermissions: any;
constructor(private userService: UserSetupService, private fb: FormBuilder){} constructor(
private userService: UserSetupService,
private fb: FormBuilder,
private buttonManagementService: ButtonManagementService
){}
get users$(){ get users$(){
return this.userService.users$; return this.userService.users$;
} }
onSearch(value: string): void { onSearch(value: string): void {
this.searchText = value; this.searchText = value;
} }
@ -114,6 +121,9 @@ export class SetupUserComponent implements OnInit {
} }
ngOnInit(): void { ngOnInit(): void {
this.getButtonPermissions();
this.userForm = this.fb.group({ this.userForm = this.fb.group({
userId: ['', [Validators.required]], userId: ['', [Validators.required]],
userFullname: ['', [Validators.required, Validators.maxLength(500)]], userFullname: ['', [Validators.required, Validators.maxLength(500)]],
@ -136,4 +146,8 @@ ngOnInit(): void {
}); });
} }
getButtonPermissions(){
this.buttonPermissions = this.buttonManagementService.buttonPermissions["setupUser"];
}
} }

@ -265,13 +265,13 @@
<i class="mdi mdi-eye-outline"></i> <i class="mdi mdi-eye-outline"></i>
</button> </button>
<button class="btn btn-secondary btn-sm" <button *ngIf="buttonPermissions?.edit" class="btn btn-secondary btn-sm"
title="Edit"> title="Edit">
<i class="fas fa-pen"></i> <i class="fas fa-pen"></i>
</button> </button>
<button class="btn btn-danger btn-sm" <button *ngIf="buttonPermissions?.delete" class="btn btn-danger btn-sm"
title="Delete"> title="Delete">
<i class="fas fa-trash-alt"></i> <i class="fas fa-trash-alt"></i>
</button> </button>

@ -8,6 +8,7 @@ import { PasswordHideShowComponent } from '../../shared/components/password-hide
import { pageSizeOptions } from '../../utils/app.constants'; import { pageSizeOptions } from '../../utils/app.constants';
import { URIKey } from '../../utils/uri-enums'; import { URIKey } from '../../utils/uri-enums';
import { HttpURIService } from '../../app.http.uri.service'; import { HttpURIService } from '../../app.http.uri.service';
import { ButtonManagementService } from '../../services/button-management.service';
@Component({ @Component({
selector: 'app-third-party-registration', selector: 'app-third-party-registration',
@ -22,14 +23,23 @@ export class ThirdPartyRegistrationComponent implements OnInit {
renewalDataExpanded = true; renewalDataExpanded = true;
pageSizeOptions = pageSizeOptions; pageSizeOptions = pageSizeOptions;
itemsPerPage: number = 5; itemsPerPage: number = 5;
constructor(private fb: FormBuilder, private httpURIService: HttpURIService){} buttonPermissions: any;
@ViewChild(PasswordHideShowComponent) passwordHideShow?: PasswordHideShowComponent; @ViewChild(PasswordHideShowComponent) passwordHideShow?: PasswordHideShowComponent;
constructor(
private fb: FormBuilder,
private httpURIService: HttpURIService,
private buttonManagementService: ButtonManagementService
){}
togglePasswordType() { togglePasswordType() {
this.passwordType = this.passwordHideShow?.showPassword ? 'password' : 'text'; this.passwordType = this.passwordHideShow?.showPassword ? 'password' : 'text';
} }
ngOnInit(): void{ ngOnInit(): void{
this.getButtonPermissions();
this.thirdPartyRegForm = this.fb.group({ this.thirdPartyRegForm = this.fb.group({
thirdPartyId: ['', [Validators.required]], thirdPartyId: ['', [Validators.required]],
thirdPartyName: ['',[Validators.required]], thirdPartyName: ['',[Validators.required]],
@ -67,4 +77,8 @@ export class ThirdPartyRegistrationComponent implements OnInit {
this.httpURIService.requestPOST(URIKey.THIRD_PARTY_REGISTER_URI, payload) this.httpURIService.requestPOST(URIKey.THIRD_PARTY_REGISTER_URI, payload)
.subscribe(); .subscribe();
} }
getButtonPermissions() {
this.buttonPermissions = this.buttonManagementService.buttonPermissions["thirdPartyRegistration"];
}
} }

Loading…
Cancel
Save