diff --git a/css/config.css b/css/config.css
new file mode 100644
index 00000000..4d10e939
--- /dev/null
+++ b/css/config.css
@@ -0,0 +1,58 @@
+#config {
+    white-space: normal;
+}
+
+.list li{
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+}
+
+#config .form-control{
+    padding: 0 12px;
+    font-size: 16px;
+    line-height: 1.428571429;
+    color: #555555;
+    background-color: #ffffff;
+    border: 1px solid #cccccc;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+}
+
+#config .form-control:focus {
+    border-color: #66afe9;
+    outline: 0;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
+}
+
+#config .form-control:-moz-placeholder {
+    color: #999999;
+}
+
+#config .form-control::-moz-placeholder {
+    color: #999999;
+}
+
+#config .form-control:-ms-input-placeholder {
+    color: #999999;
+}
+
+#config .form-control::-webkit-input-placeholder {
+    color: #999999;
+}
+
+#config .list {
+    text-align:left;
+    margin: 5%;
+}
+
+#config #DivBorder{
+    margin  : 10% auto;
+    border  :1px solid #ADCAFD;
+    width   :300px;
+}
diff --git a/html/config.html b/html/config.html
new file mode 100644
index 00000000..d8bae46f
--- /dev/null
+++ b/html/config.html
@@ -0,0 +1,21 @@
+<div id="DivBorder">
+    <ul class="list" >
+        <li><input class="form-control" placeholder="Api url" value="{{ api_url}}"></input></li>
+        <li><span><input checked type="checkbox" id="appcache" {{ appcache }} ></input></span><label for="appcache"> App cache</label></li>
+        <li><span><input checked type="checkbox" id="analytics" {{ analytics }} ></input></span><label for="analytics"> Analytics</label></li>
+        <li><span><input checked type="checkbox" id="localStorage" {{ localStorage }} ></input></span><label for="localStorage"> Local Storage</label></li>
+        <li><span><input checked type="checkbox" id="minify" {{ minify }} ></input></span><label for="minify"> Minify</label></li>
+        <li><span><input checked type="checkbox" id="online" {{ online }} ></input></span><label for="online"> Online</label></li>
+        <li><span><input checked type="checkbox" id="cache" {{ cache }} ></input></span><label for="cache"> Cache</label></li>
+        <li><span><input checked type="checkbox" id="logs" {{ logs }} ></input></span><label for="logs"> Logs</label></li>
+        <li><span><input checked type="checkbox" id="show_keys_panel" {{ show_keys_panel }}></input></span><label for="show_keys_panel"> Show keys panel</label></li>
+        <li><span><input checked type="checkbox" id="server"{{ server }}></input></span><label for="server"> Server</label></li>
+        
+        <li><span><input checked type="checkbox" id="socket" {{ socket }} ></input></span><label for="socket"> Socket</label></li>
+        <li><input class="form-control" placeholder="Port" id="port" value="{{ port }}"></input></li>
+        <li><input class="form-control" placeholder="Ssl Port" id="sslPort" value="{{ sslPort }}"></input></li>
+        <li><input class="form-control" placeholder="IP" id="ip" value="{{ ip }}"></input></li>
+        <li><span><input checked type="checkbox" id="ssl" {{ ssl }} ></input></span><label for="ssl"> SSL</label></li>
+        <li><span><input checked type="checkbox" id="rest" {{ rest }} ></input></span><label for="rest"> REST</label></li>
+    </div>
+</div>
\ No newline at end of file
diff --git a/html/index.html b/html/index.html
index 2b8cb2d1..d37de6d1 100644
--- a/html/index.html
+++ b/html/index.html
@@ -26,6 +26,7 @@
         <button id=f7 class=cmd-button>F7 - make dir</button>
         <button id=f8 class=cmd-button>F8 - delete</button>
         <button id=f9 class=cmd-button>F9 - menu</button>
+        <button id=f10 class="cmd-button hidden">F10 - config</button>
         <button id=~ class=cmd-button>~ - console</button>
     </div>
     <script src=/lib/util.js></script>
diff --git a/json/modules.json b/json/modules.json
index 64732a08..957b6b7b 100644
--- a/json/modules.json
+++ b/json/modules.json
@@ -3,6 +3,7 @@
     "menu",
     "view",
     "help",
