From bab6451339c1dddee23dd5daa244e77ec86e3bd6 Mon Sep 17 00:00:00 2001
From: coderaiser <mnemonic.enemy@gmail.com>
Date: Tue, 10 Dec 2013 11:40:16 +0000
Subject: [PATCH] feature(contact) add

---
 html/index.html             |  1 +
 json/modules.json           |  1 +
 lib/client/contact.js       | 75 ++++++++++++++++++++++++++++++++
 lib/client/contact/olark.js | 87 +++++++++++++++++++++++++++++++++++++
 lib/client/listeners.js     | 36 +++++++++------
 5 files changed, 186 insertions(+), 14 deletions(-)
 create mode 100644 lib/client/contact.js
 create mode 100644 lib/client/contact/olark.js

diff --git a/html/index.html b/html/index.html
index bab2b82c..4af7579a 100644
--- a/html/index.html
+++ b/html/index.html
@@ -27,6 +27,7 @@
         <button id=f9 class=cmd-button>F9 - menu</button>
         <button id=f10 class=cmd-button>F10 - config</button>
         <button id=~ class=cmd-button>~ - console</button>
+        <button id=contact class=cmd-button>contact</button>
     </div>
     <script>
         (function() {
diff --git a/json/modules.json b/json/modules.json
index 957b6b7b..9c5d1a8e 100644
--- a/json/modules.json
+++ b/json/modules.json
@@ -4,6 +4,7 @@
     "view",
     "help",
     "config",
+    "contact",
     "console", {
         "name": "storage",
         "data": [{
diff --git a/lib/client/contact.js b/lib/client/contact.js
new file mode 100644
index 00000000..f8e735ca
--- /dev/null
+++ b/lib/client/contact.js
@@ -0,0 +1,75 @@
+(function(CloudCmd, Util, DOM) {
+    'use strict';
+    
+    CloudCmd.Contact = ContactProto;
+        
+    function ContactProto(pCallBack) {
+        var Contact = this,
+            Images  = DOM.Images,
+            Key     = CloudCmd.Key,
+            Inited  = false,
+            DIR     = CloudCmd.LIBDIRCLIENT;
+        
+        function init(pCallBack) {
+            if (!Inited) {
+                Contact.show = show;
+                Contact.hide = hide;
+                
+                load(function() {
+                    Inited = true;
+                    
+                    olark('api.box.onExpand',   Contact.show);
+                    olark('api.box.onShow',     Contact.show);
+                    olark('api.box.onHide',     Contact.hide);
+                    olark('api.box.onShrink',   Contact.hide);
+                    
+                    DOM.Events.addKey(listener);
+                    DOM.setButtonKey('contact', Contact.show);
+                    
+                    Util.exec(pCallBack);
+                });
+            }
+        }
+        
+        function load(callback) {
+            var path = DIR + 'contact/olark.js';
+            
+            Images.showLoad({top: true});
+            
+            DOM.jsload(path, function() {
+                Util.exec(callback);
+            });
+        }
+        
+        function show() {
+            Key.unsetBind();
+            Images.hideLoad();
+            
+            if (Inited)
+                olark('api.box.expand');
+            else
+                init(Contact.show);
+        }
+        
+        function hide() {
+            Key.setBind();
+            
+            if (Inited)
+                olark('api.box.hide');
+            else
+                init(Contact.hide);
+        }
+        
+        function listener(pEvent) {
+            var ESC     = Key.ESC,
+                isBind  = Key.isBind(),
+                key     = pEvent.keyCode;
+            
+            if (!isBind && key === ESC)
+                Contact.hide();
+        }
+        
+        init(pCallBack);
+    }
+    
+})(CloudCmd, Util, DOM);
diff --git a/lib/client/contact/olark.js b/lib/client/contact/olark.js
new file mode 100644
index 00000000..ad046a81
--- /dev/null
+++ b/lib/client/contact/olark.js
@@ -0,0 +1,87 @@
+window.olark || (function (c) {
+    var f = window,
+        d = document,
+        l = f.location.protocol == "https:" ? "https:" : "http:",
+        z = c.name,
+        r = "load";
+    var nt = function () {
+        f[z] = function () {
+            (a.s = a.s || []).push(arguments);
+        };
+        var a = f[z]._ = {}, q = c.methods.length;
+        while (q--) {
+            (function (n) {
+                f[z][n] = function () {
+                    f[z]("call", n, arguments);
+                };
+            })(c.methods[q]);
+        }
+        a.l = c.loader;
+        a.i = nt;
+        a.p = {
+            0: +new Date()
+        };
+        a.P = function (u) {
+            a.p[u] = new Date() - a.p[0];
+        };
+
+        function s() {
+            a.P(r);
+            f[z](r);
+        }
+        f.addEventListener ? f.addEventListener(r, s, false) : f.attachEvent("on" + r, s);
+        var ld = function () {
+            function p(hd) {
+                hd = "head";
+                return ["<", hd, "></", hd, "><", i, ' onl' + 'oad="var d=', g, ";d.getElementsByTagName('head')[0].", j, "(d.", h, "('script')).", k, "='", l, "//", a.l, "'", '"', "></", i, ">"].join("");
+            }
+            var i = "body",
+                m = d[i];
+            if (!m) {
+                return setTimeout(ld, 100);
+            }
+            a.P(1);
+            var j = "appendChild",
+                h = "createElement",
+                k = "src",
+                n = d[h]("div"),
+                v = n[j](d[h](z)),
+                b = d[h]("iframe"),
+                g = "document",
+                e = "domain",
+                o;
+            n.style.display = "none";
+            m.insertBefore(n, m.firstChild).id = z;
+            b.frameBorder = "0";
+            b.id = z + "-loader";
+            if (/MSIE[ ]+6/.test(navigator.userAgent)) {
+                b.src = "javascript:false";
+            }
+            b.allowTransparency = "true";
+            v[j](b);
+            try {
+                b.contentWindow[g].open();
+            } catch (w) {
+                c[e] = d[e];
+                o = "javascript:var d=" + g + ".open();d.domain='" + d.domain + "';";
+                b[k] = o + "void(0);";
+            }
+            try {
+                var t = b.contentWindow[g];
+                t.write(p());
+                t.close();
+            } catch (x) {
+                b[k] = o + 'd.write("' + p().replace(/"/g, String.fromCharCode(92) + '"') + '");d.close();';
+            }
+            a.P(2);
+        };
+        ld();
+    };
+    nt();
+})({
+    loader: "static.olark.com/jsclient/loader0.js",
+    name: "olark",
+    methods: ["configure", "extend", "declare", "identify"]
+});
+/* custom configuration goes here (www.olark.com/documentation) */
+olark.identify('6216-545-10-4223');
\ No newline at end of file
diff --git a/lib/client/listeners.js b/lib/client/listeners.js
index ff371bde..de9fec16 100644
--- a/lib/client/listeners.js
+++ b/lib/client/listeners.js
@@ -38,7 +38,7 @@ var Util, DOM, CloudCmd;
         };
         
         this.initKeysPanel          = function() {
-            var i, lButton, lEl,
+            var i, lButton, id, n, f,
                 lKeysPanel = {},
             
                 lFuncs =[
@@ -52,24 +52,32 @@ var Util, DOM, CloudCmd;
                     DOM.promptNewDir,           /* f7  */
                     DOM.promptDeleteSelected,   /* f8  */
                     CloudCmd.Menu,              /* f9  */
-                    CloudCmd.Config,            /* f10 */
+                    CloudCmd.Config             /* f10 */
                 ];
             
-            for (i = 1; i <= 10; i++) {
-                lButton             = 'f' + i,
-                lEl                 = DOM.getById('f' + i);
-                lKeysPanel[lButton] = lEl;
+            n = lFuncs.length;
+            for (i = 1; i <= n; i++) {
+                id                  = 'f' + i,
+                lButton             = DOM.getById(id);
+                lKeysPanel[id]      = lButton;
                 
-                if (i === 1 || i === 3 || i === 4 || i === 9 || i === 10)
-                    Events.addOnce('click', lFuncs[i], lEl);
-                else
-                    Events.addClick(lFuncs[i], lEl);
+                if (lButton)
+                    if (i === 1 || i === 3 || i === 4 || i === 9 || i === 10 || i === 12)
+                        Events.addOnce('click', lFuncs[i], lButton);
+                    else
+                        Events.addClick(lFuncs[i], lButton);
             }
             
-            lButton                 = '~',
-            lEl                     = DOM.getById('~');
-            lKeysPanel[lButton]     = lEl;
-            Events.addOnce('click', CloudCmd.Console, lEl);
+            id                      = '~',
+            lButton                 = DOM.getById(id);
+            lKeysPanel[id]          = lButton;
+            Events.addOnce('click', CloudCmd.Console, lButton);
+            
+            id                      = 'contact',
+            lButton                 = DOM.getById(id);
+            lKeysPanel[id]          = lButton;
+            
+            Events.addOnce('click', CloudCmd.Contact, lButton);
             
             return lKeysPanel;
         };