Add timestamp to bonus tokens

src/app/components/creator/_dialogs/bonus-token/bonus-token.component.html

@@ -9,6 +9,10 @@
         {{bonusToken.token}}
       </p>
       <span class="fill-remaining-space"></span>
+      <p>
+        {{bonusToken.timestamp | date: lang === 'de' ? 'dd.MM.yy' : ' M/d/yy'}}
+      </p>
+      <span class="fill-remaining-space"></span>
       <button mat-icon-button (click)="openDeleteSingleBonusDialog(bonusToken.userId, bonusToken.commentId, i)">
         <mat-icon>close</mat-icon>
       </button>

src/app/components/creator/_dialogs/bonus-token/bonus-token.component.ts

@@ -16,6 +16,7 @@ import { TranslateService } from '@ngx-translate/core';
 export class BonusTokenComponent implements OnInit {
   room: Room;
   bonusTokens: BonusToken[] = [];
+  lang: string;
 
   constructor(private bonusTokenService: BonusTokenService,
               public dialog: MatDialog,
@@ -30,6 +31,7 @@ export class BonusTokenComponent implements OnInit {
         return (a.token > b.token) ? 1 : -1;
       });
     });
+    this.lang = localStorage.getItem('currentLang');
   }
 
   openDeleteSingleBonusDialog(userId: string, commentId: string, index: number): void {

src/app/models/bonus-token.ts

 export class BonusToken {
   roomId: string;
   commentId: string;
+  timestamp: Date;
   userId: string;
   token: string;
 
   constructor(
     roomId: string,
     commentId: string,
+    timestamp: Date,
     userId: string,
     token: string
   ) {
     this.roomId = roomId;
     this.commentId = commentId;
+    this.timestamp = timestamp;
     this.userId = userId;
     this.token = token;
   }