Adjust moderator model to backend

src/app/components/creator/_dialogs/moderators/moderators.component.html

@@ -12,7 +12,7 @@
     <span class="fill-remaining-space"></span>
   </div>
   <h3 *ngIf="moderators.length === 0">No moderators yet.</h3>
-  <mat-list>
+  <mat-list *ngIf="moderators.length > 0">
     <mat-list-item *ngFor="let moderator of moderators">{{moderator.userId}}</mat-list-item>
   </mat-list>
 </div>

src/app/components/creator/_dialogs/moderators/moderators.component.scss

@@ -26,3 +26,7 @@ mat-form-field {
   font-size: 45px;
   line-height: 100% !important;
 }
+
+.mat-list-item {
+  color: var(--on-surface);
+}

src/app/components/creator/_dialogs/moderators/moderators.component.ts

@@ -29,7 +29,6 @@ export class ModeratorsComponent implements OnInit {
 
   ngOnInit() {
     this.getModerators();
-    console.log(this.moderators);
   }
 
   getModerators() {

src/app/models/moderator-roles.enum.ts

+export enum ModeratorRole {
+  EDITING_MODERATOR,
+  EXECUTIVE_MODERATOR
+}

src/app/models/moderator.ts

+import { ModeratorRole } from './moderator-roles.enum';
+
 export class Moderator {
   userId: string;
-  loginId: string;
+  roles: ModeratorRole[];
 
   constructor(
     userId: string = '',
-    loginId: string = ''
+    roles: ModeratorRole[] = []
   ) {
     this.userId = userId;
-    this.loginId = loginId;
+    this.roles = roles;
   }
 }

src/assets/i18n/creator/de.json

@@ -23,7 +23,7 @@
     "description": "Beschreibung der Session",
     "present": "Präsentieren",
     "moderators": "Moderatoren",
-    "moderator-email": "E-Mail des Moderatoren",
+    "moderator-email": "E-Mail des Moderators",
     "session-settings": "Session-Verwaltung",
     "general": "Allgemein",
     "threshold": "Schwellenwert für sichtbare Kommentare: ",