mirror of
https://git.proxmox.com/git/pve-manager
synced 2025-07-24 15:21:25 +00:00
implement openvz create wizard
This commit is contained in:
Dietmar Maurer
parent
6fb605f228
commit
c6594d0e54
@ -1,17 +1,330 @@
|
||||
Ext.define('PVE.openvz.CreateWizard', {
|
||||
extend: 'PVE.window.Wizard',
|
||||
requires: [
|
||||
'Ext.form.*',
|
||||
'PVE.data.ResourceStore'
|
||||
],
|
||||
|
||||
initComponent: function() {
|
||||
var me = this;
|
||||
|
||||
var nextvmid = PVE.data.ResourceStore.findNextVMID();
|
||||
|
||||
var summarystore = Ext.create('Ext.data.Store', {
|
||||
model: 'KeyValue',
|
||||
sorters: [
|
||||
{
|
||||
property : 'key',
|
||||
direction: 'ASC'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
var tmplsel = Ext.create('PVE.form.FileSelector', {
|
||||
name: 'ostemplate',
|
||||
storageContent: 'vztmpl',
|
||||
fieldLabel: 'OS template',
|
||||
allowBlank: false
|
||||
});
|
||||
|
||||
var bridgesel = Ext.create('PVE.form.BridgeSelector', {
|
||||
name: 'bridge',
|
||||
fieldLabel: 'Bridge',
|
||||
labelAlign: 'right',
|
||||
autoSelect: true,
|
||||
disabled: true,
|
||||
allowBlank: false
|
||||
});
|
||||
|
||||
Ext.applyIf(me, {
|
||||
title: 'Create new container',
|
||||
items: [
|
||||
{
|
||||
title: 'Not implemented',
|
||||
descr: 'Sorry, this fuctionality is not implelemnted',
|
||||
xtype: 'inputpanel',
|
||||
title: 'General',
|
||||
column1: [
|
||||
{
|
||||
xtype: 'PVE.form.NodeSelector',
|
||||
name: 'nodename',
|
||||
fieldLabel: 'Node',
|
||||
allowBlank: false,
|
||||
onlineValidator: true,
|
||||
listeners: {
|
||||
change: function(f, value) {
|
||||
tmplsel.setStorage('local', value);
|
||||
bridgesel.setNodename(value);
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
xtype: 'numberfield',
|
||||
name: 'vmid',
|
||||
value: nextvmid,
|
||||
minValue: 100,
|
||||
maxValue: 999999999,
|
||||
fieldLabel: 'VM ID',
|
||||
allowBlank: false,
|
||||
validator: function(value) {
|
||||
/*jslint confusion: true */
|
||||
if (!PVE.data.ResourceStore.findVMID(value)) {
|
||||
return true;
|
||||
}
|
||||
return "This VM ID is already in use.";
|
||||
}
|
||||
},
|
||||
{
|
||||
xtype: 'pvetextfield',
|
||||
name: 'hostname',
|
||||
value: '',
|
||||
fieldLabel: 'Hostname',
|
||||
skipEmptyText: true,
|
||||
allowBlank: true
|
||||
}
|
||||
],
|
||||
column2: [
|
||||
{
|
||||
xtype: 'textfield',
|
||||
inputType: 'password',
|
||||
name: 'password',
|
||||
value: '',
|
||||
fieldLabel: 'Password',
|
||||
allowBlank: false,
|
||||
minLength: 5,
|
||||
change: function(f, value) {
|
||||
if (!me.rendered) {
|
||||
return;
|
||||
}
|
||||
me.down('field[name=confirmpw]').validate();
|
||||
}
|
||||
},
|
||||
{
|
||||
xtype: 'textfield',
|
||||
inputType: 'password',
|
||||
name: 'confirmpw',
|
||||
value: '',
|
||||
fieldLabel: 'Confirm password',
|
||||
allowBlank: false,
|
||||
validator: function(value) {
|
||||
var pw = me.down('field[name=password]').getValue();
|
||||
if (pw !== value) {
|
||||
return "Passowords does not match!";
|
||||
}
|
||||
return true;
|
||||
}
|
||||
}
|
||||
],
|
||||
onGetValues: function(values) {
|
||||
delete values.confirmpw;
|
||||
return values;
|
||||
}
|
||||
},
|
||||
{
|
||||
xtype: 'inputpanel',
|
||||
title: 'Template',
|
||||
items: tmplsel
|
||||
},
|
||||
{
|
||||
xtype: 'inputpanel',
|
||||
title: 'Resources',
|
||||
column1: [
|
||||
{
|
||||
xtype: 'numberfield',
|
||||
name: 'memory',
|
||||
minValue: 32,
|
||||
maxValue: 128*1024,
|
||||
value: '512',
|
||||
step: 32,
|
||||
fieldLabel: 'Memory (MB)',
|
||||
allowBlank: false
|
||||
},
|
||||
{
|
||||
xtype: 'numberfield',
|
||||
name: 'swap',
|
||||
minValue: 0,
|
||||
maxValue: 128*1024,
|
||||
value: '512',
|
||||
step: 32,
|
||||
fieldLabel: 'Swap (MB)',
|
||||
allowBlank: false
|
||||
}
|
||||
],
|
||||
column2: [
|
||||
{
|
||||
xtype: 'numberfield',
|
||||
name: 'disk',
|
||||
minValue: 0.5,
|
||||
value: '4',
|
||||
step: 1,
|
||||
fieldLabel: 'Disk space (GB)',
|
||||
allowBlank: false
|
||||
},
|
||||
{
|
||||
xtype: 'numberfield',
|
||||
name: 'cpus',
|
||||
minValue: 1,
|
||||
value: '1',
|
||||
step: 1,
|
||||
fieldLabel: 'CPUs',
|
||||
allowBlank: false
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
xtype: 'inputpanel',
|
||||
title: 'Network',
|
||||
column1: [
|
||||
{
|
||||
xtype: 'radiofield',
|
||||
name: 'networkmode',
|
||||
inputValue: 'routed',
|
||||
boxLabel: 'Routed mode (venet)',
|
||||
checked: true,
|
||||
listeners: {
|
||||
change: function(f, value) {
|
||||
if (!me.rendered) {
|
||||
return;
|
||||
}
|
||||
me.down('field[name=ip_address]').setDisabled(!value);
|
||||
me.down('field[name=ip_address]').validate();
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
xtype: 'textfield',
|
||||
name: 'ip_address',
|
||||
vtype: 'IPAddress',
|
||||
value: '',
|
||||
fieldLabel: 'IP address',
|
||||
labelAlign: 'right',
|
||||
allowBlank: false
|
||||
}
|
||||
],
|
||||
column2: [
|
||||
{
|
||||
xtype: 'radiofield',
|
||||
name: 'networkmode',
|
||||
inputValue: 'bridge',
|
||||
boxLabel: 'Bridged mode',
|
||||
checked: false,
|
||||
listeners: {
|
||||
change: function(f, value) {
|
||||
if (!me.rendered) {
|
||||
return;
|
||||
}
|
||||
me.down('field[name=bridge]').setDisabled(!value);
|
||||
me.down('field[name=bridge]').validate();
|
||||
}
|
||||
}
|
||||
},
|
||||
bridgesel
|
||||
],
|
||||
onGetValues: function(values) {
|
||||
delete values.networkmode;
|
||||
return values;
|
||||
}
|
||||
},
|
||||
{
|
||||
xtype: 'inputpanel',
|
||||
title: 'DNS',
|
||||
column1: [
|
||||
{
|
||||
xtype: 'pvetextfield',
|
||||
name: 'searchdomain',
|
||||
skipEmptyText: true,
|
||||
fieldLabel: 'DNS domain',
|
||||
emptyText: 'use host settings',
|
||||
allowBlank: true,
|
||||
listeners: {
|
||||
change: function(f, value) {
|
||||
if (!me.rendered) {
|
||||
return;
|
||||
}
|
||||
var field = me.down('#dns1');
|
||||
field.setDisabled(!value);
|
||||
field.clearInvalid();
|
||||
var field = me.down('#dns2');
|
||||
field.setDisabled(!value);
|
||||
field.clearInvalid();
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
xtype: 'pvetextfield',
|
||||
fieldLabel: 'DNS server 1',
|
||||
vtype: 'IPAddress',
|
||||
allowBlank: true,
|
||||
disabled: true,
|
||||
name: 'nameserver',
|
||||
itemId: 'dns1'
|
||||
},
|
||||
{
|
||||
xtype: 'pvetextfield',
|
||||
fieldLabel: 'DNS server 2',
|
||||
vtype: 'IPAddress',
|
||||
skipEmptyText: true,
|
||||
disabled: true,
|
||||
name: 'nameserver',
|
||||
itemId: 'dns2'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Confirm',
|
||||
layout: 'fit',
|
||||
html: 'not implemented'
|
||||
items: [
|
||||
{
|
||||
title: 'Settings',
|
||||
xtype: 'grid',
|
||||
store: summarystore,
|
||||
columns: [
|
||||
{header: 'Key', width: 150, dataIndex: 'key'},
|
||||
{header: 'Value', flex: 1, dataIndex: 'value'}
|
||||
]
|
||||
}
|
||||
],
|
||||
listeners: {
|
||||
show: function(panel) {
|
||||
var form = me.down('form').getForm();
|
||||
var kv = me.getValues();
|
||||
var data = [];
|
||||
Ext.Object.each(kv, function(key, value) {
|
||||
if (key === 'delete') { // ignore
|
||||
return;
|
||||
}
|
||||
if (key === 'password') { // don't show pw
|
||||
return;
|
||||
}
|
||||
var html = Ext.htmlEncode(Ext.JSON.encode(value));
|
||||
data.push({ key: key, value: value });
|
||||
});
|
||||
summarystore.suspendEvents();
|
||||
summarystore.removeAll();
|
||||
summarystore.add(data);
|
||||
summarystore.sort();
|
||||
summarystore.resumeEvents();
|
||||
summarystore.fireEvent('datachanged', summarystore);
|
||||
}
|
||||
},
|
||||
onSubmit: function() {
|
||||
var kv = me.getValues();
|
||||
delete kv['delete'];
|
||||
|
||||
var nodename = kv.nodename;
|
||||
delete kv.nodename;
|
||||
|
||||
PVE.Utils.API2Request({
|
||||
url: '/nodes/' + nodename + '/openvz',
|
||||
waitMsgTarget: me,
|
||||
method: 'POST',
|
||||
params: kv,
|
||||
success: function(response){
|
||||
me.close();
|
||||
},
|
||||
failure: function(response, opts) {
|
||||
Ext.Msg.alert('Error', response.htmlStatus);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
Loading…
Reference in New Issue
Block a user