diff --git a/src/app/components/shared/footer/footer.component.html b/src/app/components/shared/footer/footer.component.html index aeddf15c81d2f6fef1c47ed679379b89ee6c4dd5..058a91fc639db4e272e1bc2db096d729b343b913 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 2ec990b2afb0efef16a6f664bf607de38ee03990..41fc443c123172253974172665e7c9fbc00ffaf3 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 a032a6ea1fb8effa6c8c9bfa3ed581918eab426a..9451716b70312c08e5c3a4bc556b18161835e1b7 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 cbd1b6194351dd197f2e46138cbd9c241dad32e5..6afa2047f05f453d739e130f4c954aed7612de25 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" } }