From 86a7473a514c81ee9e8859bcd5711b3ab4820a0c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=20K=C3=A4sler?= <tom.kaesler@mni.thm.de>
Date: Tue, 23 Jul 2019 14:59:39 +0200
Subject: [PATCH] Only show labels in footer on desktop view

Also add i18n for blog...
---
 .../shared/footer/footer.component.html          | 16 ++++++++++++----
 .../components/shared/footer/footer.component.ts |  2 ++
 src/assets/i18n/home/de.json                     |  3 ++-
 src/assets/i18n/home/en.json                     |  3 ++-
 4 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/app/components/shared/footer/footer.component.html b/src/app/components/shared/footer/footer.component.html
index aeddf15c8..058a91fc6 100644
--- a/src/app/components/shared/footer/footer.component.html
+++ b/src/app/components/shared/footer/footer.component.html
@@ -2,21 +2,29 @@
   <mat-toolbar id="footer-toolbar">
     <button mat-button *ngIf="router.url !== '/home'" (click)="navToBlog()">
       <mat-icon>notes</mat-icon>
-      Blog
+      <span *ngIf="deviceType === 'desktop'">
+        {{ 'footer.blog' | translate }}
+      </span>
     </button>
     <button mat-button *ngIf="router.url === '/home'" (click)="navToDemoSession()">
       <mat-icon>input</mat-icon>
-      {{ 'footer.demo' | translate}}
+      <span *ngIf="deviceType === 'desktop'">
+        {{ 'footer.demo' | translate}}
+      </span>
     </button>
     <span class="fill-remaining-space"></span>
     <button mat-button (click)="navToDSGVO()">
       <mat-icon>security</mat-icon>
-      {{ 'footer.dsgvo' | translate}}
+      <span *ngIf="deviceType === 'desktop'">
+        {{ 'footer.dsgvo' | translate}}
+      </span>
     </button>
     <span class="fill-remaining-space"></span>
     <button mat-button (click)="navToImprint()">
       <mat-icon>info</mat-icon>
-      {{ 'footer.imprint' | translate}}
+      <span *ngIf="deviceType === 'desktop'">
+        {{ 'footer.imprint' | translate}}
+      </span>
     </button>
   </mat-toolbar>
 </footer>
diff --git a/src/app/components/shared/footer/footer.component.ts b/src/app/components/shared/footer/footer.component.ts
index 2ec990b2a..41fc443c1 100644
--- a/src/app/components/shared/footer/footer.component.ts
+++ b/src/app/components/shared/footer/footer.component.ts
@@ -26,6 +26,7 @@ export class FooterComponent implements OnInit {
   user: User;
 
   open: string;
+  deviceType: string;
 
   constructor(public notificationService: NotificationService,
               public router: Router,
@@ -38,6 +39,7 @@ export class FooterComponent implements OnInit {
               }
 
   ngOnInit() {
+    this.deviceType = localStorage.getItem('deviceType');
     this.translateService.use(localStorage.getItem('currentLang'));
     this.translateService.get('footer.open').subscribe(message => {
       this.open = message;
diff --git a/src/assets/i18n/home/de.json b/src/assets/i18n/home/de.json
index a032a6ea1..9451716b7 100644
--- a/src/assets/i18n/home/de.json
+++ b/src/assets/i18n/home/de.json
@@ -92,6 +92,7 @@
     "dsgvo": "Datenschutz",
     "imprint": "Impressum",
     "will-open": " wird in einem neuen Fenster geöffnet...",
-    "open": "Öffnen"
+    "open": "Öffnen",
+    "blog": "Blog"
   }
 }
diff --git a/src/assets/i18n/home/en.json b/src/assets/i18n/home/en.json
index cbd1b6194..6afa2047f 100644
--- a/src/assets/i18n/home/en.json
+++ b/src/assets/i18n/home/en.json
@@ -92,6 +92,7 @@
     "dsgvo": "Data Protection",
     "imprint": "Imprint",
     "will-open": " will be opened in a new tab...",
-    "open": "Open"
+    "open": "Open",
+    "blog": "Blog"
   }
 }
-- 
GitLab