add perms; editor, viewer

client/src/app/core/department/department.component.ts

@@ -1,6 +1,8 @@
 import { Component } from '@angular/core';
 import { CommonModule, NgOptimizedImage } from '@angular/common';
 import { Router } from '@angular/router';
+import { UserService } from '../services/user.service';
+import { UserPermissions } from '../auth/userPermissions';
 
 @Component({
   standalone: true,
@@ -26,6 +28,7 @@ import { Router } from '@angular/router';
             height="225"
             priority="true"
             (click)="onClick(country.id)"
+            *ngIf="acccessibleCountries.includes(country.id)"
           />
         </button>
       </div>
@@ -43,13 +46,18 @@ import { Router } from '@angular/router';
             height="225"
             priority="true"
             (click)="onClick(alpha.id)"
+            *ngIf="acccessibleCountries.includes(alpha.id)"
           />
         </button>
       </div>
     </div>
   `,
 })
+
+
 export class DepartmentComponent {
+  acccessibleCountries:string[] = [];
+
   countries: { id: string; img: string }[] = [
     {
       id: 'tha',
@@ -72,7 +80,32 @@ export class DepartmentComponent {
     },
   ];
 
-  constructor(private router: Router) {}
+  constructor(
+    private router: Router,
+    private _userService: UserService
+  ) {
+    let perms = _userService.getCurrentUser()!.permissions;
+    console.log("GainAccesses",perms)
+
+    for (let perm of perms) {
+      switch (perm) {
+        case UserPermissions.THAI_PERMISSION:
+          this.acccessibleCountries.push('tha');
+          break;
+        case UserPermissions.MALAY_PERMISSION:
+          this.acccessibleCountries.push('mys');
+          break;
+        case UserPermissions.AUS_PERMISSION:
+          this.acccessibleCountries.push('aus');
+          break;
+        case UserPermissions.ALPHA3_PERMISSION:
+          this.acccessibleCountries.push('alpha-3');
+          break;
+        default:
+          break;
+      }
+    }
+  }
 
   onClick(id: string) {
     void this.router.navigate([`/${id}/recipes`]);