From f42de7268ec983d3d158d1ebebc0d70d6c2e2c6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Tue, 18 Jun 2019 00:30:15 +0200
Subject: [PATCH] Add clock to header
---
.../components/shared/header/header.component.html | 4 ++++
.../components/shared/header/header.component.scss | 4 ++++
.../components/shared/header/header.component.ts | 13 +++++++++++++
3 files changed, 21 insertions(+)
diff --git a/src/app/components/shared/header/header.component.html b/src/app/components/shared/header/header.component.html
index a283efc5d..e20a4639c 100644
--- a/src/app/components/shared/header/header.component.html
+++ b/src/app/components/shared/header/header.component.html
@@ -5,6 +5,10 @@
<mat-icon class="header-icons" aria-label="Go back">keyboard_arrow_left</mat-icon>
</button>
<span class="fill-remaining-space"></span>
+ <h3 *ngIf="router.url.includes('comments') && user.role === 1" fxLayoutAlign="center center">
+ <mat-icon>access_time</mat-icon>
+ {{cTime}}</h3>
+ <span class="fill-remaining-space"></span>
<mat-menu class="color-menu" #themeMenu="matMenu" [overlapTrigger]="false">
<mat-grid-list cols="2">
diff --git a/src/app/components/shared/header/header.component.scss b/src/app/components/shared/header/header.component.scss
index f6dd4d373..54179f227 100644
--- a/src/app/components/shared/header/header.component.scss
+++ b/src/app/components/shared/header/header.component.scss
@@ -59,3 +59,7 @@ mat-toolbar {
.sessions {
color: var(--primary);
}
+
+h3 {
+ color: var(--on-surface);
+}
diff --git a/src/app/components/shared/header/header.component.ts b/src/app/components/shared/header/header.component.ts
index df26a09a6..d6869ef1b 100644
--- a/src/app/components/shared/header/header.component.ts
+++ b/src/app/components/shared/header/header.component.ts
@@ -19,6 +19,7 @@ import { ThemeService } from '../../../../theme/theme.service';
export class HeaderComponent implements OnInit {
user: User;
themeClass = localStorage.getItem('theme');
+ cTime: string;
constructor(public location: Location,
private authenticationService: AuthenticationService,
@@ -41,6 +42,18 @@ export class HeaderComponent implements OnInit {
this.translationService.setDefaultLang(localStorage.getItem('currentLang'));
}
this.authenticationService.watchUser.subscribe(newUser => this.user = newUser);
+ let time = new Date();
+ this.getTime(time);
+ setInterval(() => {
+ time = new Date();
+ this.getTime(time);
+ }, 1000);
+ }
+
+ getTime(time: Date) {
+ const hh = ('0' + time.getHours()).substr(-2);
+ const mm = ('0' + time.getMinutes()).substr(-2);
+ this.cTime = hh + ':' + mm;
}
logout() {
--
GitLab