Merge branch 'mobile-footer' into 'master'

Only show labels in footer on desktop view

Closes #365

See merge request arsnova/arsnova-lite!343

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>

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;

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"
   }
 }

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"
   }
 }