Organisation admin accessibility

Author: Allan Asp Christensen

src/app/navbar/organisation-dropdown/organisation-dropdown.component.html

@@ -14,7 +14,7 @@
         </a>
         <fa-icon [icon]="faLayergroup" class="navbar-icon"></fa-icon>
     </li>
-    <div *ngIf="">
+    <div *ngIf="isOrganisationAdmin(orgSelect.value)">
         <li class="nav-item">
             <a routerLink="/admin/users" routerLinkActive="active" class="nav-link pl-5 position-relative rounded">
                 {{'NAV.USERS' | translate}}

src/app/navbar/organisation-dropdown/organisation-dropdown.component.ts

@@ -1,6 +1,7 @@
 import { AfterContentInit, AfterViewChecked, Component, DoCheck, OnChanges, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 import { Organisation } from '@app/admin/organisation/organisation.model';
+import { PermissionType } from '@app/admin/permission/permission.model';
 import { UserResponse } from '@app/admin/users/user.model';
 import { AuthService } from '@app/auth/auth.service';
 import { SharedVariableService } from '@app/shared-variable/shared-variable.service';
@@ -12,7 +13,7 @@ import { TranslateService } from '@ngx-translate/core';
   templateUrl: './organisation-dropdown.component.html',
   styleUrls: ['./organisation-dropdown.component.scss']
 })
-export class OrganisationDropdownComponent implements OnInit {
+export class OrganisationDropdownComponent implements OnInit, OnChanges {
   public organisations: Organisation[];
   public user: UserResponse;
 
@@ -33,9 +34,9 @@ export class OrganisationDropdownComponent implements OnInit {
     this.getAllowedOrganizations();
   }
 
-  // ngOnChanges(): void {
-  //   this.getAllowedOrganizations();
-  // }
+  ngOnChanges(): void {
+    this.getAllowedOrganizations();
+  }
 
   getAllowedOrganizations() {
     this.authService.me().subscribe((response) => {
@@ -54,6 +55,10 @@ export class OrganisationDropdownComponent implements OnInit {
     });
   }
 
+  isOrganisationAdmin(orgId: number) {
+    return this.user.permissions.some(x => x.type === PermissionType.OrganizationAdmin && x.organization.id === +orgId);
+  }
+
   public onChange(value) {
     this.setSelectedOrganisation(value);
     this.sharedVariable.setValue(value);