From 9030df0a2ba80036d41164922562b23109e46889 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krist=C3=B3f=20T=C3=B3th?= <kristof.toth@avatao.com>
Date: Fri, 9 Feb 2018 13:43:08 +0100
Subject: [PATCH] Implement feedback for "save" button

---
 src/app/webide/source-code.ts        | 1 +
 src/app/webide/webide.component.html | 8 ++++++--
 src/app/webide/webide.component.ts   | 2 ++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/webide/source-code.ts b/src/app/webide/source-code.ts
index d65524f..c1ed21e 100644
--- a/src/app/webide/source-code.ts
+++ b/src/app/webide/source-code.ts
@@ -3,4 +3,5 @@ export class SourceCode {
   content: string;
   language: string;
   files: string[];
+  saved: boolean;
 }
diff --git a/src/app/webide/webide.component.html b/src/app/webide/webide.component.html
index 553df4a..cfc18fa 100644
--- a/src/app/webide/webide.component.html
+++ b/src/app/webide/webide.component.html
@@ -7,7 +7,7 @@
   </button>
 </div>
 
-<div
+<div (textChanged)="saved = false"
   ace-editor
   [(text)]="code"
   [(mode)]="language"
@@ -16,4 +16,8 @@
 >
 </div>
 
-<button (click)="sendCode()" type="submit" class="btn btn-secondary">Save</button>
+<button (click)="sendCode()"
+        type="submit"
+        class="btn btn-secondary"
+        [class.btn-success]="saved === true"
+>Save<span *ngIf="saved === true">d!</span></button>
diff --git a/src/app/webide/webide.component.ts b/src/app/webide/webide.component.ts
index 54068ff..a080c3a 100644
--- a/src/app/webide/webide.component.ts
+++ b/src/app/webide/webide.component.ts
@@ -20,6 +20,7 @@ export class WebideComponent implements OnInit {
   language = 'javascript';
   theme = 'monokai';
   files: string[];
+  saved = false;
 
   constructor(private webSocketService: WebSocketService) { }
 
@@ -29,6 +30,7 @@ export class WebideComponent implements OnInit {
       this.code = event.data.content;
       this.language = event.data.language;
       this.files = event.data.files;
+      this.saved = event.data.saved;
     });
     this.requestCode();
   }