+    "config",
     "console", {
         "name": "storage",
         "data": [{
diff --git a/lib/client/config.js b/lib/client/config.js
new file mode 100644
index 00000000..6c32b8ee
--- /dev/null
+++ b/lib/client/config.js
@@ -0,0 +1,72 @@
+var CloudCmd, Util, DOM;
+(function(CloudCmd, Util, DOM){
+    'use strict';
+    
+    CloudCmd.Config = new ConfigProto(CloudCmd, Util, DOM);
+        
+    function ConfigProto(CloudCmd, Util, DOM){
+        var Key     = CloudCmd.Key,
+            Images  = DOM.Images,
+            Config  = this;
+            
+        this.init                = function(pCallBack){
+            Util.loadOnLoad([
+                Config.show,
+                CloudCmd.View,
+            ]);
+            
+            DOM.Events.addKey(listener);
+            DOM.setButtonKey('f10', Config.show);
+            
+            delete Config.init;
+        };
+        
+        this.show                       = function(){
+            Images.showLoad({top:true});
+             
+            DOM.ajax({
+                url: '/css/config.css', 
+                success:  function (data){
+                    DOM.cssSet({
+                        id      : 'config-css',
+                        inner   : data
+                    });
+                        
+                    Images.hideLoad();
+                },
+                
+                error:Images.showError
+            });
+            
+            DOM.ajax({
+                url: '/html/config.html', 
+                success:  function (data){
+                      var lDiv = DOM.anyload({
+                            name    : 'div',
+                            id      : 'config',
+                            inner   : data.toString()
+                        });
+                        
+                        Images.hideLoad();
+                        CloudCmd.View.show(lDiv);
+                },
+                
+                error:Images.showError
+            });
+        };
+        
+        
+        this.hide                       =  CloudCmd.View.hide;
+        
+        function listener(pEvent){
+            var f10         = Key.F10,
+                isBind      = Key.isBind(),
+                key         = pEvent.keyCode;
+            
+            /* если клавиши можно обрабатывать */
+            if (isBind && key === f10)
+                Config.show();
+        }
+    }
+    
+})(CloudCmd, Util, DOM);
\ No newline at end of file
diff --git a/lib/client/key.js b/lib/client/key.js
index b476a26a..b8d91b74 100644
--- a/lib/client/key.js
+++ b/lib/client/key.js
@@ -39,6 +39,7 @@ var CloudCmd, Util, DOM;
         F7          : 118,
         F8          : 119,
         F9          : 120,
+        F10         : 121,
         
         TRA         : 192 /* Typewritten Reverse Apostrophe (`) */
     };
@@ -163,6 +164,12 @@ var CloudCmd, Util, DOM;
                     
                     break;
                 
+                case Key.F10:
+                    Util.exec(CloudCmd.Config);
+                    DOM.preventDefault(pEvent);
+                    
+                    break;
+                
                 case Key.TRA:
                     DOM.Images.showLoad({top: true});
                     Util.exec(CloudCmd.Console);
diff --git a/lib/client/listeners.js b/lib/client/listeners.js
index 3cce9608..72cb59db 100644
--- a/lib/client/listeners.js
+++ b/lib/client/listeners.js
@@ -43,23 +43,24 @@ var Util, DOM, CloudCmd;
             
                 lFuncs =[
                     null,
-                    CloudCmd.Help,              /* f1 */
-                    DOM.renameCurrent,          /* f2 */
-                    CloudCmd.View,              /* f3 */
-                    CloudCmd.Edit,              /* f4 */
-                    DOM.copyCurrent,            /* f5 */
-                    DOM.moveCurrent,            /* f6 */
-                    DOM.promptNewDir,           /* f7 */
-                    DOM.promptDeleteSelected,   /* f8 */
-                    CloudCmd.Menu,              /* f9 */
+                    CloudCmd.Help,              /* f1  */
+                    DOM.renameCurrent,          /* f2  */
+                    CloudCmd.View,              /* f3  */
+                    CloudCmd.Edit,              /* f4  */
+                    DOM.copyCurrent,            /* f5  */
+                    DOM.moveCurrent,            /* f6  */
+                    DOM.promptNewDir,           /* f7  */
+                    DOM.promptDeleteSelected,   /* f8  */
+                    CloudCmd.Menu,              /* f9  */
+                    CloudCmd.Config,            /* f10 */
                 ];
             
-            for (i = 1; i <= 9; i++) {
+            for (i = 1; i <= 10; i++) {
                 lButton             = 'f' + i,
                 lEl                 = DOM.getById('f' + i);
                 lKeysPanel[lButton] = lEl;
                 
-                if (i === 1 || i === 3 || i === 4 || i === 9)
+                if (i === 1 || i === 3 || i === 4 || i === 9 || i === 10)
                     Events.addOnce('click', lFuncs[i], lEl);
                 else
                     Events.addClick(lFuncs[i], lEl);