use extra tab for openvz DNS settings

www/manager/Makefile

@@ -86,6 +86,7 @@ JSSRC= 				                 	\
 	openvz/RessourceView.js				\
 	openvz/Options.js				\
 	openvz/Network.js				\
+	openvz/DNS.js					\
 	openvz/Config.js				\
 	openvz/CreateWizard.js				\
 	storage/ContentView.js				\

www/manager/openvz/Config.js

@@ -37,6 +37,11 @@ Ext.define('PVE.openvz.Config', {
 		    itemId: 'network',
 		    xtype: 'pveOpenVZNetworkView'
 		},
+		{
+		    title: 'DNS',
+		    itemId: 'dns',
+		    xtype: 'pveOpenVZDNS'
+		},
 		{
 		    title: 'Options',
 		    itemId: 'options',

www/manager/openvz/DNS.js

+/*jslint confusion: true */
+Ext.define('PVE.openvz.DNS', {
+    extend: 'PVE.grid.ObjectGrid',
+    alias: ['widget.pveOpenVZDNS'],
+
+    initComponent : function() {
+	var me = this;
+	var i;
+
+	var nodename = me.pveSelNode.data.node;
+	if (!nodename) {
+	    throw "no node name specified";
+	}
+
+	var vmid = me.pveSelNode.data.vmid;
+	if (!vmid) {
+	    throw "no VM ID specified";
+	}
+
+	var rows = {
+	    hostname: {
+		required: true,
+		defaultValue: me.pveSelNode.data.name,
+		header: 'Hostname',
+		editor: {
+		    xtype: 'pveWindowEdit',
+		    title: 'Container Hostname',
+		    items: {
+			xtype: 'textfield',
+			name: 'hostname',
+			value: '',
+			fieldLabel: 'Hostname',
+			allowBlank: true,
+			emptyText: me.pveSelNode.data.name
+		    }
+		}
+	    },
+	    searchdomain: {
+		header: 'DNS domain',
+		defaultValue: '',
+		editor: {
+		    xtype: 'pveWindowEdit',
+		    title: 'DNS domain',
+		    items: {
+			xtype: 'pvetextfield',
+			name: 'searchdomain',
+			fieldLabel: 'DNS domain',
+			allowBlank: false
+		    }
+		}
+	    },
+	    nameserver: {
+		header: 'DNS servers',
+		defaultValue: '',
+		editor: {
+		    xtype: 'pveWindowEdit',
+		    title: 'DNS servers',
+		    items: {
+			xtype: 'pvetextfield',
+			name: 'nameserver',
+			fieldLabel: 'DNS servers',
+			allowBlank: false
+		    }
+		}
+	    }
+	};
+
+	var baseurl = 'nodes/' + nodename + '/openvz/' + vmid + '/config';
+
+	var reload = function() {
+	    me.rstore.load();
+	};
+
+	var run_editor = function() {
+	    var sm = me.getSelectionModel();
+	    var rec = sm.getSelection()[0];
+	    if (!rec) {
+		return;
+	    }
+
+	    var rowdef = rows[rec.data.key];
+	    if (!rowdef.editor) {
+		return;
+	    }
+
+	    var config = Ext.apply({
+		pveSelNode: me.pveSelNode,
+		confid: rec.data.key,
+		url: '/api2/extjs/' + baseurl
+	    }, rowdef.editor);
+	    var win = Ext.createWidget(rowdef.editor.xtype, config);
+	    win.load();
+
+	    win.show();
+	    win.on('destroy', reload);
+	};
+
+	var edit_btn = new Ext.Button({
+	    text: 'Edit',
+	    disabled: true,
+	    handler: run_editor
+	});
+
+	var set_button_status = function() {
+	    var sm = me.getSelectionModel();
+	    var rec = sm.getSelection()[0];
+
+	    if (!rec) {
+		edit_btn.disable();
+		return;
+	    }
+	    var rowdef = rows[rec.data.key];
+	    edit_btn.setDisabled(!rowdef.editor);
+	};
+
+	Ext.applyIf(me, {
+	    url: "/api2/json/nodes/" + nodename + "/openvz/" + vmid + "/config",
+	    cwidth1: 150,
+	    tbar: [ edit_btn ],
+	    rows: rows,
+	    listeners: {
+		itemdblclick: run_editor,
+		selectionchange: set_button_status
+	    }
+	});
+
+	me.callParent();
+
+	me.on('show', reload);
+    }
+});
+

www/manager/openvz/Options.js

@@ -18,23 +18,6 @@ Ext.define('PVE.openvz.Options', {
 	}
 
 	var rows = {
-	    hostname: {
-		required: true,
-		defaultValue: me.pveSelNode.data.name,
-		header: 'Hostname',
-		editor: {
-		    xtype: 'pveWindowEdit',
-		    title: 'Container Hostname',
-		    items: {
-			xtype: 'textfield',
-			name: 'hostname',
-			value: '',
-			fieldLabel: 'Hostname',
-			allowBlank: true,
-			emptyText: me.pveSelNode.data.name
-		    }
-		}
-	    },
 	    onboot: {
 		header: 'Start at boot',
 		defaultValue: '',
@@ -51,34 +34,6 @@ Ext.define('PVE.openvz.Options', {
 		    }
 		}
 	    },
-	    searchdomain: {
-		header: 'DNS domain',
-		defaultValue: '',
-		editor: {
-		    xtype: 'pveWindowEdit',
-		    title: 'DNS domain',
-		    items: {
-			xtype: 'pvetextfield',
-			name: 'searchdomain',
-			fieldLabel: 'DNS domain',
-			allowBlank: false
-		    }
-		}
-	    },
-	    nameserver: {
-		header: 'DNS servers',
-		defaultValue: '',
-		editor: {
-		    xtype: 'pveWindowEdit',
-		    title: 'DNS servers',
-		    items: {
-			xtype: 'pvetextfield',
-			name: 'nameserver',
-			fieldLabel: 'DNS servers',
-			allowBlank: false
-		    }
-		}
-	    },
 	    ostemplate: {
 		header: 'Template',
 		defaultValue: 'no set'
@@ -155,22 +110,13 @@ Ext.define('PVE.openvz.Options', {
 		return;
 	    }
 
-	    var win;
-	    if (Ext.isString(rowdef.editor)) {
-		win = Ext.create(rowdef.editor, {
-		    pveSelNode: me.pveSelNode,
-		    confid: rec.data.key,
-		    url: '/api2/extjs/' + baseurl
-		});
-	    } else {
 	    var config = Ext.apply({
 		pveSelNode: me.pveSelNode,
 		confid: rec.data.key,
 		url: '/api2/extjs/' + baseurl
 	    }, rowdef.editor);
-		win = Ext.createWidget(rowdef.editor.xtype, config);
+	    var win = Ext.createWidget(rowdef.editor.xtype, config);
 	    win.load();
-	    }
 
 	    win.show();
 	    win.on('destroy', reload);