Add root class if user is logged in

diff --git a/client/src/app/about/about.component.html b/client/src/app/about/about.component.html
index bad90d1612f67c6e5ce9498c11c1cb84deb1cc4c..bc6a8c6f37299584fe94b15f9691ebe10bdaee43 100644 (file)
--- 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 06aca9bcd53c26b8b4e31490f2f131441b715348..a7128d4fae2b5a1415567829d87ab01bb6da905a 100644 (file)
--- 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 0ea3c1389404a651bc703993e360d6e2190616f8..18115ae75db4ca9c38667753687ba93fb5a35e73 100644 (file)
--- 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