d3yii2/d3files

File d3photo-view.js has 2087 lines of code (exceeds 250 allowed). Consider refactoring.

Open

(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
  typeof define === 'function' && define.amd ? define(factory) :
  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.photoviewer = factory());
}(this, (function () { 'use strict';

Function PhotoViewer has 606 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  var PhotoViewer = /*#__PURE__*/function () {
    function PhotoViewer(items, options, el) {
      _classCallCheck(this, PhotoViewer);

      this.options = $.extend(true, {}, DEFAULTS, options);

Function resizable has 200 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    resizable: function resizable(modal, stage, image, minWidth, minHeight) {
      var _this = this;

      var resizableHandleE = $("<div class=\"".concat(NS, "-resizable-handle ").concat(NS, "-resizable-handle-e\"></div>"));
      var resizableHandleW = $("<div class=\"".concat(NS, "-resizable-handle ").concat(NS, "-resizable-handle-w\"></div>"));

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

Open

    movable: function movable(stage, image) {
      var _this = this;

      var isDragging = false;
      var startX = 0;

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

Open

      value: function _keydown(e) {
        if (!this.options.keyboard) {
          return false;
        }

Function zoomTo has 56 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      value: function zoomTo(ratio, origin, e) {
        var $image = this.$image;
        var $stage = this.$stage;
        var imgData = {
          w: this.imageData.width,

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

Open

  var anim = function (properties, duration, ease, callback, delay) {
    var key, cssValues = {}, cssProperties, transforms = '',
      that = this, wrappedCallback, endEvent = D.fx.transitionEnd,
      fired = false;

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

Open

      value: function _addEvents() {
        var _this6 = this;

        this.$stage.off(WHEEL_EVENT + EVENT_NS).on(WHEEL_EVENT + EVENT_NS, function (e) {
          $('.photoviewer-image').removeClass('starting-position');

Function draggable has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    draggable: function draggable(modal, dragHandle, dragCancel) {
      var _this = this;

      var isDragging = false;
      var startX = 0;

Function extend has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  D.extend = D.fn.extend = function () {
    var options, name, src, copy, copyIsArray, clone,
      target = arguments[0] || {},
      i = 1,
      length = arguments.length,

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

Open

      var getImageOpts = function getImageOpts(dir, offsetX, offsetY) {
        // Image should not move when modal width to the min width
        // The minwidth is modal width, so we should clac the stage minwidth
        var widthDiff = offsetX + modalData.w > minWidth ? stageData.w - imgWidth + offsetX - δ : minWidth - (modalData.w - stageData.w) - imgWidth - δ;
        var heightDiff = offsetY + modalData.h > minHeight ? stageData.h - imgHeight + offsetY + δ : minHeight - (modalData.h - stageData.h) - imgHeight + δ;

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

Open

      var getModalOpts = function getModalOpts(dir, offsetX, offsetY) {
        // Modal should not move when its width to the minwidth
        var modalLeft = -offsetX + modalData.w > minWidth ? offsetX + modalData.l : modalData.l + modalData.w - minWidth;
        var modalTop = -offsetY + modalData.h > minHeight ? offsetY + modalData.t : modalData.t + modalData.h - minHeight;
        var opts = {

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

Open

      value: function setModalSize(img) {
        var _this2 = this;

        var winWidth = $W.width();
        var winHeight = $W.height();

Function setImageSize has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      value: function setImageSize(img) {
        var stageData = {
          w: this.$stage.width(),
          h: this.$stage.height()
        };

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

Open

    init: function (selector, context) {
      var dom;
      // If nothing given, return an empty D collection
      if (!selector) {
        return this;

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

Open

      var dragMove = function dragMove(e) {
        e = e || window.event;
        e.preventDefault();

        if (isDragging) {

Function domMani has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  var domMani = function (elem, args, fn, inside) {
    // arguments can be nodes, arrays of nodes, D objects and HTML strings
    var argType,
      nodes = D.map(args, function (arg) {
        var arr = [];

Function css has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  function css(property, value) {
    if (arguments.length < 2) {
      var element = this[0];
      if (typeof property == 'string') {
        if (!element) return;

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

Open

      value: function maximize() {
        if (!this.isMaximized) {
          // Store modal data before maximize
          this.modalData = {
            width: this.$photoviewer.width(),

Function dragStart has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      var dragStart = function dragStart(dir, e) {
        e = e || window.event;
        e.preventDefault();
        isDragging = true;
        PUBLIC_VARS['isResizing'] = true;

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

Open

  var on = function (event, selector, data, callback, one) {
    var autoRemove, delegator, $this = this;
    if (event && !isString(event)) {
      D.each(event, function (type, fn) {
        $this.on(type, selector, data, fn, one);

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

Open

      value: function loadImage(imgSrc, fn, err) {
        var _this3 = this;

        // Reset image
        this.$image.removeAttr('style').attr('src', '');

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

Open

  function add(element, events, fn, data, selector, delegator, capture) {
    var id = zid(element), set = (handlers[id] || (handlers[id] = []));
    events.split(/\s/).forEach(function (event) {
      if (event == 'ready') return D(document).ready(fn);
      var handler = parse(event);

Function add has 7 arguments (exceeds 4 allowed). Consider refactoring.

Open

  function add(element, events, fn, data, selector, delegator, capture) {

Avoid deeply nested control flow statements.

Open

            if (copyIsArray) {
              copyIsArray = false;
              clone = src && isArray(src) ? src : [];
            } else {
              clone = src && isPlainObject(src) ? src : {};

Avoid deeply nested control flow statements.

Open

          } else if (copy !== undefined) {
            target[name] = copy;
          }

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

Open

  var animate = function (properties, duration, ease, callback, delay) {

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

Open

  var on = function (event, selector, data, callback, one) {

Function remove$1 has 5 arguments (exceeds 4 allowed). Consider refactoring.

Open

  function remove$1(element, events, fn, selector, capture) {

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

Open

    resizable: function resizable(modal, stage, image, minWidth, minHeight) {

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

Open

  var anim = function (properties, duration, ease, callback, delay) {

Function anim$1 has 5 arguments (exceeds 4 allowed). Consider refactoring.

Open

  function anim$1(el, speed, opacity, scale, callback) {

Avoid too many return statements within this function.

Open

        return D(context).find(selector);

Avoid too many return statements within this function.

Open

    return this.each(function () { this.style.cssText += ';' + css; });

Avoid too many return statements within this function.

Open

      return D.makeArray(dom, selector, this);

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

Open

          se: {
            top: heightDiff >= δ ? (heightDiff + δ) / 2 + 'px' : imgTop > heightDiff ? imgTop + 'px' : heightDiff + 'px',
            left: widthDiff >= -δ ? (widthDiff - δ) / 2 + 'px' : imgLeft > widthDiff ? imgLeft + 'px' : widthDiff + 'px'
          },

• Read up
  Read up

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

Open

          sw: {
            top: heightDiff >= δ ? (heightDiff + δ) / 2 + 'px' : imgTop > heightDiff ? imgTop + 'px' : heightDiff + 'px',
            left: widthDiff2 >= -δ ? (widthDiff2 - δ) / 2 + 'px' : imgLeft2 > widthDiff2 ? imgLeft2 + 'px' : widthDiff2 + 'px'
          }

• Read up
  Read up

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

Open

          nw: {
            top: heightDiff2 >= δ ? (heightDiff2 + δ) / 2 + 'px' : imgTop2 > heightDiff2 ? imgTop2 + 'px' : heightDiff2 + 'px',
            left: widthDiff2 >= -δ ? (widthDiff2 - δ) / 2 + 'px' : imgLeft2 > widthDiff2 ? imgLeft2 + 'px' : widthDiff2 + 'px'
          },

• Read up
  Read up

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

Open

          ne: {
            top: heightDiff2 >= δ ? (heightDiff2 + δ) / 2 + 'px' : imgTop2 > heightDiff2 ? imgTop2 + 'px' : heightDiff2 + 'px',
            left: widthDiff >= -δ ? (widthDiff - δ) / 2 + 'px' : imgLeft > widthDiff ? imgLeft + 'px' : widthDiff + 'px'
          },

• Read up
  Read up

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

Open

        imageData = {
          w: $(image).width(),
          h: $(image).height(),
          l: $(image).position().left,
          t: $(image).position().top

• Read up
  Read up

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

Open

        modalData = {
          w: $(modal).width(),
          h: $(modal).height(),
          l: $(modal).offset().left,
          t: $(modal).offset().top

• Read up
  Read up

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

Open

        stageData = {
          w: $(stage).width(),
          h: $(stage).height(),
          l: $(stage).offset().left,
          t: $(stage).offset().top

• Read up
  Read up

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

Open

          case 173:
            this.zoom(-this.options.ratioThreshold * 3, {
              x: this.$stage.width() / 2,
              y: this.$stage.height() / 2
            }, e);

• Read up
  Read up

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

Open

          case 189:
            this.zoom(-this.options.ratioThreshold * 3, {
              x: this.$stage.width() / 2,
              y: this.$stage.height() / 2
            }, e);

• Read up
  Read up

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

Open

        var imgTop = (heightDiff > 0 ? $(image).position().top : $(image).position().top < 0 ? $(image).position().top : 0) + δ;

• Read up
  Read up

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

Open

        var imgLeft2 = (widthDiff2 > 0 ? $(image).position().left : $(image).position().left < 0 ? $(image).position().left : 0) - δ;

• Read up
  Read up

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

Open

        var imgTop2 = (heightDiff2 > 0 ? $(image).position().top : $(image).position().top < 0 ? $(image).position().top : 0) + δ;

• Read up
  Read up

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

Open

          case 187:
            this.zoom(this.options.ratioThreshold * 3, {
              x: this.$stage.width() / 2,
              y: this.$stage.height() / 2
            }, e);

• Read up
  Read up

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

Open

          case 61:
            this.zoom(this.options.ratioThreshold * 3, {
              x: this.$stage.width() / 2,
              y: this.$stage.height() / 2
            }, e);

• Read up
  Read up

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

Open

        var heightDiff2 = -offsetY + modalData.h > minHeight ? stageData.h - imgHeight - offsetY + δ : minHeight - (modalData.h - stageData.h) - imgHeight + δ; // Get image position in dragging

• Read up
  Read up

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

Open

        var widthDiff2 = -offsetX + modalData.w > minWidth ? stageData.w - imgWidth - offsetX - δ : minWidth - (modalData.w - stageData.w) - imgWidth - δ;

• Read up
  Read up

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

Open

        var heightDiff = offsetY + modalData.h > minHeight ? stageData.h - imgHeight + offsetY + δ : minHeight - (modalData.h - stageData.h) - imgHeight + δ;

• Read up
  Read up

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

Open

        var widthDiff = offsetX + modalData.w > minWidth ? stageData.w - imgWidth + offsetX - δ : minWidth - (modalData.w - stageData.w) - imgWidth - δ;

• Read up
  Read up

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

Open

    if (value === undefined) return hasScrollLeft
      ? this[0].scrollLeft
      : isWindow(this[0])
        ? this[0].pageXOffset
        : this[0].defaultView.pageXOffset;

• Read up
  Read up

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

Open

    if (value === undefined) return hasScrollTop
      ? this[0].scrollTop
      : isWindow(this[0])
        ? this[0].pageYOffset
        : this[0].defaultView.pageYOffset;

• Read up
  Read up

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

Open

        var modalWidth = img.width + parseFloat(stageCSS.left) + parseFloat(stageCSS.right) + parseFloat(stageCSS.borderLeft) + parseFloat(stageCSS.borderRight);

• Read up
  Read up

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

Open

        var modalHeight = img.height + parseFloat(stageCSS.top) + parseFloat(stageCSS.bottom) + parseFloat(stageCSS.borderTop) + parseFloat(stageCSS.borderBottom);

• Read up
  Read up

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

Open

        if (selector[0] == '<' && fragmentRE.test(selector)) {
          dom = D.fragment(selector, RegExp.$1, context);
          selector = null;
        }
        // If there's a context, create a collection on that context first, and select

• Read up
  Read up

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

Open

      else if (isObject(selector)) {
        dom = [selector], selector = null;
      }
      // If there's a context, create a collection on that context first, and select
      // nodes from there

• Read up
  Read up

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

Open

          e: {
            left: widthDiff >= -δ ? (widthDiff - δ) / 2 + 'px' : imgLeft > widthDiff ? imgLeft + 'px' : widthDiff + 'px'
          },

• Read up
  Read up

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

Open

          w: {
            left: widthDiff2 >= -δ ? (widthDiff2 - δ) / 2 + 'px' : imgLeft2 > widthDiff2 ? imgLeft2 + 'px' : widthDiff2 + 'px'
          },

• Read up
  Read up

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

Open

          n: {
            top: heightDiff2 >= δ ? (heightDiff2 + δ) / 2 + 'px' : imgTop2 > heightDiff2 ? imgTop2 + 'px' : heightDiff2 + 'px'
          },

• Read up
  Read up

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

Open

          s: {
            top: heightDiff >= δ ? (heightDiff + δ) / 2 + 'px' : imgTop > heightDiff ? imgTop + 'px' : heightDiff + 'px'
          },

• Read up
  Read up

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

Open

        var modalTop = -offsetY + modalData.h > minHeight ? offsetY + modalData.t : modalData.t + modalData.h - minHeight;

• Read up
  Read up

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

Open

        var modalLeft = -offsetX + modalData.w > minWidth ? offsetX + modalData.l : modalData.l + modalData.w - minWidth;

• Read up
  Read up

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

Open

        if (this.options.initAnimation && !this.options.progressiveLoading) {
          this.$image.hide();
        }

• Read up
  Read up

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

Open

          if (this.options.initAnimation && !this.options.progressiveLoading) {
            this.$image.fadeIn();
          }

• Read up
  Read up