kf5 0.2.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 50231b0a61f410d1d4d532d091b04927d9b275c4
-  data.tar.gz: fe9f484fd4ae97eb4443e6aceb07b9663933d411
+  metadata.gz: a37d016acb7b368be42ddba7b061c5a7b60ef871
+  data.tar.gz: bd1a96be69ea75a75893dcd5dca8f4e5a5ce6c40
 SHA512:
-  metadata.gz: 032f67d39110a4cdc78ad65855b2d74c5b4dfc4d544ce67858fab624fef3533ef3056e0437613aa8d98a0dc400cae945401c8bc3805a2b4d16bd4148921feca4
-  data.tar.gz: 1b741f647529dee6eb897ea7392937d319edb2f3487efaddf6876f169f135474cd0a114bc0e62a7a447bc811c6bf8eb123d3dd1d1e5867393fd57db50aada80e
+  metadata.gz: 89fd394684e5e7866c227ce912193b7d8aa4432ed98a535121bd7df0332e02ad2fd23c99f2dde6238fcdcd526dc3f9d5c18a0d4acfc5c6a43e93887dd89fde2e
+  data.tar.gz: 39d42976e766e536374ea9cdeb2b1ebd821c1722fea8569b60e04ef47106262520aded37e8ffc5820355569fb969dee1b114b3e95671cb5ce67163f330e07eef

data/CHANGELOG.md

@@ -1,3 +1,7 @@
+# v0.2.1 / 2015-09-22
+
+* update kf5.js
+
 # v0.2.0 / 2015-09-19
 
 * add embedded javascript plugin.

data/app/assets/javascripts/kf5.js

@@ -16,7 +16,7 @@
             iframeURL          : '//' + kf5Domain + '/supportbox/index',
             btn_icon           : '//assets.kf5.com/supportbox/images/icon2.png',
             styleURL           : '//assets.kf5.com/supportbox/css/btn.css',
-            template           : '<div id="kw-tab" class="kf5-support-btn" style="{{bg_color}}"> <img src="{{btn_icon}}" alt=""><span>{{title}}</span> </div> <div id="kw-block" class="kf5-support"> <a id="kw-close" class="kf5-close" title="关闭"><i class="icon-clear"></i></a> <div id="kw-loading" class="kf5-loading"> </div> <iframe id="kw-widget-iframe" src="" scrolling="no" frameborder="0"></iframe> </div>'
+            template           : '<div id="kw-tab" class="kf5-support-btn" style="{{bg_color}}"> <img src="{{btn_icon}}" alt=""><span>{{title}}</span> </div> <div id="kw-block" class="kf5-support"> <a id="kw-close" class="kf5-close" title="关闭"><i class="kf5-icon-clear"></i></a> <div id="kw-loading" class="kf5-loading"> </div> <iframe id="kw-widget-iframe" src="" scrolling="no" frameborder="0"></iframe> </div>'
         };
 
     function KF5SupportBox(config)
@@ -116,6 +116,7 @@
 
             this.el = window.document.createElement('div');
             this.el.setAttribute('class', className);
+            this.el.setAttribute('id', 'kf5-support-123456789');
             this.el.innerHTML = this.getOpt('template')
                     .replace('{{title}}', this.getOpt('btn_name') || '获取帮助')
                     .replace('{{btn_icon}}', this.getOpt('btn_icon'))
