UNPKG

routebar

Version:

A visual component for navigating between panel cells containing user content.

339 lines (338 loc) 12.4 kB
<!doctype html> <html lang="en"> <head> <title>Code coverage report for js/swipesControl.js</title> <meta charset="utf-8" /> <link rel="stylesheet" href="../prettify.css" /> <link rel="stylesheet" href="../base.css" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <style type='text/css'> .coverage-summary .sorter { background-image: url(../sort-arrow-sprite.png); } </style> </head> <body> <div class='wrapper'> <div class='pad1'> <h1> <a href="../index.html">all files</a> / <a href="index.html">js/</a> swipesControl.js </h1> <div class='clearfix'> <div class='fl pad1y space-right2'> <span class="strong">21.05% </span> <span class="quiet">Statements</span> <span class='fraction'>8/38</span> </div> <div class='fl pad1y space-right2'> <span class="strong">0% </span> <span class="quiet">Branches</span> <span class='fraction'>0/14</span> </div> <div class='fl pad1y space-right2'> <span class="strong">11.11% </span> <span class="quiet">Functions</span> <span class='fraction'>1/9</span> </div> <div class='fl pad1y space-right2'> <span class="strong">22.22% </span> <span class="quiet">Lines</span> <span class='fraction'>8/36</span> </div> </div> </div> <div class='status-line low'></div> <pre><table class="coverage"> <tr><td class="line-count quiet">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92</td><td class="line-coverage quiet"><span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">define(['utils', 'IControl', 'errors', 'hammer'], function(Utils, IControl, Errors, Hammer) { "use strict"; &nbsp; /** * @class * Класс управления панелью на мобильных устройствах с помощью свайпов. * @param {JQuery} mainDiv - элемент, в котором располагается панель. Должен содержать класс rb-wrapper. * @param {function} actionFn - функция, определяющая действие при переходе в одну из сторон (Moving.prototype._moveByActionValue) * @constructor SwipesControl * @extends IControl */ function SwipesControl(mainDiv, actionFn) <span class="fstat-no" title="function not covered" >{</span> <span class="cstat-no" title="statement not covered" > if (!(mainDiv instanceof $)) {</span> <span class="cstat-no" title="statement not covered" > throw new Errors.ArgumentError('mainDiv', mainDiv);</span> } &nbsp; <span class="cstat-no" title="statement not covered" > if (typeof actionFn !== 'function') {</span> <span class="cstat-no" title="statement not covered" > throw new Errors.ArgumentError('actionFn', actionFn);</span> } <span class="cstat-no" title="statement not covered" > this._isEnable = false;</span> <span class="cstat-no" title="statement not covered" > this._mainDiv = mainDiv;</span> <span class="cstat-no" title="statement not covered" > this._actionFn = actionFn;</span> &nbsp; <span class="cstat-no" title="statement not covered" > this._hammertime = new Hammer(mainDiv[0]);</span> <span class="cstat-no" title="statement not covered" > this._hammertime.get('swipe').set({direction: Hammer.DIRECTION_ALL});</span> } Utils.inherite(SwipesControl, IControl); /** * Применить конфигурацию. Учитывает опцию pointersForSwipe. * @param {Moving~config} config * @memberOf SwipesControl */ SwipesControl.prototype.configure = function(config) <span class="fstat-no" title="function not covered" >{</span> <span class="cstat-no" title="statement not covered" > if (typeof config === 'object') {</span> <span class="cstat-no" title="statement not covered" > if (config.pointersForSwipe !== undefined) {</span> <span class="cstat-no" title="statement not covered" > this._hammertime.get('swipe').set({pointers: config.pointersForSwipe});</span> } } }; /** * * @returns {boolean} * @memberOf SwipesControl */ SwipesControl.prototype.isEnable = function() <span class="fstat-no" title="function not covered" >{</span> <span class="cstat-no" title="statement not covered" > return this._isEnable;</span> }; /** * * @memberOf SwipesControl */ SwipesControl.prototype.enable = function() <span class="fstat-no" title="function not covered" >{</span> <span class="cstat-no" title="statement not covered" > if (this._isEnable) <span class="cstat-no" title="statement not covered" >return;</span></span> &nbsp; function swipeHandler(e) <span class="fstat-no" title="function not covered" >{</span> <span class="cstat-no" title="statement not covered" > if (self._mainDiv.is(e.target.closest('.rb'))) {</span> <span class="cstat-no" title="statement not covered" > self._actionFn(e.direction, [Hammer.DIRECTION_RIGHT, Hammer.DIRECTION_DOWN, Hammer.DIRECTION_LEFT, Hammer.DIRECTION_UP], function(val, defVal) <span class="fstat-no" title="function not covered" >{</span></span> <span class="cstat-no" title="statement not covered" > return val === defVal;</span> }); } <span class="cstat-no" title="statement not covered" > e.preventDefault();</span> <span class="cstat-no" title="statement not covered" > e.srcEvent.stopPropagation();</span> } &nbsp; var self = <span class="cstat-no" title="statement not covered" >this;</span> <span class="cstat-no" title="statement not covered" > this._hammertime.on('swipe', swipeHandler);</span> <span class="cstat-no" title="statement not covered" > this._swipeHandler = swipeHandler;</span> &nbsp; <span class="cstat-no" title="statement not covered" > this._isEnable = true;</span> }; /** * * @memberOf SwipesControl */ SwipesControl.prototype.disable = function() <span class="fstat-no" title="function not covered" >{</span> <span class="cstat-no" title="statement not covered" > if (!this._isEnable) <span class="cstat-no" title="statement not covered" >return;</span></span> &nbsp; <span class="cstat-no" title="statement not covered" > this._hammertime.off('swipe', this._swipeHandler);</span> <span class="cstat-no" title="statement not covered" > this._swipeHandler = null;</span> &nbsp; <span class="cstat-no" title="statement not covered" > this._isEnable = false;</span> }; /** * * @memberOf SwipesControl */ SwipesControl.prototype.destroy = function() <span class="fstat-no" title="function not covered" >{</span> <span class="cstat-no" title="statement not covered" > this.disable();</span> }; &nbsp; return SwipesControl; });</pre></td></tr> </table></pre> <div class='push'></div><!-- for sticky footer --> </div><!-- /wrapper --> <div class='footer quiet pad2 space-top1 center small'> Code coverage generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Mon Mar 27 2017 01:49:59 GMT+0300 (MSK) </div> </div> <script src="../prettify.js"></script> <script> window.onload = function () { if (typeof prettyPrint === 'function') { prettyPrint(); } }; </script> <script src="../sorter.js"></script> </body> </html>