diff --git a/src/app/components/shared/comment/comment.component.html b/src/app/components/shared/comment/comment.component.html index 5293d2f6504fad0399b72aaf98d9a64c266f64b4..b694fb287f1333a0598ca2f92aff6150488bf5b0 100644 --- a/src/app/components/shared/comment/comment.component.html +++ b/src/app/components/shared/comment/comment.component.html @@ -2,9 +2,12 @@ <div fxLayout="row" fxLayoutAlign="center center"> <mat-card-title>{{comment.subject}}</mat-card-title> <span class="fill-remaining-space"></span> - <button mat-icon-button [disabled]="userRole === 0" (click)="setCorrect(comment)" [matTooltip]="comment.correct ? 'Anwort richtig' : null"> + <button mat-icon-button [disabled]="userRole === 0" (click)="setCorrect(comment)" [matTooltip]="comment.correct ? 'Antwort richtig' : null"> <mat-icon [ngClass]="{'correct-icon' : comment.correct === true}">check_circle</mat-icon> </button> + <button mat-icon-button [disabled]="userRole === 0" (click)="setRead(comment)" [matTooltip]="comment.read ? 'mark me as unread' : 'mark me as read'"> + <mat-icon [ngClass]="{'read-icon' : comment.read === true}">visibility</mat-icon> + </button> </div> <mat-divider></mat-divider> <mat-card-content> diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss index 52e87c8f4d46dd26bbe4eadcc2af352633c54a62..f0cb6ab73b461c9273d3970c169aa251fd35c11c 100644 --- a/src/app/components/shared/comment/comment.component.scss +++ b/src/app/components/shared/comment/comment.component.scss @@ -19,8 +19,8 @@ mat-toolbar { border-radius: 2px; } -.outer-card { - border-radius: 8px; +.card-container :hover { + cursor: pointer; } mat-icon { @@ -35,6 +35,10 @@ mat-icon { color: green; } +.read-icon { + color: blue; +} + mat-card-title { margin: 0px; } diff --git a/src/app/components/shared/comment/comment.component.ts b/src/app/components/shared/comment/comment.component.ts index dbbff9b61a1231e154d6ca05efa0ab971d2e0721..ad2808dd3e6eaa6f990fbdb361c0e6236f229573 100644 --- a/src/app/components/shared/comment/comment.component.ts +++ b/src/app/components/shared/comment/comment.component.ts @@ -37,6 +37,7 @@ export class CommentComponent implements OnInit { } setRead(comment: Comment): void { + comment.read = !comment.read; this.commentService.updateComment(comment).subscribe(); }