Giter VIP home page Giter VIP logo

Comments (1)

ornic avatar ornic commented on August 16, 2024

and there is a code:

function getSquare(rect) {
    return rect.width * rect.height;
}
    if (
        !se.container && // not the container element
        (se.element[0].scrollHeight || se.element[0].scrollWidth)
    ) { // element is visible
        var sePart = se.getPart();
        candidates.push({
            element: se.element,
            q: getDistance(mouse, seCoords),
            s: getSquare(rect),                      // <-- Square
            view: sePart,
            targetIndex: se.getIndex(),
            after: shouldBeAfter(center, mouse, ('isGrid' in sePart) ? sePart.isGrid : isGrid)
        });
    }

    if (
        se.container &&
        !se.element[0].querySelector('[sv-element]:not(.sv-placeholder):not(.sv-source)') // empty container
    ) {
        var c = center;
        if (se.centerVariant === 'vertical') {
            c = centerVert;
        } else if (se.centerVariant === 'horizontal') {
            c = centerHoriz;
        }

        candidates.push({
            element: se.element,
            q: (c.x - mouse.x) * (c.x - mouse.x) + (c.y - mouse.y) * (c.y - mouse.y),
            s: getSquare(rect),                      // <-- Square
            view: se.getPart(),
            targetIndex: 0,
            container: true
        });
    }
});
var pRect = $placeholder[0].getBoundingClientRect();
candidates.push({
    q: getDistance(mouse, getCoords(pRect)),
    s: getSquare(pRect),                      // <-- Square (no need it there, really)
    element: $placeholder,
    placeholder: true
});
candidates.sort(function (a, b) {
    if (a.q == b.q) return a.s - b.s;                      // <-- Using the squares
    return a.q - b.q;
});

from angular-sortable-view.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.