From 1881c46fa2db7613e0f585e48aa0316fbed6b947 Mon Sep 17 00:00:00 2001
From: coderaiser <mnemonic.enemy@gmail.com>
Date: Mon, 4 Nov 2013 13:19:00 +0000
Subject: [PATCH] feature(config) add change

---
 lib/client/config.js | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/lib/client/config.js b/lib/client/config.js
index e758c177..88893cde 100644
--- a/lib/client/config.js
+++ b/lib/client/config.js
@@ -7,6 +7,9 @@ var CloudCmd, Util, DOM;
     function ConfigProto(CloudCmd, Util, DOM){
         var Key     = CloudCmd.Key,
             Images  = DOM.Images,
+            Events  = DOM.Events,
+            ESC     = CloudCmd.Key.ESC,
+            INPUT   = 'INPUT',
             Config  = this;
             
         this.init                = function(pCallBack){
@@ -42,7 +45,7 @@ var CloudCmd, Util, DOM;
                 url: '/html/config.html', 
                 success:  function (data) {
                     CloudCmd.getConfig(function(config) {
-                        var lDiv, obj = {};
+                        var i, n, div, li, param, obj = {}; 
                         
                         Util.copyObj(config, obj);
                         
@@ -50,14 +53,23 @@ var CloudCmd, Util, DOM;
                         
                         data = Util.render(data, obj);
                           
-                        lDiv = DOM.anyload({
+                        div = DOM.anyload({
                             name    : 'div',
                             id      : 'config',
                             inner   : data.toString()
                         });
                         
+                        li  = DOM.getByTag(INPUT, div);
+                        n   = li.length;
+                        
+                        for (i = 0; i < n; i++) {
+                            param = li[i];
+                            Events.add('change', change, param);
+                            Events.addKey(key, param);
+                        }
+                        
                         Images.hideLoad();
-                        CloudCmd.View.show(lDiv);
+                        CloudCmd.View.show(div);
                     });
                 },
                 
@@ -65,7 +77,7 @@ var CloudCmd, Util, DOM;
             });
         };
         
-        this.hide                       =  CloudCmd.View.hide;
+        this.hide                       =  CloudCmd.View.hide
         
         function listener(pEvent){
             var f10         = Key.F10,
@@ -93,6 +105,17 @@ var CloudCmd, Util, DOM;
             
             return ret;
         }
+        
+        function change(event) {
+            Util.log(event);
+        }
+        
+        function key(event) {
+            var keyCode = event.keyCode;
+            
+            if (keyCode === ESC)
+                Config.hide();
+        }
     }
     
 })(CloudCmd, Util, DOM);