Add root class if user is logged in

3 files changed, 7 insertions, 3 deletions

diff --git a/client/src/app/about/about.component.html b/client/src/app/about/about.component.html
index bad90d161..bc6a8c6f3 100644
--- a/client/src/app/about/about.component.html
+++ b/client/src/app/about/about.component.html
@@ -22,7 +22,7 @@
       User registration is allowed and
 
       <ng-template [ngIf]="userVideoQuota !== -1">
-        this instance provides a baseline quota of {{ userVideoQuota | bytes }} space for the videos of its users.
+        this instance provides a baseline quota of {{ userVideoQuota | bytes: 0 }} space for the videos of its users.
       </ng-template>
 
       <ng-template [ngIf]="userVideoQuota === -1">
diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html
index 06aca9bcd..a7128d4fa 100644
--- a/client/src/app/app.component.html
+++ b/client/src/app/app.component.html
@@ -1,6 +1,6 @@
 <div *ngIf="customCSS" [innerHTML]="customCSS"></div>
 
-<div>
+<div [ngClass]="{ 'user-logged-in': isUserLoggedIn(), 'user-not-logged-in': !isUserLoggedIn() }">
   <div class="header">
 
     <div class="top-left-block" [ngClass]="{ 'border-bottom': isMenuDisplayed === false }">
diff --git a/client/src/app/app.component.ts b/client/src/app/app.component.ts
index 0ea3c1389..18115ae75 100644
--- a/client/src/app/app.component.ts
+++ b/client/src/app/app.component.ts
@@ -57,7 +57,7 @@ export class AppComponent implements OnInit {
 
     this.authService.loadClientCredentials()
 
-    if (this.authService.isLoggedIn()) {
+    if (this.isUserLoggedIn()) {
       // The service will automatically redirect to the login page if the token is not valid anymore
       this.authService.refreshUserInformation()
     }
@@ -104,6 +104,10 @@ export class AppComponent implements OnInit {
       })
   }
 
+  isUserLoggedIn () {
+    return this.authService.isLoggedIn()
+  }
+
   toggleMenu () {
     window.scrollTo(0, 0)
     this.isMenuDisplayed = !this.isMenuDisplayed