@@ -180,11 +181,11 @@
         {
             if(!this.isOpened)
             {
-                hideElement(this.getElement('#kw-tab'));
+                var self = this;
 
                 this.loadIframe();
-                // slideUp(this.getElement('#kw-widget-iframe'), 400);
-                slideUp(this.getElement('#kw-block'), 400);
+                slideDown(this.getElement('#kw-tab'), {duration: 200, easing: 'swing'});
+                slideUp(self.getElement('#kw-block'), {duration: 200, easing: 'swing'});
 
                 cookie('kf5-supportBox-autoOpen', 1, {expires: 3 / 24, path: '/'});
 
@@ -194,11 +195,27 @@
 
         close: function(e)
         {
-            // slideDown(this.getElement('#kw-widget-iframe'), 400);
-            slideDown(this.getElement('#kw-block'), 400);
+            // slideDown(this.getElement('#kw-block'), 200);
+            // showElement(this.getElement('#kw-tab'));
+            var self = this;
 
-            showElement(this.getElement('#kw-tab'));
-            // this.getElement('#kw-widget-iframe').setAttribute('src', '');
+            slideDown(
+                this.getElement('#kw-block'), 
+                {
+                    duration: 200, 
+                    easing: 'swing', 
+                    callback: function()
+                    {
+                        slideUp(
+                            self.getElement('#kw-tab'), 
+                            {
+                                duration: 200, 
+                                easing: 'swing'
+                            }
+                        );
+                    }
+                }
+            );
             
             cookie('kf5-supportBox-autoOpen', null, {path: '/'});
 
@@ -209,6 +226,11 @@
     var supportbox;
     function onload()
     {
+        // if(supportbox)
+        // {
+        //     return;
+        // }
+
         var script = window.document.createElement('script'),
             configURL = supportboxConfigURL;
 
@@ -230,6 +252,12 @@
     document.addEventListener('page:load', onload, false);
     window.addEventListener('load', onload, false);
 
+    if(!window.initializeKF5SupportBox)
+    {
+        // 暴露初始化方法，以解决特殊情况下load事件无法触发
+        window.initializeKF5SupportBox = onload;
+    }
+
     // allow cross origin operation
     window.addEventListener('message', function(e)
     {
@@ -417,7 +445,20 @@
         return curCSS && curCSS(el, style);
     }
 
-    function slideUp(elem, duration)
+    var easing = {
+
+        swing: function(p)
+        {
+            return 0.5 - Math.cos( p * Math.PI ) / 2;
+        },
+
+        linear: function(p)
+        {
+            return p;
+        }
+    };
+
+    function slideUp(elem, options)
     {
         var originalStyle = elem.getAttribute('style');
         elem.style.display = 'block';
@@ -425,17 +466,18 @@
 
         elem.style.height = '0px';
 
-        duration = duration || 500;
+        var duration = options.duration || 500;
         var tStart = Date.now(),
-            cost = 0,
+            percent = 0,
             timer = setInterval(function()
             {
-                cost = (Date.now() - tStart) / duration;
-                cost = cost > 1 ? 1 : cost;
+                percent = (Date.now() - tStart) / duration;
+                percent = percent > 1 ? 1 : percent;
 
-                elem.style.height = cost * originalHeight + 'px';
+                elem.style.height = (easing[options.easing || 'swing'](percent) 
+                        * originalHeight) + 'px';
 
-                if(cost >= 1)
+                if(percent >= 1)
                 {
                     clearInterval(timer);
                     timer = null;
@@ -449,28 +491,31 @@
                         elem.removeAttribute('style');
                     }
                     elem.style.display = 'block';
+
+                    options.callback && options.callback.call(elem);
                 }
             }, 1000 / 60);
     }
 
-    function slideDown(elem, duration)
+    function slideDown(elem, options)
     {
         var originalStyle = elem.getAttribute('style');
         elem.style.display = 'block';
 
         var originalHeight = parseInt(getStyle(elem, 'height'));
 
-        duration = duration || 500;
+        var duration = options.duration || 500;
         var tStart = Date.now(),
-            cost = 0,
+            percent = 0,
             timer = setInterval(function()
             {
-                cost = (Date.now() - tStart) / duration;
-                cost = cost > 1 ? 1 : cost;
+                percent = (Date.now() - tStart) / duration;
+                percent = percent > 1 ? 1 : percent;
 
-                elem.style.height = (1 - cost) * originalHeight + 'px';
+                elem.style.height = (easing[options.easing || 'swing'](1 - percent) 
+                        * originalHeight) + 'px';
 
-                if(cost >= 1)
+                if(percent >= 1)
                 {
                     clearInterval(timer);
                     timer = null;
@@ -484,6 +529,8 @@
                         elem.removeAttribute('style');
                     }
                     elem.style.display = 'none';
+
+                    options.callback && options.callback.call(elem);
                 }
             }, 1000 / 60);
     }

data/lib/kf5/version.rb

@@ -1,3 +1,3 @@
 module KF5
-  VERSION = "0.2.0"
+  VERSION = "0.2.1"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: kf5
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.1
 platform: ruby
 authors:
 - Chen Yi-Cyuan
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-09-19 00:00:00.000000000 Z
+date: 2015-09-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler