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