From 2f0134fa7fc7d2369a11786de799754eb80409dc Mon Sep 17 00:00:00 2001
From: Ruben Bimberg <ruben.bimberg@mni.thm.de>
Date: Sat, 9 Oct 2021 16:34:16 +0200
Subject: [PATCH] Implement important snackbar messages
---
src/app/utils/create-comment-wrapper.ts | 7 ++++++-
src/theme/light-theme/_form.scss | 6 ++++++
2 files changed, 12 insertions(+), 1 deletion(-)
diff --git a/src/app/utils/create-comment-wrapper.ts b/src/app/utils/create-comment-wrapper.ts
index 93706c1c2..10a69fc62 100644
--- a/src/app/utils/create-comment-wrapper.ts
+++ b/src/app/utils/create-comment-wrapper.ts
@@ -10,6 +10,7 @@ import { CommentService } from '../services/http/comment.service';
import { observable, Observable, of } from 'rxjs';
import { flatMap } from 'rxjs/internal/operators';
import { tap } from 'rxjs/operators';
+import { MatSnackBarConfig } from '@angular/material/snack-bar';
export class CreateCommentWrapper {
constructor(private translateService: TranslateService,
@@ -36,6 +37,9 @@ export class CreateCommentWrapper {
send(comment: Comment): Observable<Comment> {
let message;
+ const config: MatSnackBarConfig = {
+ panelClass: ['snackbar']
+ };
if (this.room.directSend) {
this.translateService.get('comment-list.comment-sent').subscribe(msg => {
message = msg;
@@ -44,10 +48,11 @@ export class CreateCommentWrapper {
} else {
this.translateService.get('comment-list.comment-sent-to-moderator').subscribe(msg => {
message = msg;
+ (config.panelClass as string[]).push('important');
});
}
return this.commentService.addComment(comment).pipe(
- tap(() => this.notificationService.show(message))
+ tap(() => this.notificationService.show(message, null, config))
);
}
}
diff --git a/src/theme/light-theme/_form.scss b/src/theme/light-theme/_form.scss
index 47cac97e8..3c2075507 100644
--- a/src/theme/light-theme/_form.scss
+++ b/src/theme/light-theme/_form.scss
@@ -19,6 +19,12 @@ mat-form-field.input-block {
color: var(--on-secondary);
}
+.snackbar.important {
+ background-color: var(--red);
+ color: var(--white);
+ font-weight: bolder;
+}
+
.snackbar button {
background-color: var(--primary);
color: var(--on-primary) !important;
--
GitLab