From cb61acda065c4d795bca352c18fa00928febd806 Mon Sep 17 00:00:00 2001
From: Jack Pearkes <jackpearkes@gmail.com>
Date: Tue, 29 Apr 2014 16:16:22 -0400
Subject: [PATCH] ui: kv updates and improved active list view

---
 ui/index.html                     | 11 +++++++++--
 ui/javascripts/app/controllers.js | 18 ++++++++++++++++++
 ui/styles/_lists.scss             |  5 ++++-
 3 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/ui/index.html b/ui/index.html
index 3516490aea..e9699772ec 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -115,7 +115,7 @@
 
     <div class="col-md-5 col-md-offset-1">
       <div class="panel">
-        <div class="panel-bar bg-green"></div>
+        <div {{ bind-attr class=":panel-bar isLoading:bg-orange:bg-green" }}></div>
           <div class="panel-heading">
             <h3 class="panel-title">
               {{model.key}}
@@ -123,7 +123,14 @@
           </div>
 
           <div class="panel-body">
-            {{ textarea value=model.value class="form-control"}}
+            <form class="form">
+              <div class="form-group">
+                {{ textarea value=model.value class="form-control"}}
+              </div>
+              <div class="form-group">
+                <button {{ action "updateKey"}} {{bind-attr disabled=isLoading }} {{ bind-attr class=":btn isLoading:btn-warning:btn-success" }}>Update</button>
+              </div>
+            </form>
           </div>
         </div>
     </div>
diff --git a/ui/javascripts/app/controllers.js b/ui/javascripts/app/controllers.js
index 1cb348c7db..63fd0d3fc3 100644
--- a/ui/javascripts/app/controllers.js
+++ b/ui/javascripts/app/controllers.js
@@ -70,3 +70,21 @@ App.ServicesController = Ember.ArrayController.extend({
 App.ServicesShowController = Ember.Controller.extend({
   needs: ['services']
 });
+
+
+App.KvEditController = Ember.Controller.extend({
+  isLoading: false,
+
+  actions: {
+    updateKey: function() {
+      var key = this.get("model");
+      this.set('isLoading', true);
+
+      Ember.run.later(this, function() {
+        this.set('isLoading', false)
+      }, 500);
+
+    }
+  }
+
+});
diff --git a/ui/styles/_lists.scss b/ui/styles/_lists.scss
index 6587813efa..a55275e59e 100644
--- a/ui/styles/_lists.scss
+++ b/ui/styles/_lists.scss
@@ -42,7 +42,10 @@
     }
 
     &.active {
-        border-color: $gray;
+        border-color: $purple;
+        .list-bar {
+            background-color: $purple;
+        }
     }
 
 }