From e201230e82c50ef54ed75920c65b2252cc4d3a4c Mon Sep 17 00:00:00 2001 From: Thomas Lenz <Thomas.Lenz@mni.thm.de> Date: Sun, 11 Mar 2018 14:50:07 +0100 Subject: [PATCH] Rename css class and methods --- src/app/creator-room/creator-room.component.html | 8 ++++---- src/app/creator-room/creator-room.component.scss | 2 +- src/app/creator-room/creator-room.component.ts | 8 ++++---- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/app/creator-room/creator-room.component.html b/src/app/creator-room/creator-room.component.html index 4cc37a388..56389ecab 100644 --- a/src/app/creator-room/creator-room.component.html +++ b/src/app/creator-room/creator-room.component.html @@ -1,6 +1,6 @@ <div fxLayout="column" fxLayoutAlign="start" fxLayoutGap="20px" fxFill> <div fxLayout="row" fxLayoutAlign="center"> - <mat-card *ngIf="room && !modify && !deleteDialog" class="input-formular"> + <mat-card *ngIf="room && !modify && !deleteDialog" class="input-form"> <mat-card-header> <mat-card-title> <h3 class="subheading-2">{{ room.name }}</h3> @@ -29,7 +29,7 @@ routerLink="/creator/room/{{room.id}}/comments"> Comments </button> - <button *ngIf="!modify" (click)="enableModifications()" mat-button color="primary" + <button *ngIf="!modify" (click)="showEditDialog()" mat-button color="primary" matTooltip="Modify room's details"> Modify room </button> @@ -44,7 +44,7 @@ </button> </mat-card-actions> </mat-card> - <mat-card *ngIf="modify && room" class="input-formular"> + <mat-card *ngIf="modify && room" class="input-form"> <mat-card-header> <h3>Modify properties</h3> </mat-card-header> @@ -62,7 +62,7 @@ </mat-form-field> </mat-card-content> <mat-card-actions> - <button (click)="disableModifications()" mat-button color="primary" matTooltip="Leave modification-dialog"> + <button (click)="hideEditDialog()" mat-button color="primary" matTooltip="Leave modification-dialog"> Leave </button> <button (click)="updateRoom()" mat-button color="primary" matTooltip="Update properties"> diff --git a/src/app/creator-room/creator-room.component.scss b/src/app/creator-room/creator-room.component.scss index 1bb3accd9..9cfcef314 100644 --- a/src/app/creator-room/creator-room.component.scss +++ b/src/app/creator-room/creator-room.component.scss @@ -6,6 +6,6 @@ mat-card-content > :first-child { margin-top: 16px; } -.input-formular { +.input-form { min-width: 650px; } diff --git a/src/app/creator-room/creator-room.component.ts b/src/app/creator-room/creator-room.component.ts index b922414e6..f841923a4 100644 --- a/src/app/creator-room/creator-room.component.ts +++ b/src/app/creator-room/creator-room.component.ts @@ -36,14 +36,14 @@ export class CreatorRoomComponent extends RoomComponent implements OnInit { this.location.back(); } - enableModifications(): void { + showEditDialog(): void { this.roomName = this.room.name; this.roomShortId = this.room.shortId; this.roomDescription = this.room.description; this.modify = true; } - disableModifications(): void { + hideEditDialog(): void { this.modify = false; } @@ -52,10 +52,10 @@ export class CreatorRoomComponent extends RoomComponent implements OnInit { (this.roomShortId === this.room.shortId) && (this.roomDescription === this.room.description) ) { - this.notification.show('No changes'); + this.notification.show('There were no changes'); return; } else { - this.notification.show('Properties changed'); + this.notification.show('Changes are made'); this.roomService.updateRoom(this.room) .subscribe(() => this.goBack()); } -- GitLab