From 680c0abd05e1cdbd961540c7bc608017872dd8d0 Mon Sep 17 00:00:00 2001
From: Anojh <anojh@hotmail.com>
Date: Thu, 26 Apr 2018 03:23:16 -0700
Subject: [PATCH] fix for issue #2152

---
 src/Ombi/ClientApp/app/app.component.html | 2 +-
 src/Ombi/ClientApp/app/app.component.ts   | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/Ombi/ClientApp/app/app.component.html b/src/Ombi/ClientApp/app/app.component.html
index 0db13fa9c..9ea51768a 100644
--- a/src/Ombi/ClientApp/app/app.component.html
+++ b/src/Ombi/ClientApp/app/app.component.html
@@ -1,4 +1,4 @@
-<div class="{{ user.name && (hasRole('Admin') || hasRole('PowerUser')) ? 'adminUser' : 'user'}}">
+<div [ngClass]="user.name && roleClass()">
     <p-growl [value]="notificationService.messages" [life]="3000"></p-growl>
     <nav *ngIf="showNav" class="navbar navbar-default navbar-fixed-top">
         <div class="container-fluid">
diff --git a/src/Ombi/ClientApp/app/app.component.ts b/src/Ombi/ClientApp/app/app.component.ts
index a1841109a..c88cc79f1 100644
--- a/src/Ombi/ClientApp/app/app.component.ts
+++ b/src/Ombi/ClientApp/app/app.component.ts
@@ -73,6 +73,15 @@ export class AppComponent implements OnInit {
         });
     }
 
+    public roleClass() {
+        if (this.user.roles.some(r => r === 'Admin')) {
+            return "adminUser";
+        } else if (this.user.roles.some(r => r === 'PowerUser')) {
+            return "powerUser";
+        }
+        return "user";
+    }
+
     public hasRole(role: string): boolean {
         return this.user.roles.some(r => r === role);
     }