X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..6a7e4474cba9d8be4b2ec445e10f1691f7277c50:/examples/desktop/js/Desktop.js

diff --git a/examples/desktop/js/Desktop.js b/examples/desktop/js/Desktop.js
index 43a855ed..49aae923 100644
--- a/examples/desktop/js/Desktop.js
+++ b/examples/desktop/js/Desktop.js
@@ -1,132 +1,202 @@
 /*!
- * Ext JS Library 3.1.1
- * Copyright(c) 2006-2010 Ext JS, LLC
+ * Ext JS Library 3.2.0
+ * Copyright(c) 2006-2010 Ext JS, Inc.
  * licensing@extjs.com
  * http://www.extjs.com/license
  */
-Ext.Desktop = function(app){
-	this.taskbar = new Ext.ux.TaskBar(app);
-	var taskbar = this.taskbar;
-	
-	var desktopEl = Ext.get('x-desktop');
-    var taskbarEl = Ext.get('ux-taskbar');
-    var shortcuts = Ext.get('x-shortcuts');
-
-    var windows = new Ext.WindowGroup();
-    var activeWindow;
-		
-    function minimizeWin(win){
-        win.minimized = true;
-        win.hide();
-    }
-
-    function markActive(win){
-        if(activeWindow && activeWindow != win){
-            markInactive(activeWindow);
-        }
-        taskbar.setActiveButton(win.taskButton);
-        activeWindow = win;
-        Ext.fly(win.taskButton.el).addClass('active-win');
-        win.minimized = false;
-    }
-
-    function markInactive(win){
-        if(win == activeWindow){
-            activeWindow = null;
-            Ext.fly(win.taskButton.el).removeClass('active-win');
-        }
-    }
-
-    function removeWin(win){
-    	taskbar.removeTaskButton(win.taskButton);
-        layout();
-    }
-
-    function layout(){
-        desktopEl.setHeight(Ext.lib.Dom.getViewHeight()-taskbarEl.getHeight());
-    }
-    Ext.EventManager.onWindowResize(layout);
-
-    this.layout = layout;
-
-    this.createWindow = function(config, cls){
-    	var win = new (cls||Ext.Window)(
-            Ext.applyIf(config||{}, {
-                manager: windows,
-                minimizable: true,
-                maximizable: true
-            })
-        );
-        win.render(desktopEl);
-        win.taskButton = taskbar.addTaskButton(win);
-
-        win.cmenu = new Ext.menu.Menu({
-            items: [
-
-            ]
-        });
-
-        win.animateTarget = win.taskButton.el;
-        
-        win.on({
-        	'activate': {
-        		fn: markActive
-        	},
-        	'beforeshow': {
-        		fn: markActive
-        	},
-        	'deactivate': {
-        		fn: markInactive
-        	},
-        	'minimize': {
-        		fn: minimizeWin
-        	},
-        	'close': {
-        		fn: removeWin
-        	}
-        });
-        
-        layout();
-        return win;
-    };
-
-    this.getManager = function(){
-        return windows;
-    };
-
-    this.getWindow = function(id){
-        return windows.get(id);
-    }
-    
-    this.getWinWidth = function(){
-		var width = Ext.lib.Dom.getViewWidth();
-		return width < 200 ? 200 : width;
-	}
-		
-	this.getWinHeight = function(){
-		var height = (Ext.lib.Dom.getViewHeight()-taskbarEl.getHeight());
-		return height < 100 ? 100 : height;
-	}
-		
-	this.getWinX = function(width){
-		return (Ext.lib.Dom.getViewWidth() - width) / 2
-	}
-		
-	this.getWinY = function(height){
-		return (Ext.lib.Dom.getViewHeight()-taskbarEl.getHeight() - height) / 2;
-	}
-
-    layout();
-
-    if(shortcuts){
-        shortcuts.on('click', function(e, t){
-            if(t = e.getTarget('dt', shortcuts)){
-                e.stopEvent();
-                var module = app.getModule(t.id.replace('-shortcut', ''));
-                if(module){
-                    module.createWindow();
-                }
-            }
-        });
-    }
-};
+Ext.Desktop = function(app){
+    this.taskbar = new Ext.ux.TaskBar(app);
+    this.xTickSize = this.yTickSize = 1;
+    var taskbar = this.taskbar;
+
+    var desktopEl = Ext.get('x-desktop');
+    var taskbarEl = Ext.get('ux-taskbar');
+    var shortcuts = Ext.get('x-shortcuts');
+
+    var windows = new Ext.WindowGroup();
+    var activeWindow;
+
+    function minimizeWin(win){
+        win.minimized = true;
+        win.hide();
+    }
+
+    function markActive(win){
+        if(activeWindow && activeWindow != win){
+            markInactive(activeWindow);
+        }
+        taskbar.setActiveButton(win.taskButton);
+        activeWindow = win;
+        Ext.fly(win.taskButton.el).addClass('active-win');
+        win.minimized = false;
+    }
+
+    function markInactive(win){
+        if(win == activeWindow){
+            activeWindow = null;
+            Ext.fly(win.taskButton.el).removeClass('active-win');
+        }
+    }
+
+    function removeWin(win){
+        taskbar.removeTaskButton(win.taskButton);
+        layout();
+    }
+
+    function layout(){
+        desktopEl.setHeight(Ext.lib.Dom.getViewHeight()-taskbarEl.getHeight());
+    }
+    Ext.EventManager.onWindowResize(layout);
+
+    this.layout = layout;
+
+    this.createWindow = function(config, cls){
+        var win = new (cls||Ext.Window)(
+            Ext.applyIf(config||{}, {
+                renderTo: desktopEl,
+                manager: windows,
+                minimizable: true,
+                maximizable: true
+            })
+        );
+        win.dd.xTickSize = this.xTickSize;
+        win.dd.yTickSize = this.yTickSize;
+        win.resizer.widthIncrement = this.xTickSize;
+        win.resizer.heightIncrement = this.yTickSize;
+        win.render(desktopEl);
+        win.taskButton = taskbar.addTaskButton(win);
+
+        win.cmenu = new Ext.menu.Menu({
+            items: [
+
+            ]
+        });
+
+        win.animateTarget = win.taskButton.el;
+
+        win.on({
+            'activate': {
+                fn: markActive
+            },
+            'beforeshow': {
+                fn: markActive
+            },
+            'deactivate': {
+                fn: markInactive
+            },
+            'minimize': {
+                fn: minimizeWin
+            },
+            'close': {
+                fn: removeWin
+            }
+        });
+
+        layout();
+        return win;
+    };
+
+    this.getManager = function(){
+        return windows;
+    };
+
+    this.getWindow = function(id){
+        return windows.get(id);
+    }
+
+    this.getWinWidth = function(){
+        var width = Ext.lib.Dom.getViewWidth();
+        return width < 200 ? 200 : width;
+    }
+
+    this.getWinHeight = function(){
+        var height = (Ext.lib.Dom.getViewHeight()-taskbarEl.getHeight());
+        return height < 100 ? 100 : height;
+    }
+
+    this.getWinX = function(width){
+        return (Ext.lib.Dom.getViewWidth() - width) / 2
+    }
+
+    this.getWinY = function(height){
+        return (Ext.lib.Dom.getViewHeight()-taskbarEl.getHeight() - height) / 2;
+    }
+
+    this.setTickSize = function(xTickSize, yTickSize) {
+        this.xTickSize = xTickSize;
+        if (arguments.length == 1) {
+            this.yTickSize = xTickSize;
+        } else {
+            this.yTickSize = yTickSize;
+        }
+        windows.each(function(win) {
+            win.dd.xTickSize = this.xTickSize;
+            win.dd.yTickSize = this.yTickSize;
+            win.resizer.widthIncrement = this.xTickSize;
+            win.resizer.heightIncrement = this.yTickSize;
+        }, this);
+    };
+
+    this.cascade = function() {
+        var x = 0, y = 0;
+        windows.each(function(win) {
+            if (win.isVisible() && !win.maximized) {
+                win.setPosition(x, y);
+                x += 20;
+                y += 20;
+            }
+        }, this);
+    };
+
+    this.tile = function() {
+        var availWidth = desktopEl.getWidth(true);
+        var x = this.xTickSize;
+        var y = this.yTickSize;
+        var nextY = y;
+        windows.each(function(win) {
+            if (win.isVisible() && !win.maximized) {
+                var w = win.el.getWidth();
+
+//              Wrap to next row if we are not at the line start and this Window will go off the end
+                if ((x > this.xTickSize) && (x + w > availWidth)) {
+                    x = this.xTickSize;
+                    y = nextY;
+                }
+
+                win.setPosition(x, y);
+                x += w + this.xTickSize;
+                nextY = Math.max(nextY, y + win.el.getHeight() + this.yTickSize);
+            }
+        }, this);
+    };
+
+    this.contextMenu = new Ext.menu.Menu({
+        items: [{
+            text: 'Tile',
+            handler: this.tile,
+            scope: this
+        }, {
+            text: 'Cascade',
+            handler: this.cascade,
+            scope: this
+        }]
+    });
+    desktopEl.on('contextmenu', function(e) {
+        e.stopEvent();
+        this.contextMenu.showAt(e.getXY());
+    }, this);
+
+    layout();
+
+    if(shortcuts){
+        shortcuts.on('click', function(e, t){
+            if(t = e.getTarget('dt', shortcuts)){
+                e.stopEvent();
+                var module = app.getModule(t.id.replace('-shortcut', ''));
+                if(module){
+                    module.createWindow();
+                }
+            }
+        });
+    }
+};