diff --git a/src/app/components/shared/header/header.component.html b/src/app/components/shared/header/header.component.html index a283efc5d4786416fd78a054930efa08fcc6a8c6..e20a4639c5af547f9f044b27d21439b73cb87f3f 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 f6dd4d3737be2ea35a126aad416b6d0214936374..54179f2278f93bb4b7f05674409d56e684a13f71 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 df26a09a6050c4309796e06a2f234c22a02e6f0f..d6869ef1bf0bbd26646c1c81d2f2a2e577972f15 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() {