corrade-nucleus-nucleons – Rev 30

?pathlinks?

Rev 29 – Rev 31 – Go to most recent revision – Blame – Compare with Previous – Last modification – View Log – Download

// Retrieve the top-most window z-index.
function getTopWindowIndex() {
    return Math.max.apply(null, 
        $.map($('.window-manager-window'), function(e, n) {
            if ($(e).css('position') != 'static')
                return parseInt($(e).css('z-index')) || 2;
        })
    );
}

// Draggable and moveable windows.
$(document).ready(() => {
    // Window manager windows.
    interact('.window-manager-window')
        .draggable({
            // enable inertial throwing
            inertia: true,
            // keep the element within the area of it's parent
            restrict: {
                  restriction: $('#window-manager-desktop').get(0),
                  endOnly: true,
                  elementRect: { top: 0, left: 0, bottom: 1, right: 1 }
            },
            
            // enable autoScroll
            autoScroll: true,
            
            onmove: dragMoveListener,
            onend: function (event) {
                event.target.style.opacity = 1;
            },
            onstart: function(event) {
                // Move windows to top on drag.
                event.target.style.zIndex = getTopWindowIndex() + 1;
                event.target.style.opacity = 0.5;
            }
        })
        .allowFrom('.panel-heading');
        
    // Window manager icons.
    interact('.window-manager-icon')
        .draggable({
            // enable inertial throwing
            inertia: false,
            // keep the element within the area of it's parent
            restrict: {
                  restriction: $('#window-manager-desktop').get(0),
                  endOnly: true,
                  elementRect: { top: 0, left: 0, bottom: 1, right: 1 }
            },
            snap: {
                  targets: [
                    interact.createSnapGrid({ x: 64, y: 64 })
                  ],
                  range: Infinity,
                  relativePoints: [ { x: 0, y: 0 } ]
            },
            // enable autoScroll
            autoScroll: true,
            
            onmove: dragMoveListener,
            onend: function (event) {
                event.target.style.opacity = 1;
            },
            onstart: function(event) {
                event.target.style.opacity = 0.5;
            }
        });

    // Closing windows.
    $(document).on('click', '.window-manager-close-button', function(event) {
        $('#' + $(this).data('target')).detach();
    });
    
    // Windows clicking brings to front.
    $(document).on('click', '.window-manager-window', function(event) {
        $(this).attr('z-index', getTopWindowIndex() + 1);
    });
    
    function dragMoveListener (event) {
        var target = event.target,
          // keep the dragged position in the data-x/data-y attributes
          x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx,
          y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy;

        // translate the element
        target.style.webkitTransform =
          target.style.transform =
          'translate(' + x + 'px, ' + y + 'px)';

        // update the position attributes
        target.setAttribute('data-x', x);
        target.setAttribute('data-y', y);
    }

    // this is used later in the resizing and gesture demos
    window.dragMoveListener = dragMoveListener;
});

---

Generated by GNU Enscript 1.6.5.90.