diff --git a/src/app/components/shared/header/header.component.html b/src/app/components/shared/header/header.component.html index b4febe73250f22f90964442aa53b5bc3c8ee07fd..953fc63a533ce4f6c83f87fb8af189be6fb510c0 100644 --- a/src/app/components/shared/header/header.component.html +++ b/src/app/components/shared/header/header.component.html @@ -11,6 +11,16 @@ </h3> <span class="fill-remaining-space" *ngIf="router.url.includes('comments')"></span> + + <span + *ngIf="router.url.includes('comments') && moderationEnabled && deviceType === 'desktop'" + class="moderation-enabled" + fxLayoutAlign="center center" + > + <mat-icon matTooltip="{{ 'header.moderation-enabled' | translate }}"> + gavel + </mat-icon> + </span> <h3 *ngIf="router.url.includes('comments')" fxLayoutAlign="center center"> {{'header.id' | translate}}: {{ shortId.slice(0,4) }} {{ shortId.slice(4,8) }} </h3> diff --git a/src/app/components/shared/header/header.component.scss b/src/app/components/shared/header/header.component.scss index 5cf23c9056cfa8092c16b417c55c5b29b7fe94d8..f9e023037bdaaad38c7b44f041cb95d923788891 100644 --- a/src/app/components/shared/header/header.component.scss +++ b/src/app/components/shared/header/header.component.scss @@ -29,6 +29,13 @@ mat-toolbar { color: var(--light-green); } +.moderation-enabled { + color: var(--on-surface); + margin-left: 5px; + font-size: medium; + font-weight: bold; +} + .color-button { width: 100%; height: 100%; diff --git a/src/app/components/shared/header/header.component.ts b/src/app/components/shared/header/header.component.ts index 751cc79827a5fcfe6beb43ae14e8b361ef6059b1..0ec582d1eccfbe49a785e1940d261cd089eee538 100644 --- a/src/app/components/shared/header/header.component.ts +++ b/src/app/components/shared/header/header.component.ts @@ -22,6 +22,7 @@ export class HeaderComponent implements OnInit { cTime: string; shortId: string; deviceType: string; + moderationEnabled: boolean; constructor(public location: Location, private authenticationService: AuthenticationService, @@ -73,6 +74,7 @@ export class HeaderComponent implements OnInit { }); } }); + this.moderationEnabled = (localStorage.getItem('moderationEnabled') === 'true') ? true : false; } getTime(time: Date) { diff --git a/src/assets/i18n/home/de.json b/src/assets/i18n/home/de.json index 5d611b0fd8d5fcd3be50fa1ec791b50d9fed2c98..20fb588e050fa931447d1d8ef3559d67486e847b 100644 --- a/src/assets/i18n/home/de.json +++ b/src/assets/i18n/home/de.json @@ -16,7 +16,8 @@ "dark": "Dunkler Hintergrund", "bright": "Heller Hintergrund", "beamer": "Für den Beamer optimiert (in Arbeit)", - "wai": "Barrierefrei nach WCAG 2.0 (in Arbeit)" + "wai": "Barrierefrei nach WCAG 2.0 (in Arbeit)", + "moderation-enabled": "Moderiert" }, "login-page": { "creator": "Dozent/in", diff --git a/src/assets/i18n/home/en.json b/src/assets/i18n/home/en.json index 1bfb3b5219f620a5d6913dc72eac57f145bf7428..3c70f764d9706190c5774315d97dbfcf79a6f017 100644 --- a/src/assets/i18n/home/en.json +++ b/src/assets/i18n/home/en.json @@ -16,7 +16,8 @@ "dark": "Dark background", "bright": "Bright background", "beamer": "Optimized for the projector (work in progress)", - "wai": "Accessible according to WCAG 2.0 (work in progress)" + "wai": "Accessible according to WCAG 2.0 (work in progress)", + "moderation-enabled": "Moderated" }, "login-page": { "creator": "Professor",