corrade-nucleus-nucleons – Diff between revs 39 and 41

Subversion Repositories:

?pathlinks?

Rev 39 – Rev 42 – Go to most recent revision – Details – Blame – Last modification – View Log

 // Load the window manager desktop icons.
 function loadWindowManagerIcons(path) {
     // Search and load all nucleons.
     $.get(path, function(nucleons) {
-        var x = 0, y = 0;
+        var ix = 0, iy = 0;
+        var states = {};
+        var cookie = Cookies.get('window-manager-icons');
+        if(cookie)
+            states = JSON.parse(cookie);
-        $.each(nucleons, function(index, value) {
+        $.each(nucleons, function(index, file) {
             // Skip files starting with full stop (POSIX).
-            if (/^\./.test(value)) return;
+            if (/^\./.test(file)) return;
-            $.get(path + '/' + value, function(doc) {
+            $.get(path + '/' + file, function(data) {
-                var button = $(doc).get(0);
+                data = $(data).get(0);
+                var nucleon = data.getAttribute('data-target');
+                if(typeof states[nucleon] !== 'undefined') {
+                    var sx = states[nucleon].x,
+                        sy = states[nucleon].y;
+                    data.style.webkitTransform =
+                        data.style.transform =
+                        'translate(' + sx + 'px, ' + sy + 'px)';
+                    // Update the position attributes
+                    data.setAttribute('data-x', sx);
+                    data.setAttribute('data-y', sy);
+                    $('#window-manager-desktop').append(data);
+                    return;
+                }
                 // Translate the desktop icons so they do not overlap.
-                button.style.webkitTransform =
+                data.style.webkitTransform =
-                  button.style.transform =
+                  data.style.transform =
-                  'translate(' + x + 'px, ' + y + 'px)';
+                  'translate(' + ix + 'px, ' + iy + 'px)';
                 // Update the position attributes
-                button.setAttribute('data-x', x);
+                data.setAttribute('data-x', ix);
-                button.setAttribute('data-y', y);
+                data.setAttribute('data-y', iy);
-                $('#window-manager-desktop').append(button);
+                $('#window-manager-desktop').append(data);
                 // Translate by the desktop icon size.
-                x += 64;
+                ix += 64;
             });
         });
 function openWindowManagerWindow(nucleon) {
     // If the nucleon already exists, then do not append the content again.
     if($('#' + nucleon).length)
         return;
+    // Store the icon.
+    var nucleon_icon = $('#' + nucleon + '-window-manager-button-icon').attr('src');
     // Change the nucleon icon to a loading icon.
     $('#' + nucleon + '-window-manager-button-icon').attr('src', '/img/loader.gif');
     // Disable button for successive clicks.
     $('#' + nucleon + '-window-manager-button').prop('disabled', true);
+    // Load the nucleon.
+    $.get('/' + nucleon + '/index.html', function(data) {
+        // Get the DOM object.
-    // Load the nucleon.
+        data = $(data).get(0);
     $.get('/' + nucleon + '/index.html', function(data) {
         // Select all new scripts that have to be inserted into the DOM.
         var nucleonScripts = [];
         $(data).find('script').each(function() {
             var src = $(this).attr('src');
             if(src === undefined)
                 return;
             nucleonScripts[src] = $(this);
         });
         // Remove scripts from the nucleon if they are already added to the DOM.
-        var nowScripts = $(document).find('script').each(function() {
+        $(document).find('script').each(function() {
             var src = $(this).attr('src');
             if(nucleonScripts[src] === undefined)
                 return;
+            nucleonScripts[src].remove();
+        });
+        // Restore windows to their saved position.
+        var cookie = Cookies.get('window-manager-windows');
+        if(cookie) {
+            var states = JSON.parse(cookie);
+            if(typeof states[nucleon] !== 'undefined') {
+                var x = states[nucleon].x,
+                    y = states[nucleon].y,
+                    wm = $(data).find('.window-manager-window').get(0);
+                if(typeof wm !== 'undefined') {
+                    wm.style.webkitTransform =
+                        wm.style.transform =
+                        'translate(' + x + 'px, ' + y + 'px)';
+                    // Update the position attributes
+                    wm.setAttribute('data-x', x);
+                    wm.setAttribute('data-y', y);
+                }
             nucleonScripts[src].remove();
         });
         $(data).hide().appendTo('#window-manager-desktop').fadeIn(750);
     }).done(function(data) {
         // Change the nucleon icon back.
-        $('#' + nucleon + '-window-manager-button-icon').attr('src', '/' + nucleon + '/img/' + nucleon + '.png');
+        $('#' + nucleon + '-window-manager-button-icon').attr('src', nucleon_icon);
         // Enable the button.
         $('#' + nucleon + '-window-manager-button').prop('disabled', false);
             autoScroll: true,
             onmove: dragMoveListener,
             onend: function (event) {
+                event.target.style.opacity = 1;
+                // Save the window position.
+                var states = {};
+                var cookie = Cookies.get('window-manager-windows');
+                if(cookie)
+                    states = JSON.parse(cookie);
+                $('.window-manager-window').each(function(i, wm) {
+                    if(typeof $(wm).data('target') === 'undefined')
+                        return;
+                    states[$(wm).data('target')] = {
+                        x: $(wm).data('x'),
+                        y: $(wm).data('y')
+                    };
+                });
-                event.target.style.opacity = 1;
+                Cookies.set('window-manager-windows', states, { path: '' });
             },
             onstart: function(event) {
                 // Move windows to top on drag.
                 event.target.style.zIndex = getTopWindowIndex() + 1;
             autoScroll: true,
             onmove: dragMoveListener,
             onend: function (event) {
+                event.target.style.opacity = 1;
+                // Save the icon position.
+                var states = {};
+                var cookie = Cookies.get('window-manager-icons');
+                if(cookie)
+                    states = JSON.parse(cookie);
+                $('.window-manager-icon').each(function(i, wm) {
+                    if(typeof $(wm).data('target') === 'undefined')
+                        return;
+                    states[$(wm).data('target')] = {
+                        x: $(wm).data('x'),
+                        y: $(wm).data('y')
+                    };
+                });
-                event.target.style.opacity = 1;
+                Cookies.set('window-manager-icons', states, { path: '' });
             },
             onstart: function(event) {
                 event.target.style.opacity = 0.5;
+            }
         });
     });
     // Windows clicking brings to front.
     $(document).on('click', '.window-manager-window', function(event) {
-        //alert($(event.target).attr('z-index'));
+        $(event.target)
-        $(event.target).closest('.window-manager-window').css('z-index', getTopWindowIndex() + 1);
+            .closest('.window-manager-window')
-        //$(this).attr('z-index', getTopWindowIndex() + 1);
-        //alert(JSON.stringify($(this), null, 4));
-        //alert("this: " + event.target.style.zIndex + " top: " + getTopWindowIndex());
-        //event.target.style.zIndex = getTopWindowIndex() + 1;
-        //alert("this: " + event.target.style.zIndex + " top: " + getTopWindowIndex());
-        //event.stopPropagation();
+            .css('z-index', getTopWindowIndex() + 1);
     });
     function dragMoveListener (event) {