From 9f97588f8e4a054e16ca39463d8454b2f7fab085 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de> Date: Sat, 6 Jul 2019 16:56:14 +0200 Subject: [PATCH] Open moderators-dialog when button clicked --- .../{moderators.ts => moderators.component.ts} | 0 src/app/components/creator/creator.module.ts | 5 +++-- .../room-creator-page/room-creator-page.component.html | 2 +- .../room-creator-page/room-creator-page.component.scss | 9 ++++----- .../room-creator-page/room-creator-page.component.ts | 5 ++++- .../components/shared/room-join/room-join.component.ts | 1 - src/app/services/http/moderator.service.ts | 4 ++-- 7 files changed, 14 insertions(+), 12 deletions(-) rename src/app/components/creator/_dialogs/moderators/{moderators.ts => moderators.component.ts} (100%) diff --git a/src/app/components/creator/_dialogs/moderators/moderators.ts b/src/app/components/creator/_dialogs/moderators/moderators.component.ts similarity index 100% rename from src/app/components/creator/_dialogs/moderators/moderators.ts rename to src/app/components/creator/_dialogs/moderators/moderators.component.ts diff --git a/src/app/components/creator/creator.module.ts b/src/app/components/creator/creator.module.ts index 23bd00737..f7296a626 100644 --- a/src/app/components/creator/creator.module.ts +++ b/src/app/components/creator/creator.module.ts @@ -22,7 +22,7 @@ import { ContentListComponent } from './content-list/content-list.component'; import { ContentEditComponent } from './_dialogs/content-edit/content-edit.component'; import { ContentPresentationComponent } from './content-presentation/content-presentation.component'; import { CommentExportComponent } from './_dialogs/comment-export/comment-export.component'; -import { ModeratorsComponent } from './_dialogs/moderators/moderators'; +import { ModeratorsComponent } from './_dialogs/moderators/moderators.component'; @NgModule({ imports: [ @@ -66,7 +66,8 @@ import { ModeratorsComponent } from './_dialogs/moderators/moderators'; ContentTextCreatorComponent, ContentYesNoCreatorComponent, ContentEditComponent, - CommentExportComponent + CommentExportComponent, + ModeratorsComponent ] }) export class CreatorModule { diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.html b/src/app/components/creator/room-creator-page/room-creator-page.component.html index 88705ee73..b0be0f809 100644 --- a/src/app/components/creator/room-creator-page/room-creator-page.component.html +++ b/src/app/components/creator/room-creator-page/room-creator-page.component.html @@ -15,7 +15,7 @@ </mat-card-subtitle> </mat-card-header> <span class="fill-remaining-space"></span> - <button mat-icon-button class="corner-icons" id="person" (click)="showModeratorsDialog()"> + <button mat-icon-button class="corner-icons" (click)="showModeratorsDialog()"> <mat-icon class="corner-icon" id="moderators-icon" matTooltip="{{ 'room-page.moderators' | translate}}">person</mat-icon> </button> <button mat-icon-button class="corner-icons" id="settings" (click)="showSettingsDialog()"> diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.scss b/src/app/components/creator/room-creator-page/room-creator-page.component.scss index cea5d05eb..dcbe662df 100644 --- a/src/app/components/creator/room-creator-page/room-creator-page.component.scss +++ b/src/app/components/creator/room-creator-page/room-creator-page.component.scss @@ -36,11 +36,10 @@ button { margin-bottom: 5%; } - - .corner-icons { - width: 10%; - max-width: 40px; - } +.corner-icons { + width: 10%; + max-width: 40px; +} .corner-icon { font-size: 35px; diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.ts b/src/app/components/creator/room-creator-page/room-creator-page.component.ts index 5f9621c6e..b1f5c8cf3 100644 --- a/src/app/components/creator/room-creator-page/room-creator-page.component.ts +++ b/src/app/components/creator/room-creator-page/room-creator-page.component.ts @@ -12,6 +12,7 @@ import { LanguageService } from '../../../services/util/language.service'; import { TSMap } from 'typescript-map'; import { WsCommentServiceService } from '../../../services/websockets/ws-comment-service.service'; import { CommentService } from '../../../services/http/comment.service'; +import { ModeratorsComponent } from '../_dialogs/moderators/moderators.component'; @Component({ selector: 'app-room-creator-page', @@ -84,7 +85,9 @@ export class RoomCreatorPageComponent extends RoomPageComponent implements OnIni } showModeratorsDialog(): void { - + const dialogRef = this.dialog.open(ModeratorsComponent, { + width: '400px' + }); } } diff --git a/src/app/components/shared/room-join/room-join.component.ts b/src/app/components/shared/room-join/room-join.component.ts index e6aa51ee5..6a449581d 100644 --- a/src/app/components/shared/room-join/room-join.component.ts +++ b/src/app/components/shared/room-join/room-join.component.ts @@ -62,7 +62,6 @@ export class RoomJoinComponent implements OnInit { if (!this.user) { this.guestLogin(); } else { - console.log(room); if (this.user.role === UserRole.CREATOR) { this.authenticationService.logout(); this.guestLogin(); diff --git a/src/app/services/http/moderator.service.ts b/src/app/services/http/moderator.service.ts index 47c7700ba..86f0eadbe 100644 --- a/src/app/services/http/moderator.service.ts +++ b/src/app/services/http/moderator.service.ts @@ -30,11 +30,11 @@ export class ModeratorService extends BaseHttpService { ); } - put(roomId: string, userId: string) { + add(roomId: string, userId: string) { const url = `${this.apiUrl.base + this.apiUrl.room}/${roomId + this.apiUrl.moderator}/${userId}`; return this.http.put(url, httpOptions).pipe( tap(_ => ''), - catchError(this.handleError<any>('putModerator')) + catchError(this.handleError<any>('addModerator')) ); } -- GitLab