sharetribe/sharetribe

File sortable.js has 2871 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/**!
 * Sortable 1.10.2
 * @author    RubaXa   <trash@rubaxa.org>
 * @author    owenm    <owen23355@gmail.com>
 * @license MIT

Function MultiDragPlugin has 463 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  function MultiDragPlugin() {
    function MultiDrag(sortable) {
      // Bind all private methods
      for (var fn in this) {
        if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {

Function _onDragOver has 201 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    _onDragOver: function _onDragOver(
    /**Event*/
    evt) {
      var el = this.el,
          target = evt.target,

Function _onDrop has 122 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    _onDrop: function _onDrop(
    /**Event*/
    evt) {
      var el = this.el,
          options = this.options; // Get the index of the dragged element within its parent

Function drop has 121 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      drop: function drop(_ref12) {
        var evt = _ref12.originalEvent,
            rootEl = _ref12.rootEl,
            parentEl = _ref12.parentEl,
            sortable = _ref12.sortable,

Function AnimationStateManager has 119 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  function AnimationStateManager() {
    var animationStates = [],
        animationCallbackId;
    return {
      captureAnimationState: function captureAnimationState() {

Function AutoScrollPlugin has 88 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  function AutoScrollPlugin() {
    function AutoScroll() {
      this.defaults = {
        scroll: true,
        scrollSensitivity: 30,

Function autoScroll has 78 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
    // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521
    if (!options.scroll) return;
    var x = (evt.touches ? evt.touches[0] : evt).clientX,
        y = (evt.touches ? evt.touches[0] : evt).clientY,

Function _prepareDragStart has 76 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    _prepareDragStart: function _prepareDragStart(
    /** Event */
    evt,
    /** Touch */
    touch,

Consider simplifying this complex logical expression.

Open

      if (tapEvt) {
        var options = this.options,
            fallbackTolerance = options.fallbackTolerance,
            fallbackOffset = options.fallbackOffset,
            touch = evt.touches ? evt.touches[0] : evt,

Function Sortable has 75 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  function Sortable(el, options) {
    if (!(el && el.nodeType && el.nodeType === 1)) {
      throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(el));
    }

Function _onTapStart has 72 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    _onTapStart: function _onTapStart(
    /** Event|TouchEvent */
    evt) {
      if (!evt.cancelable) return;

Function SwapPlugin has 65 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  function SwapPlugin() {
    function Swap() {
      this.defaults = {
        swapClass: 'sortable-swap-highlight'
      };

Function animateAll has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      animateAll: function animateAll(callback) {
        var _this = this;

        if (!this.options.animation) {
          clearTimeout(animationCallbackId);

Consider simplifying this complex logical expression.

Open

      if (el === winScroller) {
        canScrollX = width < scrollWidth && (elCSS.overflowX === 'auto' || elCSS.overflowX === 'scroll' || elCSS.overflowX === 'visible');
        canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll' || elCSS.overflowY === 'visible');
      } else {
        canScrollX = width < scrollWidth && (elCSS.overflowX === 'auto' || elCSS.overflowX === 'scroll');

Function getRect has 54 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoScale, container) {
    if (!el.getBoundingClientRect && el !== window) return;
    var elRect, top, left, bottom, right, height, width;

    if (el !== window && el !== getWindowScrollingElement()) {

Function _onDragStart has 53 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    _onDragStart: function _onDragStart(
    /**Event*/
    evt,
    /**boolean*/
    fallback) {

Function dispatchEvent has 48 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  function dispatchEvent(_ref) {
    var sortable = _ref.sortable,
        rootEl = _ref.rootEl,
        name = _ref.name,
        targetEl = _ref.targetEl,

Function dragOverCompleted has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      dragOverCompleted: function dragOverCompleted(_ref10) {
        var sortable = _ref10.sortable,
            isOwner = _ref10.isOwner,
            insertion = _ref10.insertion,
            activeSortable = _ref10.activeSortable,

Function _onTouchMove has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    _onTouchMove: function _onTouchMove(
    /**TouchEvent*/
    evt) {
      if (tapEvt) {
        var options = this.options,

Function completed has 39 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      function completed(insertion) {
        dragOverEvent('dragOverCompleted', {
          insertion: insertion
        });

Function _appendGhost has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    _appendGhost: function _appendGhost() {
      // Bug if using scale(): https://stackoverflow.com/questions/2637058
      // Not being adjusted for
      if (!ghostEl) {
        var container = this.options.fallbackOnBody ? document.body : rootEl,

Function pluginEvent has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  var pluginEvent = function pluginEvent(eventName, sortable) {
    var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
        originalEvent = _ref.evt,
        data = _objectWithoutProperties(_ref, ["evt"]);

Function _emulateDragOver has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    _emulateDragOver: function _emulateDragOver() {
      if (touchEvt) {
        this._lastX = touchEvt.clientX;
        this._lastY = touchEvt.clientY;

Function _getSwapDirection has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  function _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {
    var mouseOnAxis = vertical ? evt.clientY : evt.clientX,
        targetLength = vertical ? targetRect.height : targetRect.width,
        targetS1 = vertical ? targetRect.top : targetRect.left,
        targetS2 = vertical ? targetRect.bottom : targetRect.right,

Function dragStarted has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      dragStarted: function dragStarted(_ref7) {
        var _this2 = this;

        var sortable = _ref7.sortable;
        if (!this.isMultiDrag) return;

Function _prepareGroup has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      _prepareGroup = function _prepareGroup(options) {
    function toFn(value, pull) {
      return function (to, from, dragEl, evt) {
        var sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;

Function _handleAutoScroll has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      _handleAutoScroll: function _handleAutoScroll(evt, fallback) {
        var _this = this;

        var x = (evt.touches ? evt.touches[0] : evt).clientX,
            y = (evt.touches ? evt.touches[0] : evt).clientY,

Function MultiDrag has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    function MultiDrag(sortable) {
      // Bind all private methods
      for (var fn in this) {
        if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
          this[fn] = this[fn].bind(this);

Function eventProperties has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      eventProperties: function eventProperties() {
        var _this3 = this;

        var oldIndicies = [],
            newIndicies = [];

Function _onMove has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  function _onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {
    var evt,
        sortable = fromEl[expando],
        onMoveFn = sortable.options.onMove,
        retVal; // Support for new CustomEvent feature

Function _onMove has 8 arguments (exceeds 4 allowed). Consider refactoring.

Open

  function _onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {

Consider simplifying this complex logical expression.

Open

        if (options.delay && (!options.delayOnTouchOnly || touch) && (!this.nativeDraggable || !(Edge || IE11OrLess))) {
          if (Sortable.eventCanceled) {
            this._onDrop();

            return;

Consider simplifying this complex logical expression.

Open

      if (target && !dragEl && target.parentNode === el) {
        var dragRect = getRect(target);
        rootEl = el;
        dragEl = target;
        parentEl = dragEl.parentNode;

Function _getSwapDirection has 8 arguments (exceeds 4 allowed). Consider refactoring.

Open

  function _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {

Avoid deeply nested control flow statements.

Open

            if (targetBeforeFirstSwap !== undefined && !isCircumstantialInvert) {
              targetMoveDistance = Math.abs(targetBeforeFirstSwap - getRect(target)[side1]);
            }

Avoid deeply nested control flow statements.

Open

                if (currentIndex > lastIndex) {
                  i = lastIndex;
                  n = currentIndex;
                } else {
                  i = currentIndex;

Avoid deeply nested control flow statements.

Open

                if (update) {
                  dispatchSortableEvent('update');
                }

Avoid deeply nested control flow statements.

Open

            if (scrolledPastTop) {
              scrollBy(scrolledPastTop, 0, scrollBefore - scrolledPastTop.scrollTop);
            }

Avoid deeply nested control flow statements.

Open

                for (; i < n; i++) {
                  if (~multiDragElements.indexOf(children[i])) continue;
                  toggleClass(children[i], options.selectedClass, true);
                  multiDragElements.push(children[i]);
                  dispatchEvent({

Avoid deeply nested control flow statements.

Open

              if (scrollCustomFn.call(Sortable.dragged.parentNode[expando], scrollOffsetX, scrollOffsetY, evt, touchEvt$1, autoScrolls[this.layer].el) !== 'continue') {
                return;
              }

Avoid deeply nested control flow statements.

Open

            do {
              dragIndex -= direction;
              sibling = parentEl.children[dragIndex];
            } while (sibling && (css(sibling, 'display') === 'none' || sibling === ghostEl));

Avoid deeply nested control flow statements.

Open

              if (inserted && !this.options.dragoverBubble) {
                break;
              }

Avoid deeply nested control flow statements.

Open

              if (newIndex >= 0) {
                // drag & drop within the same list
                _dispatchEvent({
                  sortable: this,
                  name: 'update',

Avoid deeply nested control flow statements.

Open

                  if (multiDragElement.sortableIndex !== index(multiDragElement)) {
                    update = true;
                    return;
                  }

Avoid deeply nested control flow statements.

Open

                  if (multiDragElement !== dragEl$1) {
                    var rect = folding ? getRect(multiDragElement) : dragRect;
                    multiDragElement.fromRect = rect; // Prepare unfold animation

                    toSortable.addAnimationState({

Avoid deeply nested control flow statements.

Open

            if (moveVector === 1 || moveVector === -1) {
              after = moveVector === 1;
            }

Avoid deeply nested control flow statements.

Open

            if (after && !nextSibling) {
              el.appendChild(dragEl);
            } else {
              target.parentNode.insertBefore(dragEl, after ? nextSibling : target);
            } // Undo chrome's scroll adjustment (has no effect on other browsers)

Consider simplifying this complex logical expression.

Open

        } else if (target.parentNode === el) {
          targetRect = getRect(target);
          var direction = 0,
              targetBeforeFirstSwap,
              differentLevel = dragEl.parentNode !== el,

Consider simplifying this complex logical expression.

Open

          if (options.animation && multiDragElements.length > 1 && (folding || !isOwner && !activeSortable.options.sort && !putSortable)) {
            // Fold: Set all multi drag elements's rects to dragEl's rect when multi-drag elements are invisible
            var dragRectAbsolute = getRect(dragEl$1, false, true, true);
            multiDragElements.forEach(function (multiDragElement) {
              if (multiDragElement === dragEl$1) return;

Consider simplifying this complex logical expression.

Open

        if (duration) {
          css(target, 'transition', '');
          css(target, 'transform', '');
          var elMatrix = matrix(this.el),
              scaleX = elMatrix && elMatrix.a,

Consider simplifying this complex logical expression.

Open

      if (activeSortable && !options.disabled && (isOwner ? canSort || (revert = !rootEl.contains(dragEl)) // Reverting item into the original list
      : putSortable === this || (this.lastPutMode = activeGroup.checkPull(this, activeSortable, dragEl, evt)) && group.checkPut(this, activeSortable, dragEl, evt))) {
        vertical = this._getDirection(evt, target) === 'vertical';
        dragRect = getRect(dragEl);
        dragOverEvent('dragOverValid');

Consider simplifying this complex logical expression.

Open

        if (elem.clientWidth < elem.scrollWidth && (elemCSS.overflowX == 'auto' || elemCSS.overflowX == 'scroll') || elem.clientHeight < elem.scrollHeight && (elemCSS.overflowY == 'auto' || elemCSS.overflowY == 'scroll')) {
          if (!elem.getBoundingClientRect || elem === document.body) return getWindowScrollingElement();
          if (gotSelf || includeSelf) return elem;
          gotSelf = true;
        }

Function getRect has 5 arguments (exceeds 4 allowed). Consider refactoring.

Open

  function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoScale, container) {

Avoid too many return statements within this function.

Open

          return value === true || typeof value === 'string' && value === otherGroup || value.join && value.indexOf(otherGroup) > -1;

Avoid too many return statements within this function.

Open

    return false;

Avoid too many return statements within this function.

Open

        return;

Avoid too many return statements within this function.

Open

            return completed(false);

Avoid too many return statements within this function.

Open

        return;

Avoid too many return statements within this function.

Open

            return completed(true);

Avoid too many return statements within this function.

Open

          return; // cancel dnd

Avoid too many return statements within this function.

Open

          return completed(false);

Avoid too many return statements within this function.

Open

        return;

Avoid too many return statements within this function.

Open

          return completed(true);

Avoid too many return statements within this function.

Open

          return; // cancel dnd

Avoid too many return statements within this function.

Open

            return completed(true);

Avoid too many return statements within this function.

Open

        return false;

Avoid too many return statements within this function.

Open

            return completed(false);

Avoid too many return statements within this function.

Open

      return false;

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  function insertMultiDragElements(clonesInserted, rootEl) {
    multiDragElements.forEach(function (multiDragElement, i) {
      var target = rootEl.children[multiDragElement.sortableIndex + (clonesInserted ? Number(i) : 0)];

      if (target) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  function insertMultiDragClones(elementsInserted, rootEl) {
    multiDragClones.forEach(function (clone, i) {
      var target = rootEl.children[clone.sortableIndex + (elementsInserted ? Number(i) : 0)];

      if (target) {

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      for (var fn in this) {
        if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
          this[fn] = this[fn].bind(this);
        }
      }

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      for (var fn in this) {
        if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
          this[fn] = this[fn].bind(this);
        }
      }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      var vx = canScrollX && (Math.abs(right - x) <= sens && scrollPosX + width < scrollWidth) - (Math.abs(left - x) <= sens && !!scrollPosX);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      var vy = canScrollY && (Math.abs(bottom - y) <= sens && scrollPosY + height < scrollHeight) - (Math.abs(top - y) <= sens && !!scrollPosY);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        var evt = _ref12.originalEvent,
            rootEl = _ref12.rootEl,
            parentEl = _ref12.parentEl,
            sortable = _ref12.sortable,
            dispatchSortableEvent = _ref12.dispatchSortableEvent,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    var originalEvent = _ref.originalEvent,
        putSortable = _ref.putSortable,
        dragEl = _ref.dragEl,
        activeSortable = _ref.activeSortable,
        dispatchSortableEvent = _ref.dispatchSortableEvent,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            dx = (touch.clientX - tapEvt.clientX + fallbackOffset.x) / (scaleX || 1) + (relativeScrollOffset ? relativeScrollOffset[0] - ghostRelativeParentInitialScroll[0] : 0) / (scaleX || 1),

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            dy = (touch.clientY - tapEvt.clientY + fallbackOffset.y) / (scaleY || 1) + (relativeScrollOffset ? relativeScrollOffset[1] - ghostRelativeParentInitialScroll[1] : 0) / (scaleY || 1); // only set the status to dragging, when we are actually dragging

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        var sortable = _ref10.sortable,
            isOwner = _ref10.isOwner,
            insertion = _ref10.insertion,
            activeSortable = _ref10.activeSortable,
            parentEl = _ref10.parentEl,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        var completed = _ref2.completed,
            target = _ref2.target,
            onMove = _ref2.onMove,
            activeSortable = _ref2.activeSortable,
            changed = _ref2.changed,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    return Math.sqrt(Math.pow(fromRect.top - animatingRect.top, 2) + Math.pow(fromRect.left - animatingRect.left, 2)) / Math.sqrt(Math.pow(fromRect.top - toRect.top, 2) + Math.pow(fromRect.left - toRect.left, 2)) * options.animation;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      if (Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1))) {

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

          if (fallbackTolerance && Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) < fallbackTolerance) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      _checkKeyUp: function _checkKeyUp(evt) {
        if (evt.key === this.options.multiDragKey) {
          this.multiDragKeyDown = false;
        }
      }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll' || elCSS.overflowY === 'visible');

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        canScrollX = width < scrollWidth && (elCSS.overflowX === 'auto' || elCSS.overflowX === 'scroll' || elCSS.overflowX === 'visible');

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      _checkKeyDown: function _checkKeyDown(evt) {
        if (evt.key === this.options.multiDragKey) {
          this.multiDragKeyDown = true;
        }
      },

• Read up
  Read up