corrade-nucleus-nucleons – Diff between revs 25 and 29

Subversion Repositories:

?pathlinks?

Rev 25 – Rev 30 – Go to most recent revision – Details – Blame – Last modification – View Log

 // Retrieve the top-most window z-index.
 function getTopWindowIndex() {
     return Math.max.apply(null,
-        $.map($('.draggable'), function(e, n) {
+        $.map($('.window-manager-window'), function(e, n) {
             if ($(e).css('position') != 'static')
                 return parseInt($(e).css('z-index')) || 1;
         })
     );
+}
 // Draggable and moveable windows.
 $(document).ready(() => {
-    // Move windows to top on click.
-    $('.draggable').click(function() {
-        $(this).css('z-index', getTopWindowIndex() + 1);
-    });
-    // target elements with the "draggable" class
+    // Window manager windows.
-    interact('.draggable')
+    interact('.window-manager-window')
         .draggable({
             // enable inertial throwing
             inertia: true,
             // keep the element within the area of it's parent
-            /*restrict: {
-                // Let the user move the windows freely.
+            restrict: {
-                restriction: "self",
+                  restriction: $('#window-manager-desktop').get(0),
-                endOnly: true//,
+                  endOnly: true,
-                //elementRect: { top: 0, left: 0, bottom: 1, right: 1 }
+                  elementRect: { top: 0, left: 0, bottom: 1, right: 1 }
-            },*/
+            },
             // enable autoScroll
                 // Move windows to top on drag.
                 event.target.style.zIndex = getTopWindowIndex() + 1;
                 event.target.style.opacity = 0.5;
+            }
         })
-        .allowFrom('.panel-heading')
+        .allowFrom('.panel-heading');
-        .ignoreFrom('a, input, button, textarea');
+    // 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,
         // translate the element
         target.style.webkitTransform =
           target.style.transform =
           'translate(' + x + 'px, ' + y + 'px)';
-        // update the posiion attributes
+        // update the position attributes
         target.setAttribute('data-x', x);
         target.setAttribute('data-y', y);
+    }