PDA

View Full Version : Editing Desktop Sample App?BogusModule



poshtebam
29 Feb 2012, 3:30 PM
Hello every body.

Can anybody help me how to insert a Bogus Module on the desktop?

Thanks.

Kangulo
3 Jan 2013, 7:36 PM
First of all you have to do this.
desktop.html

comment this line


<!--<script type="text/javascript" src="all-classes.js"></script>-->

<script type="text/javascript">
Ext.Loader.setPath({
'Ext.ux.desktop': 'js',
MyDesktop: ''
});

Ext.require('MyDesktop.App');

var myDesktopApp;
Ext.onReady(function () {
myDesktopApp = new MyDesktop.App();
});
</script>

After that
You have to duplicate the module what you want in this case i duplicated NotePad.js


App.js

Ext.define('MyDesktop.App', {
extend: 'Ext.ux.desktop.App',

requires: [
'Ext.window.MessageBox',

'Ext.ux.desktop.ShortcutModel',

'MyDesktop.SystemStatus',
'MyDesktop.VideoWindow',
'MyDesktop.GridWindow',
'MyDesktop.TabWindow',
'MyDesktop.AccordionWindow',
'MyDesktop.Notepad',
'MyDesktop.Notepad2',
'MyDesktop.BogusMenuModule',
'MyDesktop.BogusModule',

// 'MyDesktop.Blockalanche',
'MyDesktop.Settings'
],

init: function() {
// custom logic before getXYZ methods get called...

this.callParent();

// now ready...
},

getModules : function(){
return [
new MyDesktop.VideoWindow(),
//new MyDesktop.Blockalanche(),
new MyDesktop.SystemStatus(),
new MyDesktop.GridWindow(),
new MyDesktop.TabWindow(),
new MyDesktop.AccordionWindow(),
new MyDesktop.Notepad(),
new MyDesktop.Notepad2(),
new MyDesktop.BogusMenuModule(),
new MyDesktop.BogusModule()
];
},

getDesktopConfig: function () {
var me = this, ret = me.callParent();

return Ext.apply(ret, {
//cls: 'ux-desktop-black',

contextMenuItems: [
{ text: 'Change Settings', handler: me.onSettings, scope: me }
],

shortcuts: Ext.create('Ext.data.Store', {
model: 'Ext.ux.desktop.ShortcutModel',
data: [
{ name: 'Grid Window', iconCls: 'grid-shortcut', module: 'grid-win' },
{ name: 'Accordion Window', iconCls: 'accordion-shortcut', module: 'acc-win' },
{ name: 'Notepad', iconCls: 'notepad-shortcut', module: 'notepad' },
{ name: 'Notepad2', iconCls: 'notepad-shortcut', module: 'notepad2' },
{ name: 'System Status', iconCls: 'cpu-shortcut', module: 'systemstatus'}
]
}),

wallpaper: 'wallpapers/Blue-Sencha.jpg',
wallpaperStretch: false
});
},

// config for the start menu
getStartConfig : function() {
var me = this, ret = me.callParent();

return Ext.apply(ret, {
title: 'Don Griffin',
iconCls: 'user',
height: 300,
toolConfig: {
width: 100,
items: [
{
text:'Settings',
iconCls:'settings',
handler: me.onSettings,
scope: me
},
'-',
{
text:'Logout',
iconCls:'logout',
handler: me.onLogout,
scope: me
}
]
}
});
},

getTaskbarConfig: function () {
var ret = this.callParent();

return Ext.apply(ret, {
quickStart: [
{ name: 'Accordion Window', iconCls: 'accordion', module: 'acc-win' },
{ name: 'Grid Window', iconCls: 'icon-grid', module: 'grid-win' }
],
trayItems: [
{ xtype: 'trayclock', flex: 1 }
]
});
},

onLogout: function () {
Ext.Msg.confirm('Logout', 'Are you sure you want to logout?');
},

onSettings: function () {
var dlg = new MyDesktop.Settings({
desktop: this.desktop
});
dlg.show();
}
});