[pve-devel] r5878 - in pve-manager/pve2/www/new: . window

[svn-commits at proxmox.com]

Author: dietmar
Date: 2011-04-26 08:25:33 +0200 (Tue, 26 Apr 2011)
New Revision: 5878

Added:
   pve-manager/pve2/www/new/window/Wizard.js
Modified:
   pve-manager/pve2/www/new/Makefile.am
   pve-manager/pve2/www/new/Workspace.js
   pve-manager/pve2/www/new/window/LoginWindow.js
Log:
impl. wizard - first try


Modified: pve-manager/pve2/www/new/Makefile.am
===================================================================
--- pve-manager/pve2/www/new/Makefile.am	2011-04-26 04:42:34 UTC (rev 5877)
+++ pve-manager/pve2/www/new/Makefile.am	2011-04-26 06:25:33 UTC (rev 5878)
@@ -14,6 +14,7 @@
 	form/ViewSelector.js				\
 	panel/StatusPanel.js				\
 	window/LoginWindow.js				\
+	window/Wizard.js				\
 	grid/ObjectGrid.js				\
 	grid/ResourceGrid.js				\
 	tree/ResourceTree.js				\
@@ -22,7 +23,7 @@
 	node/TimeEdit.js				\
 	node/Config.js					\
 	qemu/Config.js					\
-	qemu/HardwareView.js					\
+	qemu/HardwareView.js				\
 	storage/Browser.js				\
 	dc/Config.js					\
 	Workspace.js

Modified: pve-manager/pve2/www/new/Workspace.js
===================================================================
--- pve-manager/pve2/www/new/Workspace.js	2011-04-26 04:42:34 UTC (rev 5877)
+++ pve-manager/pve2/www/new/Workspace.js	2011-04-26 06:25:33 UTC (rev 5878)
@@ -131,13 +131,14 @@
 		    height: 30,
 		    layout: { 
 			type: 'hbox',
-			align : 'stretch'
+			align : 'middle'
 		    },
 		    baseCls: 'x-plain',		
 		    defaults: {
 			baseCls: 'x-plain'			
 		    },
 		    border: false,
+		    margins: '2 0 5 0',
 		    items: [
 			{
 			    margins: '0 0 0 4',
@@ -161,7 +162,7 @@
 			    margins: '3 5 0 0',
 			    xtype: 'button',
 			    baseCls: 'x-btn',
-			    text: "<b>Logout</b>",
+			    text: "Logout",
 			    handler: function() { 
 				PVE.data.ResourceStore.stopUpdate();
 				me.showLogin(); 
@@ -176,12 +177,18 @@
 			    margins: '3 5 0 0',
 			    xtype: 'button',
 			    baseCls: 'x-btn',
-			    text: "<b>Create VM</b>",
+			    text: "Create VM",
 			    handler: function() {
+
+				var wiz = Ext.create('PVE.window.Wizard', {
+
+				});
+
+				wiz.show();
+
 			    } 
 			}
-		    ],
-		    margins: '2 0 5 0'
+		    ]
 		},
 		{
 		    region: 'center',

Modified: pve-manager/pve2/www/new/window/LoginWindow.js
===================================================================
--- pve-manager/pve2/www/new/window/LoginWindow.js	2011-04-26 04:42:34 UTC (rev 5877)
+++ pve-manager/pve2/www/new/window/LoginWindow.js	2011-04-26 06:25:33 UTC (rev 5878)
@@ -42,7 +42,7 @@
 	    closable: false,
 	    resizable: false,
 	    layout: 'fit',
-	    title: 'PVE Manager Login',
+	    title: 'Proxmox VE Login',
 
 	    items: [{
 		xtype: 'form',

Added: pve-manager/pve2/www/new/window/Wizard.js
===================================================================
--- pve-manager/pve2/www/new/window/Wizard.js	                        (rev 0)
+++ pve-manager/pve2/www/new/window/Wizard.js	2011-04-26 06:25:33 UTC (rev 5878)
@@ -0,0 +1,98 @@
+Ext.define('PVE.window.Wizard', {
+    extend: 'Ext.window.Window',
+    requires: ['PVE.Utils'],
+
+    
+    initComponent: function() {
+	var me = this;
+
+	var tbar = Ext.create('Ext.toolbar.Toolbar', {
+            ui: 'footer',
+	    region: 'south',
+	    margins: '0 5 5 5',
+	    items: [  
+		'->', 
+		{ 
+		    text: 'Back',
+		    handler: function() {
+			var card = me.down('#wizcontent');
+			console.log(card);
+
+
+		    }
+		},
+		{
+		    text: 'Next',
+		    handler: function() {
+			var card = me.down('#wizcontent');
+			console.log(card);
+			
+		    }
+		},
+		{
+		    text: 'Cancel',
+		    handler: function() {
+			me.close();
+		    }
+		}
+	    ]
+	});
+
+	Ext.applyIf(me, {
+	    width: 800,
+	    height: 600,
+	    modal: true,
+	    border: false,
+	    draggable: true,
+	    closable: true,
+	    resizable: false,
+	    layout: 'border',
+	    title: 'Proxmox VE Wizard',
+
+	    items: [
+		{
+		    region: 'north',
+		    height: 30,
+		    layout: { 
+			type: 'hbox',
+			align : 'stretch'
+		    },
+		    baseCls: 'x-plain',		
+		    defaults: {
+			baseCls: 'x-plain'			
+		    },
+		    border: false,
+		    margins: '2 0 5 0',
+		    items: [
+			{
+			    margins: '0 0 0 4',
+			    html: '<a target=_blank href="http://www.proxmox.com">' +
+				'<img height=30 width=209 src="/pve2/images/proxmox_logo.png"/></a>'
+			}
+		    ]
+		},
+		{
+		    region: 'center',
+		    itemId: 'wizcontent',
+		    xtype: 'panel',
+		    layout: 'card',
+		    activeItem: 0,
+		    stateful: false,
+		    margins: '0 5 5 5',
+		    bodyPadding: 5,
+		    defaults: {
+			border: false
+		    },
+		    items: [
+			{
+			    html: 'test'
+			}
+		    ]
+		},
+		tbar
+	    ]
+	});
+	me.callParent();
+    }
+});
+