From 18aaebd758f097adab40a7544518ea15ff33bb62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krist=C3=B3f=20T=C3=B3th?= <kristof.toth@avatao.com>
Date: Wed, 7 Mar 2018 14:17:24 +0100
Subject: [PATCH] Add frontend UI feedback of code state

---
 src/app/webide/webide.component.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/webide/webide.component.html b/src/app/webide/webide.component.html
index a56b51e..f2c6bfd 100644
--- a/src/app/webide/webide.component.html
+++ b/src/app/webide/webide.component.html
@@ -1,10 +1,11 @@
 <div class="btn-group btn-group-sm flex-wrap">
   <button *ngFor="let file of files"
           class="btn btn-secondary"
+          (click)="tabSwitchButtonHandler(file)"
           [class.active]="filename === file"
           [class.disabled]="filename === file"
-          (click)="tabSwitchButtonHandler(file)"
-          [disabled]="filename === file">
+          [disabled]="filename === file"
+          [class.btn-success]="filename === file && codeState === 'SAVED'">
     {{file}}
   </button>
 </div>