/*!
|
* Ext JS Library 3.3.1
|
* Copyright(c) 2006-2010 Sencha Inc.
|
* licensing@sencha.com
|
* http://www.sencha.com/license
|
*/
|
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;
|
if (win.resizer) {
|
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) {
|
t = e.getTarget('dt', shortcuts);
|
if (t) {
|
e.stopEvent();
|
var module = app.getModule(t.id.replace('-shortcut', ''));
|
if (module) {
|
module.createWindow();
|
}
|
}
|
});
|
}
|
};
|
