' + Ext.htmlEncode(record.data.detail) + '' ] }] }); win.show(); } } ] } ] } ] }, { xtype: 'pveCephStatusDetail', itemId: 'statusdetail', plugins: 'responsive', responsiveConfig: { 'width < 1900': { columnWidth: 1 }, 'width >= 1900': { columnWidth: 0.5 } }, title: gettext('Status') }, { xtype: 'panel', title: gettext('Performance'), columnWidth: 1, bodyPadding: 5, layout: { type: 'hbox', align: 'center' }, items: [ { flex: 1, xtype: 'proxmoxGauge', itemId: 'space', title: gettext('Usage') }, { flex: 2, xtype: 'container', defaults: { padding: 0, height: 100 }, items: [ { itemId: 'reads', xtype: 'pveRunningChart', title: gettext('Reads'), renderer: PVE.Utils.render_bandwidth }, { itemId: 'writes', xtype: 'pveRunningChart', title: gettext('Writes'), renderer: PVE.Utils.render_bandwidth }, { itemId: 'iops', xtype: 'pveRunningChart', hidden: true, title: 'IOPS', // do not localize renderer: Ext.util.Format.numberRenderer('0,000') }, { itemId: 'readiops', xtype: 'pveRunningChart', hidden: true, title: 'IOPS: ' + gettext('Reads'), renderer: Ext.util.Format.numberRenderer('0,000') }, { itemId: 'writeiops', xtype: 'pveRunningChart', hidden: true, title: 'IOPS: ' + gettext('Writes'), renderer: Ext.util.Format.numberRenderer('0,000') } ] } ] } ], generateCheckData: function(health) { var result = []; var checks = health.checks || {}; var keys = Ext.Object.getKeys(checks).sort(); Ext.Array.forEach(keys, function(key) { var details = checks[key].detail || []; result.push({ id: key, summary: checks[key].summary.message, detail: Ext.Array.reduce( checks[key].detail, function(first, second) { return first + '\n' + second.message; }, '' ), severity: checks[key].severity }); }); return result; }, updateAll: function(store, records, success) { if (!success || records.length === 0) { return; } var me = this; var rec = records[0]; // add health panel me.down('#overallhealth').updateHealth(PVE.Utils.render_ceph_health(rec.data.health || {})); // add errors to gridstore me.down('#warnings').getStore().loadRawData(me.generateCheckData(rec.data.health || {}), false); // update detailstatus panel me.getComponent('statusdetail').updateAll( rec.data.health || {}, rec.data.monmap || {}, rec.data.pgmap || {}, rec.data.osdmap || {}, rec.data.quorum_names || []); // add performance data var used = rec.data.pgmap.bytes_used; var total = rec.data.pgmap.bytes_total; var text = Ext.String.format(gettext('{0} of {1}'), PVE.Utils.render_size(used), PVE.Utils.render_size(total) ); // update the usage widget me.down('#space').updateValue(used/total, text); // TODO: logic for jewel (iops splitted in read/write) var iops = rec.data.pgmap.op_per_sec; var readiops = rec.data.pgmap.read_op_per_sec; var writeiops = rec.data.pgmap.write_op_per_sec; var reads = rec.data.pgmap.read_bytes_sec || 0; var writes = rec.data.pgmap.write_bytes_sec || 0; if (iops !== undefined && me.version !== 'hammer') { me.change_version('hammer'); } else if((readiops !== undefined || writeiops !== undefined) && me.version !== 'jewel') { me.change_version('jewel'); } // update the graphs me.reads.addDataPoint(reads); me.writes.addDataPoint(writes); me.iops.addDataPoint(iops); me.readiops.addDataPoint(readiops); me.writeiops.addDataPoint(writeiops); }, change_version: function(version) { var me = this; me.version = version; me.sp.set('ceph-version', version); me.iops.setVisible(version === 'hammer'); me.readiops.setVisible(version === 'jewel'); me.writeiops.setVisible(version === 'jewel'); }, initComponent: function() { var me = this; var nodename = me.pveSelNode.data.node; if (!nodename) { throw "no node name specified"; } me.callParent(); me.store = Ext.create('Proxmox.data.UpdateStore', { storeid: 'ceph-status-' + nodename, interval: 5000, proxy: { type: 'proxmox', url: '/api2/json/nodes/' + nodename + '/ceph/status' } }); // save references for the updatefunction me.iops = me.down('#iops'); me.readiops = me.down('#readiops'); me.writeiops = me.down('#writeiops'); me.reads = me.down('#reads'); me.writes = me.down('#writes'); // get ceph version me.sp = Ext.state.Manager.getProvider(); me.version = me.sp.get('ceph-version'); me.change_version(me.version); var regex = new RegExp("not (installed|initialized)", "i"); PVE.Utils.handleStoreErrorOrMask(me, me.store, regex, function(me, error){ me.store.stopUpdate(); PVE.Utils.showCephInstallOrMask(me, error.statusText, nodename, function(win){ me.mon(win, 'cephInstallWindowClosed', function(){ me.store.startUpdate(); }); } ); }); me.mon(me.store, 'load', me.updateAll, me); me.on('destroy', me.store.stopUpdate); me.store.startUpdate(); } }); Ext.define('PVE.ceph.StatusDetail', { extend: 'Ext.panel.Panel', alias: 'widget.pveCephStatusDetail', layout: { type: 'hbox', align: 'stretch' }, bodyPadding: '0 5 20', defaults: { xtype: 'box', style: { 'text-align':'center' } }, items: [{ flex: 1, itemId: 'monitors', xtype: 'container', items: [ { xtype: 'box', width: '100%', html: '
' + gettext('Monitors') + '
' } ] },{ flex: 1, itemId: 'osds', data: { total: 0, upin: 0, upout: 0, downin: 0, downout: 0 }, tpl: [ '' + 'OSDs' + '
', '| ', ' | ', gettext('In'), ' | ', '', gettext('Out'), ' | ', '
| ', gettext('Up'), ' | ', '{upin} | ', '{upout} | ', '
| ', gettext('Down'), ' | ', '{downin} | ', '{downout} | ', '
',
gettext('Total'),
': {total}',
'
'
]
},
{
flex: 1.6,
itemId: 'pgs',
padding: '0 10',
data: {
states: []
},
tpl: [
'' + 'PGs' + '
', '{state_name}:
',
'{count}
', '', '
' + gettext('Address') + ': ' + me.data.addr + '
' + gettext('Health') + ': ' + me.data.health + '
' + me.data.text }); } me.tooltip.show(); } }, mouseleave: { element: 'el', fn: function(events, element) { var me = this.component; if (me.tooltip) { me.tooltip.destroy(); delete me.tooltip; } } } } }); Ext.define('PVE.node.CephConfig', { extend: 'Ext.panel.Panel', alias: 'widget.pveNodeCephConfig', bodyStyle: 'white-space:pre', bodyPadding: 5, border: false, scrollable: true, load: function() { var me = this; Proxmox.Utils.API2Request({ url: me.url, waitMsgTarget: me, failure: function(response, opts) { me.update(gettext('Error') + " " + response.htmlStatus); var msg = response.htmlStatus; PVE.Utils.showCephInstallOrMask(me.ownerCt, msg, me.pveSelNode.data.node, function(win){ me.mon(win, 'cephInstallWindowClosed', function(){ me.load(); }); } ); }, success: function(response, opts) { var data = response.result.data; me.update(Ext.htmlEncode(data)); } }); }, initComponent: function() { var me = this; var nodename = me.pveSelNode.data.node; if (!nodename) { throw "no node name specified"; } Ext.apply(me, { url: '/nodes/' + nodename + '/ceph/config', listeners: { activate: function() { me.load(); } } }); me.callParent(); me.load(); } }); Ext.define('PVE.node.CephConfigCrush', { extend: 'Ext.panel.Panel', alias: 'widget.pveNodeCephConfigCrush', onlineHelp: 'chapter_pveceph', layout: 'border', items: [{ title: gettext('Configuration'), xtype: 'pveNodeCephConfig', region: 'center' }, { title: 'Crush Map', // do not localize xtype: 'pveNodeCephCrushMap', region: 'east', split: true, width: '50%' }], initComponent: function() { var me = this; me.defaults = { pveSelNode: me.pveSelNode }; me.callParent(); } }); Ext.define('PVE.ceph.Log', { extend: 'Proxmox.panel.LogView', xtype: 'cephLogView', nodename: undefined, failCallback: function(response) { var me = this; var msg = response.htmlStatus; var windowShow = PVE.Utils.showCephInstallOrMask(me, msg, me.nodename, function(win){ me.mon(win, 'cephInstallWindowClosed', function(){ me.loadTask.delay(200); }); } ); if (!windowShow) { Proxmox.Utils.setErrorMask(me, msg); } } }); /*jslint confusion: true*/ Ext.define('PVE.ceph.CephInstallWizard', { extend: 'PVE.window.Wizard', alias: 'widget.pveCephInstallWizard', mixins: ['Proxmox.Mixin.CBind'], resizable: false, nodename: undefined, viewModel: { data: { nodename: '', configuration: true, isInstalled: false } }, cbindData: { nodename: undefined }, title: gettext('Setup'), navigateNext: function() { var tp = this.down('#wizcontent'); var atab = tp.getActiveTab(); var next = tp.items.indexOf(atab) + 1; var ntab = tp.items.getAt(next); if (ntab) { ntab.enable(); tp.setActiveTab(ntab); } }, setInitialTab: function (index) { var tp = this.down('#wizcontent'); var initialTab = tp.items.getAt(index); initialTab.enable(); tp.setActiveTab(initialTab); }, onShow: function() { this.callParent(arguments); var isInstalled = this.getViewModel().get('isInstalled'); if (isInstalled) { this.getViewModel().set('configuration', false); this.setInitialTab(2); } }, items: [ { title: gettext('Info'), xtype: 'panel', border: false, bodyBorder: false, onlineHelp: 'chapter_pveceph', html: '
Ceph?
'+ ''+ '"Ceph is a unified, distributed storage system designed for excellent performance, reliability and scalability."
Ceph is currently not installed on this node, click on the next button below to start the installation.'+ ' This wizard will guide you through the necessary steps, after the initial installation you will be offered to create a initial configuration.'+ ' The configuration step is only needed once per cluster and will be skipped if a config is already present.
'+ 'Please take a look at our documentation, by clicking the help button below, before starting the installation, '+ 'if you want to gain deeper knowledge about Ceph visit ceph.com.
', listeners: { activate: function() { // notify owning container that it should display a help button if (this.onlineHelp) { Ext.GlobalEvents.fireEvent('proxmoxShowHelp', this.onlineHelp); } this.up('pveCephInstallWizard').down('#back').hide(true); this.up('pveCephInstallWizard').down('#next').setText(gettext('Start installation')); }, deactivate: function() { if (this.onlineHelp) { Ext.GlobalEvents.fireEvent('proxmoxHideHelp', this.onlineHelp); } this.up('pveCephInstallWizard').down('#next').setText(gettext('Next')); } } }, { title: gettext('Installation'), xtype: 'panel', layout: 'fit', cbind:{ nodename: '{nodename}' }, viewModel: {}, // needed to inherit parent viewModel data listeners: { afterrender: function() { var me = this; if (this.getViewModel().get('isInstalled')) { this.mask("Ceph is already installed, click next to create your configuration.",['pve-static-mask']); } else { me.down('pveNoVncConsole').fireEvent('activate'); } }, activate: function() { var me = this; var nodename = me.nodename; me.updateStore = Ext.create('Proxmox.data.UpdateStore', { storeid: 'ceph-status-' + nodename, interval: 1000, proxy: { type: 'proxmox', url: '/api2/json/nodes/' + nodename + '/ceph/status' }, listeners: { load: function(rec, response, success, operation) { if (success) { me.updateStore.stopUpdate(); me.down('textfield').setValue('success'); } else if (operation.error.statusText.match("not initialized", "i")) { me.updateStore.stopUpdate(); me.up('pveCephInstallWizard').getViewModel().set('configuration',false); me.down('textfield').setValue('success'); } else if (operation.error.statusText.match("rados_connect failed", "i")) { me.updateStore.stopUpdate(); me.up('pveCephInstallWizard').getViewModel().set('configuration',true); me.down('textfield').setValue('success'); } else if (!operation.error.statusText.match("not installed", "i")) { Proxmox.Utils.setErrorMask(me, operation.error.statusText); } } } }); me.updateStore.startUpdate(); }, destroy: function() { var me = this; if (me.updateStore) { me.updateStore.stopUpdate(); } } }, items: [ { itemId: 'jsconsole', consoleType: 'cmd', xtermjs: true, xtype: 'pveNoVncConsole', cbind:{ nodename: '{nodename}' }, cmd: 'ceph_install' }, { xtype: 'textfield', name: 'installSuccess', value: '', allowBlank: false, submitValue: false, hidden: true } ] }, { xtype: 'inputpanel', title: gettext('Configuration'), onlineHelp: 'chapter_pveceph', cbind: { nodename: '{nodename}' }, viewModel: { data: { replicas: undefined, minreplicas: undefined } }, listeners: { activate: function() { this.up('pveCephInstallWizard').down('#submit').setText(gettext('Next')); }, beforeshow: function() { if (this.up('pveCephInstallWizard').getViewModel().get('configuration')) { this.mask("Coniguration already initialized",['pve-static-mask']); } else { this.unmask(); } }, deactivate: function() { this.up('pveCephInstallWizard').down('#submit').setText(gettext('Finish')); } }, column1: [ { xtype: 'displayfield', value: gettext('Ceph cluster configuration') + ':' }, { xtype: 'textfield', name: 'network', vtype: 'IPCIDRAddress', value: '', fieldLabel: 'Public Network IP/CIDR', bind: { allowBlank: '{configuration}' }, setAllowBlank: function(allowBlank) { this.allowBlank = allowBlank; this.validate(); } }, { xtype: 'textfield', name: 'cluster-network', vtype: 'IPCIDRAddress', fieldLabel: 'Cluster Network IP/CIDR', allowBlank: true, emptyText: gettext('Same as Public Network') } // FIXME: add hint about cluster network and/or reference user to docs?? ], column2: [ { xtype: 'displayfield', value: gettext('First Ceph monitor') + ':' }, { xtype: 'pveNodeSelector', fieldLabel: gettext('Monitor node'), name: 'mon-node', selectCurNode: true, allowBlank: false }, { xtype: 'displayfield', value: gettext('Additional monitors are recommended. They can be created at any time in the Monitor tab.'), userCls: 'pve-hint' } ], advancedColumn1: [ { xtype: 'numberfield', name: 'size', fieldLabel: 'Number of replicas', bind: { value: '{replicas}' }, maxValue: 7, minValue: 2, emptyText: '3' }, { xtype: 'numberfield', name: 'min_size', fieldLabel: 'Minimum replicas', bind: { maxValue: '{replicas}', value: '{minreplicas}' }, minValue: 2, maxValue: 3, setMaxValue: function(value) { this.maxValue = Ext.Number.from(value, 2); // allow enough to avoid split brains with max 'size', but more makes simply no sense if (this.maxValue > 4) { this.maxValue = 4; } this.toggleSpinners(); this.validate(); }, emptyText: '2' } ], onGetValues: function(values) { ['cluster-network', 'size', 'min_size'].forEach(function(field) { if (!values[field]) { delete values[field]; } }); return values; }, onSubmit: function() { var me = this; if (!this.up('pveCephInstallWizard').getViewModel().get('configuration')) { var wizard = me.up('window'); var kv = wizard.getValues(); delete kv['delete']; var monNode = kv['mon-node']; delete kv['mon-node']; var nodename = me.nodename; delete kv.nodename; Proxmox.Utils.API2Request({ url: '/nodes/' + nodename + '/ceph/init', waitMsgTarget: wizard, method: 'POST', params: kv, success: function() { Proxmox.Utils.API2Request({ url: '/nodes/' + monNode + '/ceph/mon', waitMsgTarget: wizard, method: 'POST', success: function() { me.up('pveCephInstallWizard').navigateNext(); }, failure: function(response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); } }); }, failure: function(response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); } }); } else { me.up('pveCephInstallWizard').navigateNext(); } } }, { title: gettext('Success'), xtype: 'panel', border: false, bodyBorder: false, onlineHelp: 'pve_ceph_install', html: 'Installation successful!
'+ 'The basic installation and configuration is completed, depending on your setup some of the following steps are required to start using Ceph:
'+ '- Install Ceph on other nodes '+ '
- Create additional Ceph Monitors '+ '
- Create Ceph OSDs '+ '
- Create Ceph Pools
To learn more click on the help button below.
', listeners: { activate: function() { // notify owning container that it should display a help button if (this.onlineHelp) { Ext.GlobalEvents.fireEvent('proxmoxShowHelp', this.onlineHelp); } var tp = this.up('#wizcontent'); var idx = tp.items.indexOf(this)-1; for(;idx >= 0;idx--) { var nc = tp.items.getAt(idx); if (nc) { nc.disable(); } } }, deactivate: function() { if (this.onlineHelp) { Ext.GlobalEvents.fireEvent('proxmoxHideHelp', this.onlineHelp); } } }, onSubmit: function() { var wizard = this.up('pveCephInstallWizard'); wizard.close(); } } ] }); Ext.define('PVE.node.DiskList', { extend: 'Ext.grid.GridPanel', alias: 'widget.pveNodeDiskList', emptyText: gettext('No Disks found'), stateful: true, stateId: 'grid-node-disks', columns: [ { header: gettext('Device'), width: 100, sortable: true, dataIndex: 'devpath' }, { header: gettext('Type'), width: 80, sortable: true, dataIndex: 'type', renderer: function(v) { if (v === 'ssd') { return 'SSD'; } else if (v === 'hdd') { return 'Hard Disk'; } else if (v === 'usb'){ return 'USB'; } else { return gettext('Unknown'); } } }, { header: gettext('Usage'), width: 80, sortable: false, renderer: function(v, metaData, rec) { if (rec) { if (rec.data.osdid >= 0) { var bluestore = ''; if (rec.data.bluestore === 1) { bluestore = ' (Bluestore)'; } return "Ceph osd." + rec.data.osdid.toString() + bluestore; } var types = []; if (rec.data.journals > 0) { types.push('Journal'); } if (rec.data.db > 0) { types.push('DB'); } if (rec.data.wal > 0) { types.push('WAL'); } if (types.length > 0) { return 'Ceph (' + types.join(', ') + ')'; } } return v || Proxmox.Utils.noText; }, dataIndex: 'used' }, { header: gettext('Size'), width: 100, align: 'right', sortable: true, renderer: Proxmox.Utils.format_size, dataIndex: 'size' }, { header: 'GPT', width: 60, align: 'right', renderer: function(value) { if (value) { return Proxmox.Utils.yesText; } else { return Proxmox.Utils.noText; } }, dataIndex: 'gpt' }, { header: gettext('Vendor'), width: 100, sortable: true, renderer: Ext.String.htmlEncode, dataIndex: 'vendor' }, { header: gettext('Model'), width: 200, sortable: true, renderer: Ext.String.htmlEncode, dataIndex: 'model' }, { header: gettext('Serial'), width: 200, sortable: true, renderer: Ext.String.htmlEncode, dataIndex: 'serial' }, { header: 'S.M.A.R.T.', width: 100, sortable: true, renderer: Ext.String.htmlEncode, dataIndex: 'health' }, { header: 'Wearout', width: 100, sortable: true, dataIndex: 'wearout', renderer: function(value) { if (Ext.isNumeric(value)) { return (100 - value).toString() + '%'; } return 'N/A'; } } ], initComponent: function() { /*jslint confusion: true */ var me = this; var nodename = me.pveSelNode.data.node; if (!nodename) { throw "no node name specified"; } var sm = Ext.create('Ext.selection.RowModel', {}); var store = Ext.create('Ext.data.Store', { storeid: 'node-disk-list' + nodename, model: 'node-disk-list', proxy: { type: 'proxmox', url: "/api2/json/nodes/" + nodename + "/disks/list" }, sorters: [ { property : 'dev', direction: 'ASC' } ] }); var reloadButton = Ext.create('Proxmox.button.Button', { text: gettext('Reload'), handler: function() { me.store.load(); } }); var smartButton = Ext.create('Proxmox.button.Button', { text: gettext('Show S.M.A.R.T. values'), selModel: sm, enableFn: function() { return !!sm.getSelection().length; }, disabled: true, handler: function() { var rec = sm.getSelection()[0]; var win = Ext.create('PVE.DiskSmartWindow', { nodename: nodename, dev: rec.data.devpath }); win.show(); } }); var initButton = Ext.create('Proxmox.button.Button', { text: gettext('Initialize Disk with GPT'), selModel: sm, enableFn: function() { var selection = sm.getSelection(); if (!selection.length || selection[0].data.used) { return false; } else { return true; } }, disabled: true, handler: function() { var rec = sm.getSelection()[0]; Proxmox.Utils.API2Request({ url: '/api2/extjs/nodes/' + nodename + '/disks/initgpt', waitMsgTarget: me, method: 'POST', params: { disk: rec.data.devpath}, failure: function(response, options) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); }, success: function(response, options) { var upid = response.result.data; var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid }); win.show(); } }); } }); me.loadCount = 1; // avoid duplicate loadmask Proxmox.Utils.monStoreErrors(me, store); Ext.apply(me, { store: store, selModel: sm, tbar: [ reloadButton, smartButton, initButton ], listeners: { itemdblclick: function() { var rec = sm.getSelection()[0]; var win = Ext.create('PVE.DiskSmartWindow', { nodename: nodename, dev: rec.data.devpath }); win.show(); } } }); me.callParent(); me.store.load(); } }, function() { Ext.define('node-disk-list', { extend: 'Ext.data.Model', fields: [ 'devpath', 'used', { name: 'size', type: 'number'}, {name: 'osdid', type: 'number'}, 'vendor', 'model', 'serial', 'rpm', 'type', 'health', 'wearout' ], idProperty: 'devpath' }); }); Ext.define('PVE.DiskSmartWindow', { extend: 'Ext.window.Window', alias: 'widget.pveSmartWindow', modal: true, items: [ { xtype: 'gridpanel', layout: { type: 'fit' }, emptyText: gettext('No S.M.A.R.T. Values'), scrollable: true, flex: 1, itemId: 'smarts', reserveScrollbar: true, columns: [ { text: 'ID', dataIndex: 'id', width: 50 }, { text: gettext('Attribute'), flex: 1, dataIndex: 'name', renderer: Ext.String.htmlEncode }, { text: gettext('Value'), dataIndex: 'raw', renderer: Ext.String.htmlEncode }, { text: gettext('Normalized'), dataIndex: 'value', width: 60}, { text: gettext('Threshold'), dataIndex: 'threshold', width: 60}, { text: gettext('Worst'), dataIndex: 'worst', width: 60}, { text: gettext('Flags'), dataIndex: 'flags'}, { text: gettext('Failing'), dataIndex: 'fail', renderer: Ext.String.htmlEncode } ] }, { xtype: 'component', itemId: 'text', layout: { type: 'fit' }, hidden: true, style: { 'background-color': 'white', 'white-space': 'pre', 'font-family': 'monospace' } } ], buttons: [ { text: gettext('Reload'), name: 'reload', handler: function() { var me = this; me.up('window').store.reload(); } }, { text: gettext('Close'), name: 'close', handler: function() { var me = this; me.up('window').close(); } } ], layout: { type: 'vbox', align: 'stretch' }, width: 800, height: 500, minWidth: 600, minHeight: 400, bodyPadding: 5, title: gettext('S.M.A.R.T. Values'), initComponent: function() { var me = this; var nodename = me.nodename; if (!nodename) { throw "no node name specified"; } var dev = me.dev; if (!dev) { throw "no device specified"; } me.store = Ext.create('Ext.data.Store', { model: 'disk-smart', proxy: { type: 'proxmox', url: "/api2/json/nodes/" + nodename + "/disks/smart?disk=" + dev } }); me.callParent(); var grid = me.down('#smarts'); var text = me.down('#text'); Proxmox.Utils.monStoreErrors(grid, me.store); me.mon(me.store, 'load', function(s, records, success) { if (success && records.length > 0) { var rec = records[0]; switch (rec.data.type) { case 'text': grid.setVisible(false); text.setVisible(true); text.setHtml(Ext.String.htmlEncode(rec.data.text)); break; default: // includes 'ata' // cannot use empty case because // of jslint grid.setVisible(true); text.setVisible(false); grid.setStore(rec.attributes()); break; } } }); me.store.load(); } }, function() { Ext.define('disk-smart', { extend: 'Ext.data.Model', fields: [ { name:'health'}, { name:'type'}, { name:'text'} ], hasMany: {model: 'smart-attribute', name: 'attributes'} }); Ext.define('smart-attribute', { extend: 'Ext.data.Model', fields: [ { name:'id', type:'number' }, 'name', 'value', 'worst', 'threshold', 'flags', 'fail', 'raw' ] }); }); Ext.define('PVE.node.CreateLVM', { extend: 'Proxmox.window.Edit', xtype: 'pveCreateLVM', subject: 'LVM Volume Group', showProgress: true, onlineHelp: 'chapter_lvm', initComponent : function() { var me = this; if (!me.nodename) { throw "no node name specified"; } me.isCreate = true; Ext.applyIf(me, { url: "/nodes/" + me.nodename + "/disks/lvm", method: 'POST', items: [ { xtype: 'pveDiskSelector', name: 'device', nodename: me.nodename, diskType: 'unused', fieldLabel: gettext('Disk'), allowBlank: false }, { xtype: 'proxmoxtextfield', name: 'name', fieldLabel: gettext('Name'), allowBlank: false }, { xtype: 'proxmoxcheckbox', name: 'add_storage', fieldLabel: gettext('Add Storage'), value: '1' } ] }); me.callParent(); } }); Ext.define('PVE.node.LVMList', { extend: 'Ext.tree.Panel', xtype: 'pveLVMList', emptyText: gettext('No Volume Groups found'), stateful: true, stateId: 'grid-node-lvm', columns: [ { xtype: 'treecolumn', text: gettext('Name'), dataIndex: 'name', flex: 1 }, { text: gettext('Number of LVs'), dataIndex: 'lvcount', width: 150, align: 'right' }, { header: gettext('Usage'), width: 110, dataIndex: 'usage', tdCls: 'x-progressbar-default-cell', xtype: 'widgetcolumn', widget: { xtype: 'pveProgressBar' } }, { header: gettext('Size'), width: 100, align: 'right', sortable: true, renderer: Proxmox.Utils.format_size, dataIndex: 'size' }, { header: gettext('Free'), width: 100, align: 'right', sortable: true, renderer: Proxmox.Utils.format_size, dataIndex: 'free' } ], rootVisible: false, useArrows: true, tbar: [ { text: gettext('Reload'), iconCls: 'fa fa-refresh', handler: function() { var me = this.up('panel'); me.reload(); } }, { text: gettext('Create') + ': Volume Group', handler: function() { var me = this.up('panel'); var win = Ext.create('PVE.node.CreateLVM', { nodename: me.nodename, taskDone: function() { me.reload(); } }).show(); } } ], reload: function() { var me = this; var sm = me.getSelectionModel(); Proxmox.Utils.API2Request({ url: "/nodes/" + me.nodename + "/disks/lvm", waitMsgTarget: me, method: 'GET', failure: function(response, opts) { Proxmox.Utils.setErrorMask(me, response.htmlStatus); }, success: function(response, opts) { sm.deselectAll(); me.setRootNode(response.result.data); me.expandAll(); } }); }, listeners: { activate: function() { var me = this; me.reload(); } }, initComponent: function() { /*jslint confusion: true */ var me = this; me.nodename = me.pveSelNode.data.node; if (!me.nodename) { throw "no node name specified"; } var sm = Ext.create('Ext.selection.TreeModel', {}); Ext.apply(me, { selModel: sm, fields: ['name', 'size', 'free', { type: 'string', name: 'iconCls', calculate: function(data) { var txt = 'fa x-fa-tree fa-'; txt += (data.leaf) ? 'hdd-o' : 'object-group'; return txt; } }, { type: 'number', name: 'usage', calculate: function(data) { return ((data.size-data.free)/data.size); } } ], sorters: 'name' }); me.callParent(); me.reload(); } }); Ext.define('PVE.node.CreateLVMThin', { extend: 'Proxmox.window.Edit', xtype: 'pveCreateLVMThin', subject: 'LVM Thinpool', showProgress: true, onlineHelp: 'chapter_lvm', initComponent : function() { var me = this; if (!me.nodename) { throw "no node name specified"; } me.isCreate = true; Ext.applyIf(me, { url: "/nodes/" + me.nodename + "/disks/lvmthin", method: 'POST', items: [ { xtype: 'pveDiskSelector', name: 'device', nodename: me.nodename, diskType: 'unused', fieldLabel: gettext('Disk'), allowBlank: false }, { xtype: 'proxmoxtextfield', name: 'name', fieldLabel: gettext('Name'), allowBlank: false }, { xtype: 'proxmoxcheckbox', name: 'add_storage', fieldLabel: gettext('Add Storage'), value: '1' } ] }); me.callParent(); } }); Ext.define('PVE.node.LVMThinList', { extend: 'Ext.grid.Panel', xtype: 'pveLVMThinList', emptyText: gettext('No thinpools found'), stateful: true, stateId: 'grid-node-lvmthin', columns: [ { text: gettext('Name'), dataIndex: 'lv', flex: 1 }, { header: gettext('Usage'), width: 110, dataIndex: 'usage', tdCls: 'x-progressbar-default-cell', xtype: 'widgetcolumn', widget: { xtype: 'pveProgressBar' } }, { header: gettext('Size'), width: 100, align: 'right', sortable: true, renderer: Proxmox.Utils.format_size, dataIndex: 'lv_size' }, { header: gettext('Used'), width: 100, align: 'right', sortable: true, renderer: Proxmox.Utils.format_size, dataIndex: 'used' }, { header: gettext('Metadata Usage'), width: 120, dataIndex: 'metadata_usage', tdCls: 'x-progressbar-default-cell', xtype: 'widgetcolumn', widget: { xtype: 'pveProgressBar' } }, { header: gettext('Metadata Size'), width: 120, align: 'right', sortable: true, renderer: Proxmox.Utils.format_size, dataIndex: 'metadata_size' }, { header: gettext('Metadata Used'), width: 125, align: 'right', sortable: true, renderer: Proxmox.Utils.format_size, dataIndex: 'metadata_used' } ], rootVisible: false, useArrows: true, tbar: [ { text: gettext('Reload'), iconCls: 'fa fa-refresh', handler: function() { var me = this.up('panel'); me.reload(); } }, { text: gettext('Create') + ': Thinpool', handler: function() { var me = this.up('panel'); var win = Ext.create('PVE.node.CreateLVMThin', { nodename: me.nodename, taskDone: function() { me.reload(); } }).show(); } } ], reload: function() { var me = this; me.store.load(); me.store.sort(); }, listeners: { activate: function() { var me = this; me.reload(); } }, initComponent: function() { /*jslint confusion: true */ var me = this; me.nodename = me.pveSelNode.data.node; if (!me.nodename) { throw "no node name specified"; } Ext.apply(me, { store: { fields: ['lv', 'lv_size', 'used', 'metadata_size', 'metadata_used', { type: 'number', name: 'usage', calculate: function(data) { return data.used/data.lv_size; } }, { type: 'number', name: 'metadata_usage', calculate: function(data) { return data.metadata_used/data.metadata_size; } } ], proxy: { type: 'proxmox', url: "/api2/json/nodes/" + me.nodename + '/disks/lvmthin' }, sorters: 'lv' } }); me.callParent(); Proxmox.Utils.monStoreErrors(me, me.getStore(), true); me.reload(); } }); Ext.define('PVE.node.CreateDirectory', { extend: 'Proxmox.window.Edit', xtype: 'pveCreateDirectory', subject: Proxmox.Utils.directoryText, showProgress: true, onlineHelp: 'chapter_storage', initComponent : function() { var me = this; if (!me.nodename) { throw "no node name specified"; } me.isCreate = true; Ext.applyIf(me, { url: "/nodes/" + me.nodename + "/disks/directory", method: 'POST', items: [ { xtype: 'pveDiskSelector', name: 'device', nodename: me.nodename, diskType: 'unused', fieldLabel: gettext('Disk'), allowBlank: false }, { xtype: 'proxmoxKVComboBox', comboItems: [ ['ext4', 'ext4'], ['xfs', 'xfs'] ], fieldLabel: gettext('Filesystem'), name: 'filesystem', value: '', allowBlank: false }, { xtype: 'proxmoxtextfield', name: 'name', fieldLabel: gettext('Name'), allowBlank: false }, { xtype: 'proxmoxcheckbox', name: 'add_storage', fieldLabel: gettext('Add Storage'), value: '1' } ] }); me.callParent(); } }); Ext.define('PVE.node.Directorylist', { extend: 'Ext.grid.Panel', xtype: 'pveDirectoryList', stateful: true, stateId: 'grid-node-directory', columns: [ { text: gettext('Path'), dataIndex: 'path', flex: 1 }, { header: gettext('Device'), flex: 1, dataIndex: 'device' }, { header: gettext('Type'), width: 100, dataIndex: 'type' }, { header: gettext('Options'), width: 100, dataIndex: 'options' }, { header: gettext('Unit File'), hidden: true, dataIndex: 'unitfile' } ], rootVisible: false, useArrows: true, tbar: [ { text: gettext('Reload'), iconCls: 'fa fa-refresh', handler: function() { var me = this.up('panel'); me.reload(); } }, { text: gettext('Create') + ': Directory', handler: function() { var me = this.up('panel'); var win = Ext.create('PVE.node.CreateDirectory', { nodename: me.nodename }).show(); win.on('destroy', function() { me.reload(); }); } } ], reload: function() { var me = this; me.store.load(); me.store.sort(); }, listeners: { activate: function() { var me = this; me.reload(); } }, initComponent: function() { /*jslint confusion: true */ var me = this; me.nodename = me.pveSelNode.data.node; if (!me.nodename) { throw "no node name specified"; } Ext.apply(me, { store: { fields: ['path', 'device', 'type', 'options', 'unitfile' ], proxy: { type: 'proxmox', url: "/api2/json/nodes/" + me.nodename + '/disks/directory' }, sorters: 'path' } }); me.callParent(); Proxmox.Utils.monStoreErrors(me, me.getStore(), true); me.reload(); } }); /*jslint confusion: true*/ Ext.define('PVE.node.CreateZFS', { extend: 'Proxmox.window.Edit', xtype: 'pveCreateZFS', subject: 'ZFS', showProgress: true, onlineHelp: 'chapter_zfs', initComponent : function() { var me = this; if (!me.nodename) { throw "no node name specified"; } me.isCreate = true; var update_disklist = function() { var grid = me.down('#disklist'); var disks = grid.getSelection(); var val = []; disks.sort(function(a,b) { var aorder = a.get('order') || 0; var border = b.get('order') || 0; return (aorder - border); }); disks.forEach(function(disk) { val.push(disk.get('devpath')); }); me.down('field[name=devices]').setValue(val.join(',')); }; Ext.apply(me, { url: '/nodes/' + me.nodename + '/disks/zfs', method: 'POST', items: [ { xtype: 'inputpanel', onGetValues: function(values) { return values; }, column1: [ { xtype: 'textfield', hidden: true, name: 'devices', allowBlank: false }, { xtype: 'proxmoxtextfield', name: 'name', fieldLabel: gettext('Name'), allowBlank: false }, { xtype: 'proxmoxcheckbox', name: 'add_storage', fieldLabel: gettext('Add Storage'), value: '1' } ], column2: [ { xtype: 'proxmoxKVComboBox', fieldLabel: gettext('RAID Level'), name: 'raidlevel', value: 'single', comboItems: [ ['single', gettext('Single Disk')], ['mirror', 'Mirror'], ['raid10', 'RAID10'], ['raidz', 'RAIDZ'], ['raidz2', 'RAIDZ2'], ['raidz3', 'RAIDZ3'] ] }, { xtype: 'proxmoxKVComboBox', fieldLabel: gettext('Compression'), name: 'compression', value: 'on', comboItems: [ ['on', 'on'], ['off', 'off'], ['gzip', 'gzip'], ['lz4', 'lz4'], ['lzjb', 'lzjb'], ['zle', 'zle'] ] }, { xtype: 'proxmoxintegerfield', fieldLabel: gettext('ashift'), minValue: 9, maxValue: 16, value: '12', name: 'ashift' } ], columnB: [ { xtype: 'grid', height: 200, emptyText: gettext('No Disks unused'), itemId: 'disklist', selModel: 'checkboxmodel', listeners: { selectionchange: update_disklist }, store: { proxy: { type: 'proxmox', url: '/api2/json/nodes/' + me.nodename + '/disks/list?type=unused' } }, columns: [ { text: gettext('Device'), dataIndex: 'devpath', flex: 1 }, { text: gettext('Serial'), dataIndex: 'serial' }, { text: gettext('Size'), dataIndex: 'size', renderer: PVE.Utils.render_size }, { header: gettext('Order'), xtype: 'widgetcolumn', dataIndex: 'order', sortable: true, widget: { xtype: 'proxmoxintegerfield', minValue: 1, isFormField: false, listeners: { change: function(numberfield, value, old_value) { var record = numberfield.getWidgetRecord(); record.set('order', value); update_disklist(record); } } } } ] } ] } ] }); me.callParent(); me.down('#disklist').getStore().load(); } }); Ext.define('PVE.node.ZFSDevices', { extend: 'Ext.tree.Panel', xtype: 'pveZFSDevices', stateful: true, stateId: 'grid-node-zfsstatus', columns: [ { xtype: 'treecolumn', text: gettext('Name'), dataIndex: 'name', flex: 1 }, { text: gettext('Health'), renderer: PVE.Utils.render_zfs_health, dataIndex: 'state' }, { text: 'READ', dataIndex: 'read' }, { text: 'WRITE', dataIndex: 'write' }, { text: 'CKSUM', dataIndex: 'cksum' }, { text: gettext('Message'), dataIndex: 'msg' } ], rootVisible: true, reload: function() { var me = this; var sm = me.getSelectionModel(); Proxmox.Utils.API2Request({ url: "/nodes/" + me.nodename + "/disks/zfs/" + me.zpool, waitMsgTarget: me, method: 'GET', failure: function(response, opts) { Proxmox.Utils.setErrorMask(me, response.htmlStatus); }, success: function(response, opts) { sm.deselectAll(); me.setRootNode(response.result.data); me.expandAll(); } }); }, initComponent: function() { /*jslint confusion: true */ var me = this; if (!me.nodename) { throw "no node name specified"; } if (!me.zpool) { throw "no zpool specified"; } var sm = Ext.create('Ext.selection.TreeModel', {}); Ext.apply(me, { selModel: sm, fields: ['name', 'status', { type: 'string', name: 'iconCls', calculate: function(data) { var txt = 'fa x-fa-tree fa-'; if (data.leaf) { return txt + 'hdd-o'; } } } ], sorters: 'name' }); me.callParent(); me.reload(); } }); Ext.define('PVE.node.ZFSStatus', { extend: 'Proxmox.grid.ObjectGrid', xtype: 'pveZFSStatus', layout: 'fit', border: false, initComponent: function() { /*jslint confusion: true */ var me = this; if (!me.nodename) { throw "no node name specified"; } if (!me.zpool) { throw "no zpool specified"; } me.url = "/api2/extjs/nodes/" + me.nodename + "/disks/zfs/" + me.zpool; me.rows = { scan: { header: gettext('Scan') }, status: { header: gettext('Status') }, action: { header: gettext('Action') }, errors: { header: gettext('Errors') } }; me.callParent(); me.reload(); } }); Ext.define('PVE.node.ZFSList', { extend: 'Ext.grid.Panel', xtype: 'pveZFSList', stateful: true, stateId: 'grid-node-zfs', columns: [ { text: gettext('Name'), dataIndex: 'name', flex: 1 }, { header: gettext('Size'), renderer: Proxmox.Utils.format_size, dataIndex: 'size' }, { header: gettext('Free'), renderer: Proxmox.Utils.format_size, dataIndex: 'free' }, { header: gettext('Allocated'), renderer: Proxmox.Utils.format_size, dataIndex: 'alloc' }, { header: gettext('Fragmentation'), renderer: function(value) { return value.toString() + '%'; }, dataIndex: 'frag' }, { header: gettext('Health'), renderer: PVE.Utils.render_zfs_health, dataIndex: 'health' }, { header: gettext('Deduplication'), hidden: true, renderer: function(value) { return value.toFixed(2).toString() + 'x'; }, dataIndex: 'dedup' } ], rootVisible: false, useArrows: true, tbar: [ { text: gettext('Reload'), iconCls: 'fa fa-refresh', handler: function() { var me = this.up('panel'); me.reload(); } }, { text: gettext('Create') + ': ZFS', handler: function() { var me = this.up('panel'); var win = Ext.create('PVE.node.CreateZFS', { nodename: me.nodename }).show(); win.on('destroy', function() { me.reload(); }); } }, { text: gettext('Detail'), itemId: 'detailbtn', disabled: true, handler: function() { var me = this.up('panel'); var selection = me.getSelection(); if (selection.length < 1) { return; } me.show_detail(selection[0].get('name')); } } ], show_detail: function(zpool) { var me = this; var detailsgrid = Ext.create('PVE.node.ZFSStatus', { layout: 'fit', nodename: me.nodename, flex: 0, zpool: zpool }); var devicetree = Ext.create('PVE.node.ZFSDevices', { title: gettext('Devices'), nodename: me.nodename, flex: 1, zpool: zpool }); var win = Ext.create('Ext.window.Window', { modal: true, width: 800, height: 400, resizable: true, layout: 'fit', title: gettext('Status') + ': ' + zpool, items:[{ xtype: 'panel', region: 'center', layout: { type: 'vbox', align: 'stretch' }, items: [detailsgrid, devicetree], tbar: [{ text: gettext('Reload'), iconCls: 'fa fa-refresh', handler: function() { devicetree.reload(); detailsgrid.reload(); } }] }] }).show(); }, set_button_status: function() { var me = this; var selection = me.getSelection(); me.down('#detailbtn').setDisabled(selection.length === 0); }, reload: function() { var me = this; me.store.load(); me.store.sort(); }, listeners: { activate: function() { var me = this; me.reload(); }, selectionchange: function() { this.set_button_status(); }, itemdblclick: function(grid, record) { var me = this; me.show_detail(record.get('name')); } }, initComponent: function() { /*jslint confusion: true */ var me = this; me.nodename = me.pveSelNode.data.node; if (!me.nodename) { throw "no node name specified"; } Ext.apply(me, { store: { fields: ['name', 'size', 'free', 'alloc', 'dedup', 'frag', 'health'], proxy: { type: 'proxmox', url: "/api2/json/nodes/" + me.nodename + '/disks/zfs' }, sorters: 'name' } }); me.callParent(); Proxmox.Utils.monStoreErrors(me, me.getStore(), true); me.reload(); } }); Ext.define('PVE.node.StatusView', { extend: 'PVE.panel.StatusView', alias: 'widget.pveNodeStatus', height: 300, bodyPadding: '20 15 20 15', layout: { type: 'table', columns: 2, tableAttrs: { style: { width: '100%' } } }, defaults: { xtype: 'pveInfoWidget', padding: '0 15 5 15' }, items: [ { itemId: 'cpu', iconCls: 'fa fa-fw pve-itype-icon-processor pve-icon', title: gettext('CPU usage'), valueField: 'cpu', maxField: 'cpuinfo', renderer: PVE.Utils.render_node_cpu_usage }, { itemId: 'wait', iconCls: 'fa fa-fw fa-clock-o', title: gettext('IO delay'), valueField: 'wait', rowspan: 2 }, { itemId: 'load', iconCls: 'fa fa-fw fa-tasks', title: gettext('Load average'), printBar: false, textField: 'loadavg' }, { xtype: 'box', colspan: 2, padding: '0 0 20 0' }, { iconCls: 'fa fa-fw pve-itype-icon-memory pve-icon', itemId: 'memory', title: gettext('RAM usage'), valueField: 'memory', maxField: 'memory', renderer: PVE.Utils.render_node_size_usage }, { itemId: 'ksm', printBar: false, title: gettext('KSM sharing'), textField: 'ksm', renderer: function(record) { return PVE.Utils.render_size(record.shared); }, padding: '0 15 10 15' }, { iconCls: 'fa fa-fw fa-hdd-o', itemId: 'rootfs', title: gettext('HD space') + '(root)', valueField: 'rootfs', maxField: 'rootfs', renderer: PVE.Utils.render_node_size_usage }, { iconCls: 'fa fa-fw fa-refresh', itemId: 'swap', printSize: true, title: gettext('SWAP usage'), valueField: 'swap', maxField: 'swap', renderer: PVE.Utils.render_node_size_usage }, { xtype: 'box', colspan: 2, padding: '0 0 20 0' }, { itemId: 'cpus', colspan: 2, printBar: false, title: gettext('CPU(s)'), textField: 'cpuinfo', renderer: function(cpuinfo) { return cpuinfo.cpus + " x " + cpuinfo.model + " (" + cpuinfo.sockets.toString() + " " + (cpuinfo.sockets > 1 ? gettext('Sockets') : gettext('Socket') ) + ")"; }, value: '' }, { itemId: 'kversion', colspan: 2, title: gettext('Kernel Version'), printBar: false, textField: 'kversion', value: '' }, { itemId: 'version', colspan: 2, printBar: false, title: gettext('PVE Manager Version'), textField: 'pveversion', value: '' } ], updateTitle: function() { var me = this; var uptime = Proxmox.Utils.render_uptime(me.getRecordValue('uptime')); me.setTitle(me.pveSelNode.data.node + ' (' + gettext('Uptime') + ': ' + uptime + ')'); } }); Ext.define('PVE.node.Summary', { extend: 'Ext.panel.Panel', alias: 'widget.pveNodeSummary', scrollable: true, bodyPadding: 5, showVersions: function() { var me = this; // Note: we use simply text/html here, because ExtJS grid has problems // with cut&paste var nodename = me.pveSelNode.data.node; var view = Ext.createWidget('component', { autoScroll: true, padding: 5, style: { 'background-color': 'white', 'white-space': 'pre', 'font-family': 'monospace' } }); var win = Ext.create('Ext.window.Window', { title: gettext('Package versions'), width: 600, height: 400, layout: 'fit', modal: true, items: [ view ] }); Proxmox.Utils.API2Request({ waitMsgTarget: me, url: "/nodes/" + nodename + "/apt/versions", method: 'GET', failure: function(response, opts) { win.close(); Ext.Msg.alert(gettext('Error'), response.htmlStatus); }, success: function(response, opts) { win.show(); var text = ''; Ext.Array.each(response.result.data, function(rec) { var version = "not correctly installed"; var pkg = rec.Package; if (rec.OldVersion && rec.CurrentState === 'Installed') { version = rec.OldVersion; } if (rec.RunningKernel) { text += pkg + ': ' + version + ' (running kernel: ' + rec.RunningKernel + ')\n'; } else if (rec.ManagerVersion) { text += pkg + ': ' + version + ' (running version: ' + rec.ManagerVersion + ')\n'; } else { text += pkg + ': ' + version + '\n'; } }); view.update(Ext.htmlEncode(text)); } }); }, initComponent: function() { var me = this; var nodename = me.pveSelNode.data.node; if (!nodename) { throw "no node name specified"; } if (!me.statusStore) { throw "no status storage specified"; } var rstore = me.statusStore; var version_btn = new Ext.Button({ text: gettext('Package versions'), handler: function(){ Proxmox.Utils.checked_command(function() { me.showVersions(); }); } }); var rrdstore = Ext.create('Proxmox.data.RRDStore', { rrdurl: "/api2/json/nodes/" + nodename + "/rrddata", model: 'pve-rrd-node' }); Ext.apply(me, { tbar: [version_btn, '->', { xtype: 'proxmoxRRDTypeSelector' } ], items: [ { xtype: 'container', layout: 'column', defaults: { minHeight: 320, padding: 5, plugins: 'responsive', responsiveConfig: { 'width < 1900': { columnWidth: 1 }, 'width >= 1900': { columnWidth: 0.5 } } }, items: [ { xtype: 'pveNodeStatus', rstore: rstore, width: 770, pveSelNode: me.pveSelNode }, { xtype: 'proxmoxRRDChart', title: gettext('CPU usage'), fields: ['cpu','iowait'], fieldTitles: [gettext('CPU usage'), gettext('IO delay')], store: rrdstore }, { xtype: 'proxmoxRRDChart', title: gettext('Server load'), fields: ['loadavg'], fieldTitles: [gettext('Load average')], store: rrdstore }, { xtype: 'proxmoxRRDChart', title: gettext('Memory usage'), fields: ['memtotal','memused'], fieldTitles: [gettext('Total'), gettext('RAM usage')], store: rrdstore }, { xtype: 'proxmoxRRDChart', title: gettext('Network traffic'), fields: ['netin','netout'], store: rrdstore } ] } ], listeners: { activate: function() { rstore.startUpdate(); rrdstore.startUpdate(); }, destroy: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); } } }); me.callParent(); } }); /*global Blob*/ Ext.define('PVE.node.SubscriptionKeyEdit', { extend: 'Proxmox.window.Edit', title: gettext('Upload Subscription Key'), width: 300, items: { xtype: 'textfield', name: 'key', value: '', fieldLabel: gettext('Subscription Key') }, initComponent : function() { var me = this; me.callParent(); me.load(); } }); Ext.define('PVE.node.Subscription', { extend: 'Proxmox.grid.ObjectGrid', alias: ['widget.pveNodeSubscription'], onlineHelp: 'getting_help', viewConfig: { enableTextSelection: true }, showReport: function() { var me = this; var nodename = me.pveSelNode.data.node; var getReportFileName = function() { var now = Ext.Date.format(new Date(), 'D-d-F-Y-G-i'); return me.nodename + '-report-' + now + '.txt'; }; var view = Ext.createWidget('component', { itemId: 'system-report-view', scrollable: true, style: { 'background-color': 'white', 'white-space': 'pre', 'font-family': 'monospace', padding: '5px' } }); var reportWindow = Ext.create('Ext.window.Window', { title: gettext('System Report'), width: 1024, height: 600, layout: 'fit', modal: true, buttons: [ '->', { text: gettext('Download'), handler: function() { var fileContent = reportWindow.getComponent('system-report-view').html; var fileName = getReportFileName(); // Internet Explorer if (window.navigator.msSaveOrOpenBlob) { navigator.msSaveOrOpenBlob(new Blob([fileContent]), fileName); } else { var element = document.createElement('a'); element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(fileContent)); element.setAttribute('download', fileName); element.style.display = 'none'; document.body.appendChild(element); element.click(); document.body.removeChild(element); } } } ], items: view }); Proxmox.Utils.API2Request({ url: '/api2/extjs/nodes/' + me.nodename + '/report', method: 'GET', waitMsgTarget: me, failure: function(response) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); }, success: function(response) { var report = Ext.htmlEncode(response.result.data); reportWindow.show(); view.update(report); } }); }, initComponent : function() { var me = this; if (!me.nodename) { throw "no node name specified"; } var reload = function() { me.rstore.load(); }; var baseurl = '/nodes/' + me.nodename + '/subscription'; var render_status = function(value) { var message = me.getObjectValue('message'); if (message) { return value + ": " + message; } return value; }; var rows = { productname: { header: gettext('Type') }, key: { header: gettext('Subscription Key') }, status: { header: gettext('Status'), renderer: render_status }, message: { visible: false }, serverid: { header: gettext('Server ID') }, sockets: { header: gettext('Sockets') }, checktime: { header: gettext('Last checked'), renderer: Proxmox.Utils.render_timestamp }, nextduedate: { header: gettext('Next due date') } }; Ext.apply(me, { url: '/api2/json' + baseurl, cwidth1: 170, tbar: [ { text: gettext('Upload Subscription Key'), handler: function() { var win = Ext.create('PVE.node.SubscriptionKeyEdit', { url: '/api2/extjs/' + baseurl }); win.show(); win.on('destroy', reload); } }, { text: gettext('Check'), handler: function() { Proxmox.Utils.API2Request({ params: { force: 1 }, url: baseurl, method: 'POST', waitMsgTarget: me, failure: function(response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); }, callback: reload }); } }, { text: gettext('System Report'), handler: function() { Proxmox.Utils.checked_command(function (){ me.showReport(); }); } } ], rows: rows, listeners: { activate: reload } }); me.callParent(); } }); Ext.define('PVE.node.CertificateView', { extend: 'Ext.container.Container', xtype: 'pveCertificatesView', onlineHelp: 'sysadmin_certificate_management', mixins: ['Proxmox.Mixin.CBind' ], items: [ { xtype: 'pveCertView', border: 0, cbind: { nodename: '{nodename}' } }, { xtype: 'pveACMEView', border: 0, cbind: { nodename: '{nodename}' } } ] }); Ext.define('PVE.node.CertificateViewer', { extend: 'Proxmox.window.Edit', title: gettext('Certificate'), fieldDefaults: { labelWidth: 120 }, width: 800, resizable: true, items: [ { xtype: 'displayfield', fieldLabel: gettext('Name'), name: 'filename' }, { xtype: 'displayfield', fieldLabel: gettext('Fingerprint'), name: 'fingerprint' }, { xtype: 'displayfield', fieldLabel: gettext('Issuer'), name: 'issuer' }, { xtype: 'displayfield', fieldLabel: gettext('Subject'), name: 'subject' }, { xtype: 'displayfield', fieldLabel: gettext('Valid Since'), renderer: Proxmox.Utils.render_timestamp, name: 'notbefore' }, { xtype: 'displayfield', fieldLabel: gettext('Expires'), renderer: Proxmox.Utils.render_timestamp, name: 'notafter' }, { xtype: 'displayfield', fieldLabel: gettext('Subject Alternative Names'), name: 'san', renderer: PVE.Utils.render_san }, { xtype: 'textarea', editable: false, grow: true, growMax: 200, fieldLabel: gettext('Certificate'), name: 'pem' } ], initComponent: function() { var me = this; if (!me.cert) { throw "no cert given"; } if (!me.nodename) { throw "no nodename given"; } me.url = '/nodes/' + me.nodename + '/certificates/info'; me.callParent(); // hide OK/Reset button, because we just want to show data me.down('toolbar[dock=bottom]').setVisible(false); me.load({ success: function(response) { if (Ext.isArray(response.result.data)) { Ext.Array.each(response.result.data, function(item) { if (item.filename === me.cert) { me.setValues(item); return false; } }); } } }); } }); Ext.define('PVE.node.CertUpload', { extend: 'Proxmox.window.Edit', xtype: 'pveCertUpload', title: gettext('Upload Custom Certificate'), resizable: false, isCreate: true, submitText: gettext('Upload'), method: 'POST', width: 600, apiCallDone: function(success, response, options) { if (!success) { return; } var txt = gettext('pveproxy will be restarted with new certificates, please reload the GUI!'); Ext.getBody().mask(txt, ['pve-static-mask']); // reload after 10 seconds automatically Ext.defer(function() { window.location.reload(true); }, 10000); }, items: [ { fieldLabel: gettext('Private Key (Optional)'), labelAlign: 'top', emptyText: gettext('No change'), name: 'key', xtype: 'textarea' }, { xtype: 'filebutton', text: gettext('From File'), listeners: { change: function(btn, e, value) { var me = this.up('form'); e = e.event; Ext.Array.each(e.target.files, function(file) { PVE.Utils.loadSSHKeyFromFile(file, function(res) { me.down('field[name=key]').setValue(res); }); }); btn.reset(); } } }, { xtype: 'box', autoEl: 'hr' }, { fieldLabel: gettext('Certificate Chain'), labelAlign: 'top', allowBlank: false, name: 'certificates', xtype: 'textarea' }, { xtype: 'filebutton', text: gettext('From File'), listeners: { change: function(btn, e, value) { var me = this.up('form'); e = e.event; Ext.Array.each(e.target.files, function(file) { PVE.Utils.loadSSHKeyFromFile(file, function(res) { me.down('field[name=certificates]').setValue(res); }); }); btn.reset(); } } }, { xtype: 'hidden', name: 'restart', value: '1' }, { xtype: 'hidden', name: 'force', value: '1' } ], initComponent: function() { var me = this; if (!me.nodename) { throw "no nodename given"; } me.url = '/nodes/' + me.nodename + '/certificates/custom'; me.callParent(); } }); Ext.define('pve-certificate', { extend: 'Ext.data.Model', fields: [ 'filename', 'fingerprint', 'issuer', 'notafter', 'notbefore', 'subject', 'san' ], idProperty: 'filename' }); Ext.define('PVE.node.Certificates', { extend: 'Ext.grid.Panel', xtype: 'pveCertView', tbar: [ { xtype: 'button', text: gettext('Upload Custom Certificate'), handler: function() { var me = this.up('grid'); var win = Ext.create('PVE.node.CertUpload', { nodename: me.nodename }); win.show(); win.on('destroy', me.reload, me); } }, { xtype: 'button', itemId: 'deletebtn', text: gettext('Delete Custom Certificate'), handler: function() { var me = this.up('grid'); Proxmox.Utils.API2Request({ url: '/nodes/' + me.nodename + '/certificates/custom?restart=1', method: 'DELETE', success: function(response, opt) { var txt = gettext('pveproxy will be restarted with new certificates, please reload the GUI!'); Ext.getBody().mask(txt, ['pve-static-mask']); // reload after 10 seconds automatically Ext.defer(function() { window.location.reload(true); }, 10000); }, failure: function(response, opt) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); } }); } }, '-', { xtype: 'proxmoxButton', itemId: 'viewbtn', disabled: true, text: gettext('View Certificate'), handler: function() { var me = this.up('grid'); me.view_certificate(); } } ], columns: [ { header: gettext('File'), width: 150, dataIndex: 'filename' }, { header: gettext('Issuer'), flex: 1, dataIndex: 'issuer' }, { header: gettext('Subject'), flex: 1, dataIndex: 'subject' }, { header: gettext('Valid Since'), width: 150, dataIndex: 'notbefore', renderer: Proxmox.Utils.render_timestamp }, { header: gettext('Expires'), width: 150, dataIndex: 'notafter', renderer: Proxmox.Utils.render_timestamp }, { header: gettext('Subject Alternative Names'), flex: 1, dataIndex: 'san', renderer: PVE.Utils.render_san }, { header: gettext('Fingerprint'), dataIndex: 'fingerprint', hidden: true }, { header: gettext('PEM'), dataIndex: 'pem', hidden: true } ], reload: function() { var me = this; me.rstore.load(); }, set_button_status: function() { var me = this; var rec = me.rstore.getById('pveproxy-ssl.pem'); me.down('#deletebtn').setDisabled(!rec); }, view_certificate: function() { var me = this; var selection = me.getSelection(); if (!selection || selection.length < 1) { return; } var win = Ext.create('PVE.node.CertificateViewer', { cert: selection[0].data.filename, nodename : me.nodename }); win.show(); }, listeners: { itemdblclick: 'view_certificate' }, initComponent: function() { var me = this; if (!me.nodename) { throw "no nodename given"; } me.rstore = Ext.create('Proxmox.data.UpdateStore', { storeid: 'certs-' + me.nodename, model: 'pve-certificate', proxy: { type: 'proxmox', url: '/api2/json/nodes/' + me.nodename + '/certificates/info' } }); me.store = { type: 'diff', rstore: me.rstore }; me.callParent(); me.mon(me.rstore, 'load', me.set_button_status, me); me.rstore.startUpdate(); } }); Ext.define('PVE.node.ACMEEditor', { extend: 'Proxmox.window.Edit', xtype: 'pveACMEEditor', subject: gettext('Domains'), items: [ { xtype: 'inputpanel', items: [ { xtype: 'textarea', fieldLabel: gettext('Domains'), emptyText: "domain1.example.com\ndomain2.example.com", name: 'domains' } ], onGetValues: function(values) { if (!values.domains) { return { 'delete': 'acme' }; } var domains = values.domains.split(/\n/).join(';'); return { 'acme': 'domains=' + domains }; } } ], initComponent: function() { var me = this; me.callParent(); me.load({ success: function(response, opts) { var res = PVE.Parser.parseACME(response.result.data.acme); if (res) { res.domains = res.domains.join(' '); me.setValues(res); } } }); } }); Ext.define('PVE.node.ACMEAccountCreate', { extend: 'Proxmox.window.Edit', width: 400, title: gettext('Register Account'), isCreate: true, method: 'POST', submitText: gettext('Register'), url: '/cluster/acme/account', showTaskViewer: true, items: [ { xtype: 'proxmoxComboGrid', name: 'directory', allowBlank: false, valueField: 'url', displayField: 'name', fieldLabel: gettext('ACME Directory'), store: { autoLoad: true, fields: ['name', 'url'], idProperty: ['name'], proxy: { type: 'proxmox', url: '/api2/json/cluster/acme/directories' }, sorters: { property: 'name', order: 'ASC' } }, listConfig: { columns: [ { header: gettext('Name'), dataIndex: 'name', flex: 1 }, { header: gettext('URL'), dataIndex: 'url', flex: 1 } ] }, listeners: { change: function(combogrid, value) { var me = this; if (!value) { return; } var disp = me.up('window').down('#tos_url_display'); var field = me.up('window').down('#tos_url'); var checkbox = me.up('window').down('#tos_checkbox'); disp.setValue(gettext('Loading')); field.setValue(undefined); checkbox.setValue(undefined); Proxmox.Utils.API2Request({ url: '/cluster/acme/tos', method: 'GET', params: { directory: value }, success: function(response, opt) { me.up('window').down('#tos_url').setValue(response.result.data); me.up('window').down('#tos_url_display').setValue(response.result.data); }, failure: function(response, opt) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); } }); } } }, { xtype: 'displayfield', itemId: 'tos_url_display', fieldLabel: gettext('Terms of Service'), renderer: PVE.Utils.render_optional_url, name: 'tos_url_display' }, { xtype: 'hidden', itemId: 'tos_url', name: 'tos_url' }, { xtype: 'proxmoxcheckbox', itemId: 'tos_checkbox', fieldLabel: gettext('Accept TOS'), submitValue: false, validateValue: function(value) { if (value && this.checked) { return true; } return false; } }, { xtype: 'textfield', name: 'contact', vtype: 'email', allowBlank: false, fieldLabel: gettext('E-Mail') } ] }); Ext.define('PVE.node.ACMEAccountView', { extend: 'Proxmox.window.Edit', width: 600, fieldDefaults: { labelWidth: 140 }, title: gettext('Account'), items: [ { xtype: 'displayfield', fieldLabel: gettext('E-Mail'), name: 'email' }, { xtype: 'displayfield', fieldLabel: gettext('Created'), name: 'createdAt' }, { xtype: 'displayfield', fieldLabel: gettext('Status'), name: 'status' }, { xtype: 'displayfield', fieldLabel: gettext('Directory'), renderer: PVE.Utils.render_optional_url, name: 'directory' }, { xtype: 'displayfield', fieldLabel: gettext('Terms of Services'), renderer: PVE.Utils.render_optional_url, name: 'tos' } ], initComponent: function() { var me = this; if (!me.accountname) { throw "no account name defined"; } me.url = '/cluster/acme/account/' + me.accountname; me.callParent(); // hide OK/Reset button, because we just want to show data me.down('toolbar[dock=bottom]').setVisible(false); me.load({ success: function(response) { var data = response.result.data; data.email = data.account.contact[0]; data.createdAt = data.account.createdAt; data.status = data.account.status; me.setValues(data); } }); } }); Ext.define('PVE.node.ACME', { extend: 'Proxmox.grid.ObjectGrid', xtype: 'pveACMEView', margin: '10 0 0 0', title: 'ACME', tbar: [ { xtype: 'button', itemId: 'edit', text: gettext('Edit Domains'), handler: function() { this.up('grid').run_editor(); } }, { xtype: 'button', itemId: 'createaccount', text: gettext('Register Account'), handler: function() { var me = this.up('grid'); var win = Ext.create('PVE.node.ACMEAccountCreate', { taskDone: function() { me.load_account(); me.reload(); } }); win.show(); } }, { xtype: 'button', itemId: 'viewaccount', text: gettext('View Account'), handler: function() { var me = this.up('grid'); var win = Ext.create('PVE.node.ACMEAccountView', { accountname: 'default' }); win.show(); } }, { xtype: 'button', itemId: 'order', text: gettext('Order Certificate'), handler: function() { var me = this.up('grid'); Proxmox.Utils.API2Request({ method: 'POST', params: { force: 1 }, url: '/nodes/' + me.nodename + '/certificates/acme/certificate', success: function(response, opt) { var win = Ext.create('Proxmox.window.TaskViewer', { upid: response.result.data, taskDone: function(success) { me.certificate_order_finished(success); } }); win.show(); }, failure: function(response, opt) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); } }); } } ], certificate_order_finished: function(success) { if (!success) { return; } var txt = gettext('pveproxy will be restarted with new certificates, please reload the GUI!'); Ext.getBody().mask(txt, ['pve-static-mask']); // reload after 10 seconds automatically Ext.defer(function() { window.location.reload(true); }, 10000); }, set_button_status: function() { var me = this; var account = !!me.account; var acmeObj = PVE.Parser.parseACME(me.getObjectValue('acme')); var domains = acmeObj ? acmeObj.domains.length : 0; var order = me.down('#order'); order.setVisible(account); order.setDisabled(!account || !domains); me.down('#createaccount').setVisible(!account); me.down('#viewaccount').setVisible(account); }, load_account: function() { var me = this; // for now we only use the 'default' account Proxmox.Utils.API2Request({ url: '/cluster/acme/account/default', success: function(response, opt) { me.account = response.result.data; me.set_button_status(); }, failure: function(response, opt) { me.account = undefined; me.set_button_status(); } }); }, run_editor: function() { var me = this; var win = Ext.create(me.rows.acme.editor, me.editorConfig); win.show(); win.on('destroy', me.reload, me); }, listeners: { itemdblclick: 'run_editor' }, // account data gets loaded here account: undefined, disableSelection: true, initComponent: function() { var me = this; if (!me.nodename) { throw "no nodename given"; } me.url = '/api2/json/nodes/' + me.nodename + '/config'; me.editorConfig = { url: '/api2/extjs/nodes/' + me.nodename + '/config' }; /*jslint confusion: true*/ /*acme is a string above*/ me.rows = { acme: { defaultValue: '', header: gettext('Domains'), editor: 'PVE.node.ACMEEditor', renderer: function(value) { var acmeObj = PVE.Parser.parseACME(value); if (acmeObj) { return acmeObj.domains.join(''); } return Proxmox.Utils.noneText; } } }; /*jslint confusion: false*/ me.callParent(); me.mon(me.rstore, 'load', me.set_button_status, me); me.rstore.startUpdate(); me.load_account(); } }); Ext.define('PVE.node.Config', { extend: 'PVE.panel.Config', alias: 'widget.PVE.node.Config', onlineHelp: 'chapter_system_administration', initComponent: function() { var me = this; var nodename = me.pveSelNode.data.node; if (!nodename) { throw "no node name specified"; } var caps = Ext.state.Manager.get('GuiCap'); me.statusStore = Ext.create('Proxmox.data.ObjectStore', { url: "/api2/json/nodes/" + nodename + "/status", interval: 1000 }); var node_command = function(cmd) { Proxmox.Utils.API2Request({ params: { command: cmd }, url: '/nodes/' + nodename + '/status', method: 'POST', waitMsgTarget: me, failure: function(response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); } }); }; var actionBtn = Ext.create('Ext.Button', { text: gettext('Bulk Actions'), iconCls: 'fa fa-fw fa-ellipsis-v', disabled: !caps.nodes['Sys.PowerMgmt'], menu: new Ext.menu.Menu({ items: [ { text: gettext('Bulk Start'), iconCls: 'fa fa-fw fa-play', handler: function() { var win = Ext.create('PVE.window.BulkAction', { nodename: nodename, title: gettext('Bulk Start'), btnText: gettext('Start'), action: 'startall' }); win.show(); } }, { text: gettext('Bulk Stop'), iconCls: 'fa fa-fw fa-stop', handler: function() { var win = Ext.create('PVE.window.BulkAction', { nodename: nodename, title: gettext('Bulk Stop'), btnText: gettext('Stop'), action: 'stopall' }); win.show(); } }, { text: gettext('Bulk Migrate'), iconCls: 'fa fa-fw fa-send-o', handler: function() { var win = Ext.create('PVE.window.BulkAction', { nodename: nodename, title: gettext('Bulk Migrate'), btnText: gettext('Migrate'), action: 'migrateall' }); win.show(); } } ] }) }); var restartBtn = Ext.create('Proxmox.button.Button', { text: gettext('Reboot'), disabled: !caps.nodes['Sys.PowerMgmt'], dangerous: true, confirmMsg: Ext.String.format(gettext("Reboot node '{0}'?"), nodename), handler: function() { node_command('reboot'); }, iconCls: 'fa fa-undo' }); var shutdownBtn = Ext.create('Proxmox.button.Button', { text: gettext('Shutdown'), disabled: !caps.nodes['Sys.PowerMgmt'], dangerous: true, confirmMsg: Ext.String.format(gettext("Shutdown node '{0}'?"), nodename), handler: function() { node_command('shutdown'); }, iconCls: 'fa fa-power-off' }); var shellBtn = Ext.create('PVE.button.ConsoleButton', { disabled: !caps.nodes['Sys.Console'], text: gettext('Shell'), consoleType: 'shell', nodename: nodename }); me.items = []; Ext.apply(me, { title: gettext('Node') + " '" + nodename + "'", hstateid: 'nodetab', defaults: { statusStore: me.statusStore }, tbar: [ restartBtn, shutdownBtn, shellBtn, actionBtn] }); if (caps.nodes['Sys.Audit']) { me.items.push( { title: gettext('Summary'), iconCls: 'fa fa-book', itemId: 'summary', xtype: 'pveNodeSummary' }, { title: gettext('Notes'), iconCls: 'fa fa-sticky-note-o', itemId: 'notes', xtype: 'pveNotesView' } ); } if (caps.nodes['Sys.Console']) { me.items.push( { title: gettext('Shell'), iconCls: 'fa fa-terminal', itemId: 'jsconsole', xtype: 'pveNoVncConsole', consoleType: 'shell', xtermjs: true, nodename: nodename } ); } if (caps.nodes['Sys.Audit']) { me.items.push( { title: gettext('System'), iconCls: 'fa fa-cogs', itemId: 'services', expandedOnInit: true, startOnlyServices: { 'pveproxy': true, 'pvedaemon': true, 'pve-cluster': true }, nodename: nodename, onlineHelp: 'pve_service_daemons', xtype: 'proxmoxNodeServiceView' }, { title: gettext('Network'), iconCls: 'fa fa-exchange', itemId: 'network', groups: ['services'], nodename: nodename, onlineHelp: 'sysadmin_network_configuration', xtype: 'proxmoxNodeNetworkView' }, { title: gettext('Certificates'), iconCls: 'fa fa-certificate', itemId: 'certificates', groups: ['services'], nodename: nodename, xtype: 'pveCertificatesView' }, { title: gettext('DNS'), iconCls: 'fa fa-globe', groups: ['services'], itemId: 'dns', nodename: nodename, onlineHelp: 'sysadmin_network_configuration', xtype: 'proxmoxNodeDNSView' }, { title: gettext('Hosts'), iconCls: 'fa fa-globe', groups: ['services'], itemId: 'hosts', nodename: nodename, onlineHelp: 'sysadmin_network_configuration', xtype: 'proxmoxNodeHostsView' }, { title: gettext('Time'), itemId: 'time', groups: ['services'], nodename: nodename, xtype: 'proxmoxNodeTimeView', iconCls: 'fa fa-clock-o' }); } if (caps.nodes['Sys.Syslog']) { me.items.push({ title: 'Syslog', iconCls: 'fa fa-list', groups: ['services'], disabled: !caps.nodes['Sys.Syslog'], itemId: 'syslog', xtype: 'proxmoxLogView', url: "/api2/extjs/nodes/" + nodename + "/syslog", log_select_timespan: 1 }); if (caps.nodes['Sys.Modify']) { me.items.push({ title: gettext('Updates'), iconCls: 'fa fa-refresh', disabled: !caps.nodes['Sys.Console'], // do we want to link to system updates instead? itemId: 'apt', xtype: 'proxmoxNodeAPT', upgradeBtn: { xtype: 'pveConsoleButton', disabled: Proxmox.UserName !== 'root@pam', text: gettext('Upgrade'), consoleType: 'upgrade', nodename: nodename }, nodename: nodename }); } } if (caps.nodes['Sys.Audit']) { me.items.push( { xtype: 'pveFirewallRules', iconCls: 'fa fa-shield', title: gettext('Firewall'), allow_iface: true, base_url: '/nodes/' + nodename + '/firewall/rules', list_refs_url: '/cluster/firewall/refs', itemId: 'firewall' }, { xtype: 'pveFirewallOptions', title: gettext('Options'), iconCls: 'fa fa-gear', onlineHelp: 'pve_firewall_host_specific_configuration', groups: ['firewall'], base_url: '/nodes/' + nodename + '/firewall/options', fwtype: 'node', itemId: 'firewall-options' }); } if (caps.nodes['Sys.Audit']) { me.items.push( { title: gettext('Disks'), itemId: 'storage', expandedOnInit: true, iconCls: 'fa fa-hdd-o', xtype: 'pveNodeDiskList' }, { title: 'LVM', itemId: 'lvm', onlineHelp: 'chapter_lvm', iconCls: 'fa fa-square', groups: ['storage'], xtype: 'pveLVMList' }, { title: 'LVM-Thin', itemId: 'lvmthin', onlineHelp: 'chapter_lvm', iconCls: 'fa fa-square-o', groups: ['storage'], xtype: 'pveLVMThinList' }, { title: Proxmox.Utils.directoryText, itemId: 'directory', onlineHelp: 'chapter_storage', iconCls: 'fa fa-folder', groups: ['storage'], xtype: 'pveDirectoryList' }, { title: 'ZFS', itemId: 'zfs', onlineHelp: 'chapter_zfs', iconCls: 'fa fa-th-large', groups: ['storage'], xtype: 'pveZFSList' }, { title: 'Ceph', itemId: 'ceph', iconCls: 'fa fa-ceph', xtype: 'pveNodeCephStatus' }, { xtype: 'pveReplicaView', iconCls: 'fa fa-retweet', title: gettext('Replication'), itemId: 'replication' }, { xtype: 'pveNodeCephConfigCrush', title: gettext('Configuration'), iconCls: 'fa fa-gear', groups: ['ceph'], itemId: 'ceph-config' }, { xtype: 'pveNodeCephMonList', title: gettext('Monitor'), iconCls: 'fa fa-tv', groups: ['ceph'], itemId: 'ceph-monlist' }, { xtype: 'pveNodeCephOsdTree', title: 'OSD', iconCls: 'fa fa-hdd-o', groups: ['ceph'], itemId: 'ceph-osdtree' }, { xtype: 'pveNodeCephFSPanel', title: 'CephFS', iconCls: 'fa fa-folder', groups: ['ceph'], nodename: nodename, itemId: 'ceph-cephfspanel' }, { xtype: 'pveNodeCephPoolList', title: 'Pools', iconCls: 'fa fa-sitemap', groups: ['ceph'], itemId: 'ceph-pools' } ); } if (caps.nodes['Sys.Syslog']) { me.items.push( { xtype: 'proxmoxLogView', title: gettext('Log'), iconCls: 'fa fa-list', groups: ['firewall'], onlineHelp: 'chapter_pve_firewall', url: '/api2/extjs/nodes/' + nodename + '/firewall/log', itemId: 'firewall-fwlog' }, { title: gettext('Log'), itemId: 'ceph-log', iconCls: 'fa fa-list', groups: ['ceph'], onlineHelp: 'chapter_pveceph', xtype: 'cephLogView', url: "/api2/extjs/nodes/" + nodename + "/ceph/log", nodename: nodename }); } me.items.push( { title: gettext('Task History'), iconCls: 'fa fa-list', itemId: 'tasks', nodename: nodename, xtype: 'proxmoxNodeTasks' }, { title: gettext('Subscription'), iconCls: 'fa fa-support', itemId: 'support', xtype: 'pveNodeSubscription', nodename: nodename } ); me.callParent(); me.mon(me.statusStore, 'load', function(s, records, success) { var uptimerec = s.data.get('uptime'); var powermgmt = uptimerec ? uptimerec.data.value : false; if (!caps.nodes['Sys.PowerMgmt']) { powermgmt = false; } restartBtn.setDisabled(!powermgmt); shutdownBtn.setDisabled(!powermgmt); shellBtn.setDisabled(!powermgmt); }); me.on('afterrender', function() { me.statusStore.startUpdate(); }); me.on('destroy', function() { me.statusStore.stopUpdate(); }); } }); Ext.define('PVE.window.Migrate', { extend: 'Ext.window.Window', config: { vmtype: undefined, nodename: undefined, vmid: undefined }, // private, used to store the migration mode after checking if the guest runs liveMode: undefined, controller: { xclass: 'Ext.app.ViewController', control: { 'panel[reference=formPanel]': { validityChange: function(panel, isValid) { this.lookup('submitButton').setDisabled(!isValid); } }, 'button[reference=submitButton]': { click: function() { var me = this; var view = me.getView(); var values = me.lookup('formPanel').getValues(); var params = { target: values.target }; if (view.liveMode) { params[view.liveMode] = 1; } Proxmox.Utils.API2Request({ params: params, url: '/nodes/' + view.nodename + '/' + view.vmtype + '/' + view.vmid + '/migrate', waitMsgTarget: view, method: 'POST', failure: function(response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); }, success: function(response, options) { var upid = response.result.data; var extraTitle = Ext.String.format(' ({0} ---> {1})', view.nodename, params.target); Ext.create('Proxmox.window.TaskViewer', { upid: upid, extraTitle: extraTitle }).show(); view.close(); } }); } } } }, width: 350, modal: true, layout: 'auto', border: false, resizable: false, items: [ { xtype: 'form', reference: 'formPanel', bodyPadding: 10, border: false, fieldDefaults: { labelWidth: 100, anchor: '100%' }, items: [ { xtype: 'pveNodeSelector', reference: 'pveNodeSelector', name: 'target', fieldLabel: gettext('Target node'), allowBlank: false, disallowedNodes: undefined, onlineValidator: true }, { xtype: 'displayfield', reference: 'migrationMode', fieldLabel: gettext('Mode'), value: gettext('Offline') } ] } ], buttons: [ { xtype: 'proxmoxHelpButton', reference: 'proxmoxHelpButton', onlineHelp: 'pct_migration', listenToGlobalEvent: false, hidden: false }, '->', { xtype: 'button', reference: 'submitButton', text: gettext('Migrate') } ], initComponent : function() { var me = this; if (!me.nodename) { throw "no node name specified"; } if (!me.vmid) { throw "no VM ID specified"; } if (!me.vmtype) { throw "no VM type specified"; } me.callParent(); var title = gettext('Migrate') + (' CT ') + me.vmid; me.liveMode = 'restart'; if (me.vmtype === 'qemu') { me.lookup('proxmoxHelpButton').setHelpConfig({ onlineHelp: 'qm_migration' }); title = gettext('Migrate') + (' VM ') + me.vmid; me.liveMode = 'online'; } var running = false; var vmrec = PVE.data.ResourceStore.findRecord('vmid', me.vmid, 0, false, false, true); if (vmrec && vmrec.data && vmrec.data.running) { running = true; } if (running) { var displayField = me.lookup('migrationMode'); if (me.vmtype === 'qemu') { displayField.setValue(gettext('Online')); me.liveMode = 'online'; } else { displayField.setValue(gettext('Restart Mode')); me.liveMode = 'restart'; } } me.setTitle(title); me.lookup('pveNodeSelector').disallowedNodes = [me.nodename]; me.lookup('formPanel').isValid(); } });Ext.define('PVE.window.BulkAction', { extend: 'Ext.window.Window', resizable: true, width: 800, modal: true, layout: { type: 'fit' }, border: false, // the action to be set // currently there are // startall // migrateall // stopall action: undefined, submit: function(params) { var me = this; Proxmox.Utils.API2Request({ params: params, url: '/nodes/' + me.nodename + '/' + me.action, waitMsgTarget: me, method: 'POST', failure: function(response, opts) { Ext.Msg.alert('Error', response.htmlStatus); }, success: function(response, options) { var upid = response.result.data; var win = Ext.create('Proxmox.window.TaskViewer', { upid: upid }); win.show(); me.hide(); win.on('destroy', function() { me.close(); }); } }); }, initComponent : function() { var me = this; if (!me.nodename) { throw "no node name specified"; } if (!me.action) { throw "no action specified"; } if (!me.btnText) { throw "no button text specified"; } if (!me.title) { throw "no title specified"; } var items = []; if (me.action === 'migrateall') { /*jslint confusion: true*/ /*value is string and number*/ items.push( { xtype: 'pveNodeSelector', name: 'target', disallowedNodes: [me.nodename], fieldLabel: gettext('Target node'), allowBlank: false, onlineValidator: true }, { xtype: 'proxmoxintegerfield', name: 'maxworkers', minValue: 1, maxValue: 100, value: 1, fieldLabel: gettext('Parallel jobs'), allowBlank: false }, { itemId: 'lxcwarning', xtype: 'displayfield', userCls: 'pve-hint', value: 'Warning: Running CTs will be migrated in Restart Mode.', hidden: true // only visible if running container chosen } ); /*jslint confusion: false*/ } else if (me.action === 'startall') { items.push({ xtype: 'hiddenfield', name: 'force', value: 1 }); } items.push({ xtype: 'vmselector', itemId: 'vms', name: 'vms', flex: 1, height: 300, selectAll: true, allowBlank: false, nodename: me.nodename, action: me.action, listeners: { selectionchange: function(vmselector, records) { if (me.action == 'migrateall') { var showWarning = records.some(function(item) { return (item.data.type == 'lxc' && item.data.status == 'running'); }); me.down('#lxcwarning').setVisible(showWarning); } } } }); me.formPanel = Ext.create('Ext.form.Panel', { bodyPadding: 10, border: false, layout: { type: 'vbox', align: 'stretch' }, fieldDefaults: { labelWidth: 300, anchor: '100%' }, items: items }); var form = me.formPanel.getForm(); var submitBtn = Ext.create('Ext.Button', { text: me.btnText, handler: function() { form.isValid(); me.submit(form.getValues()); } }); Ext.apply(me, { items: [ me.formPanel ], buttons: [ submitBtn ] }); me.callParent(); form.on('validitychange', function() { var valid = form.isValid(); submitBtn.setDisabled(!valid); }); form.isValid(); } }); Ext.define('PVE.window.Clone', { extend: 'Ext.window.Window', resizable: false, isTemplate: false, onlineHelp: 'qm_copy_and_clone', controller: { xclass: 'Ext.app.ViewController', control: { 'panel[reference=cloneform]': { validitychange: 'disableSubmit' } }, disableSubmit: function(form) { this.lookupReference('submitBtn').setDisabled(!form.isValid()); } }, statics: { // display a snapshot selector only if needed wrap: function(nodename, vmid, isTemplate, guestType) { Proxmox.Utils.API2Request({ url: '/nodes/' + nodename + '/' + guestType + '/' + vmid +'/snapshot', failure: function(response, opts) { Ext.Msg.alert('Error', response.htmlStatus); }, success: function(response, opts) { var snapshotList = response.result.data; var hasSnapshots = snapshotList.length === 1 && snapshotList[0].name === 'current' ? false : true; Ext.create('PVE.window.Clone', { nodename: nodename, guestType: guestType, vmid: vmid, isTemplate: isTemplate, hasSnapshots: hasSnapshots }).show(); } }); } }, create_clone: function(values) { var me = this; var params = { newid: values.newvmid }; if (values.snapname && values.snapname !== 'current') { params.snapname = values.snapname; } if (values.pool) { params.pool = values.pool; } if (values.name) { if (me.guestType === 'lxc') { params.hostname = values.name; } else { params.name = values.name; } } if (values.target) { params.target = values.target; } if (values.clonemode === 'copy') { params.full = 1; if (values.hdstorage) { params.storage = values.hdstorage; if (values.diskformat && me.guestType !== 'lxc') { params.format = values.diskformat; } } } Proxmox.Utils.API2Request({ params: params, url: '/nodes/' + me.nodename + '/' + me.guestType + '/' + me.vmid + '/clone', waitMsgTarget: me, method: 'POST', failure: function(response, opts) { Ext.Msg.alert('Error', response.htmlStatus); }, success: function(response, options) { me.close(); } }); }, // disable the Storage selector when clone mode is linked clone updateVisibility: function() { var me = this; var clonemode = me.lookupReference('clonemodesel').getValue(); var disksel = me.lookup('diskselector'); disksel.setDisabled(clonemode === 'clone'); }, // add to the list of valid nodes each node where // all the VM disks are available verifyFeature: function() { var me = this; var snapname = me.lookupReference('snapshotsel').getValue(); var clonemode = me.lookupReference('clonemodesel').getValue(); var params = { feature: clonemode }; if (snapname !== 'current') { params.snapname = snapname; } Proxmox.Utils.API2Request({ waitMsgTarget: me, url: '/nodes/' + me.nodename + '/' + me.guestType + '/' + me.vmid + '/feature', params: params, method: 'GET', failure: function(response, opts) { me.lookupReference('submitBtn').setDisabled(true); Ext.Msg.alert('Error', response.htmlStatus); }, success: function(response, options) { var res = response.result.data; me.lookupReference('targetsel').allowedNodes = res.nodes; me.lookupReference('targetsel').validate(); } }); }, initComponent : function() { var me = this; if (!me.nodename) { throw "no node name specified"; } if (!me.vmid) { throw "no VM ID specified"; } if (!me.snapname) { me.snapname = 'current'; } if (!me.guestType) { throw "no Guest Type specified"; } var titletext = me.guestType === 'lxc' ? 'CT' : 'VM'; if (me.isTemplate) { titletext += ' Template'; } me.title = "Clone " + titletext + " " + me.vmid; var col1 = []; var col2 = []; col1.push({ xtype: 'pveNodeSelector', name: 'target', reference: 'targetsel', fieldLabel: gettext('Target node'), selectCurNode: true, allowBlank: false, onlineValidator: true, listeners: { change: function(f, value) { me.lookupReference('hdstorage').setTargetNode(value); } } }); var modelist = [['copy', gettext('Full Clone')]]; if (me.isTemplate) { modelist.push(['clone', gettext('Linked Clone')]); } col1.push({ xtype: 'pveGuestIDSelector', name: 'newvmid', guestType: me.guestType, value: '', loadNextFreeID: true, validateExists: false }, { xtype: 'textfield', name: 'name', allowBlank: true, fieldLabel: me.guestType === 'lxc' ? gettext('Hostname') : gettext('Name') }, { xtype: 'pvePoolSelector', fieldLabel: gettext('Resource Pool'), name: 'pool', value: '', allowBlank: true } ); col2.push({ xtype: 'proxmoxKVComboBox', fieldLabel: gettext('Mode'), name: 'clonemode', reference: 'clonemodesel', allowBlank: false, hidden: !me.isTemplate, value: me.isTemplate ? 'clone' : 'copy', comboItems: modelist, listeners: { change: function(t, value) { me.updateVisibility(); me.verifyFeature(); } } }, { xtype: 'PVE.form.SnapshotSelector', name: 'snapname', reference: 'snapshotsel', fieldLabel: gettext('Snapshot'), nodename: me.nodename, guestType: me.guestType, vmid: me.vmid, hidden: me.isTemplate || !me.hasSnapshots ? true : false, disabled: false, allowBlank: false, value : me.snapname, listeners: { change: function(f, value) { me.verifyFeature(); } } }, { xtype: 'pveDiskStorageSelector', reference: 'diskselector', nodename: me.nodename, autoSelect: false, hideSize: true, hideSelection: true, storageLabel: gettext('Target Storage'), allowBlank: true, storageContent: me.guestType === 'qemu' ? 'images' : 'rootdir', emptyText: gettext('Same as source'), disabled: me.isTemplate ? true : false // because default mode is clone for templates }); var formPanel = Ext.create('Ext.form.Panel', { bodyPadding: 10, reference: 'cloneform', border: false, layout: 'column', defaultType: 'container', columns: 2, fieldDefaults: { labelWidth: 100, anchor: '100%' }, items: [ { columnWidth: 0.5, padding: '0 10 0 0', layout: 'anchor', items: col1 }, { columnWidth: 0.5, padding: '0 0 0 10', layout: 'anchor', items: col2 } ] }); Ext.apply(me, { modal: true, width: 600, height: 250, border: false, layout: 'fit', buttons: [ { xtype: 'proxmoxHelpButton', listenToGlobalEvent: false, hidden: false, onlineHelp: me.onlineHelp }, '->', { reference: 'submitBtn', text: gettext('Clone'), disabled: true, handler: function() { var cloneForm = me.lookupReference('cloneform'); if (cloneForm.isValid()) { me.create_clone(cloneForm.getValues()); } } } ], items: [ formPanel ] }); me.callParent(); me.verifyFeature(); } }); Ext.define('PVE.qemu.Monitor', { extend: 'Ext.panel.Panel', alias: 'widget.pveQemuMonitor', maxLines: 500, initComponent : function() { var me = this; 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 history = []; var histNum = -1; var lines = []; var textbox = Ext.createWidget('panel', { region: 'center', xtype: 'panel', autoScroll: true, border: true, margins: '5 5 5 5', bodyStyle: 'font-family: monospace;' }); var scrollToEnd = function() { var el = textbox.getTargetEl(); var dom = Ext.getDom(el); var clientHeight = dom.clientHeight; // BrowserBug: clientHeight reports 0 in IE9 StrictMode // Instead we are using offsetHeight and hardcoding borders if (Ext.isIE9 && Ext.isStrict) { clientHeight = dom.offsetHeight + 2; } dom.scrollTop = dom.scrollHeight - clientHeight; }; var refresh = function() { textbox.update('
' + lines.join('\n') + '');
scrollToEnd();
};
var addLine = function(line) {
lines.push(line);
if (lines.length > me.maxLines) {
lines.shift();
}
};
var executeCmd = function(cmd) {
addLine("# " + Ext.htmlEncode(cmd));
if (cmd) {
history.unshift(cmd);
if (history.length > 20) {
history.splice(20);
}
}
histNum = -1;
refresh();
Proxmox.Utils.API2Request({
params: { command: cmd },
url: '/nodes/' + nodename + '/qemu/' + vmid + "/monitor",
method: 'POST',
waitMsgTarget: me,
success: function(response, opts) {
var res = response.result.data;
Ext.Array.each(res.split('\n'), function(line) {
addLine(Ext.htmlEncode(line));
});
refresh();
},
failure: function(response, opts) {
Ext.Msg.alert('Error', response.htmlStatus);
}
});
};
Ext.apply(me, {
layout: { type: 'border' },
border: false,
items: [
textbox,
{
region: 'south',
margins:'0 5 5 5',
border: false,
xtype: 'textfield',
name: 'cmd',
value: '',
fieldStyle: 'font-family: monospace;',
allowBlank: true,
listeners: {
afterrender: function(f) {
f.focus(false);
addLine("Type 'help' for help.");
refresh();
},
specialkey: function(f, e) {
var key = e.getKey();
switch (key) {
case e.ENTER:
var cmd = f.getValue();
f.setValue('');
executeCmd(cmd);
break;
case e.PAGE_UP:
textbox.scrollBy(0, -0.9*textbox.getHeight(), false);
break;
case e.PAGE_DOWN:
textbox.scrollBy(0, 0.9*textbox.getHeight(), false);
break;
case e.UP:
if (histNum + 1 < history.length) {
f.setValue(history[++histNum]);
}
e.preventDefault();
break;
case e.DOWN:
if (histNum > 0) {
f.setValue(history[--histNum]);
}
e.preventDefault();
break;
default:
break;
}
}
}
}
],
listeners: {
show: function() {
var field = me.query('textfield[name="cmd"]')[0];
field.focus(false, true);
}
}
});
me.callParent();
}
});
Ext.define('PVE.qemu.Summary', {
extend: 'Ext.panel.Panel',
alias: 'widget.pveQemuSummary',
scrollable: true,
bodyPadding: 5,
initComponent: function() {
var me = this;
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";
}
if (!me.workspace) {
throw "no workspace specified";
}
if (!me.statusStore) {
throw "no status storage specified";
}
var template = !!me.pveSelNode.data.template;
var rstore = me.statusStore;
var width = template ? 1 : 0.5;
var items = [
{
xtype: template ? 'pveTemplateStatusView' : 'pveGuestStatusView',
responsiveConfig: {
'width < 1900': {
columnWidth: width
},
'width >= 1900': {
columnWidth: width / 2
}
},
itemId: 'gueststatus',
pveSelNode: me.pveSelNode,
rstore: rstore
},
{
xtype: 'pveNotesView',
maxHeight: 330,
itemId: 'notesview',
pveSelNode: me.pveSelNode,
responsiveConfig: {
'width < 1900': {
columnWidth: width
},
'width >= 1900': {
columnWidth: width / 2
}
}
}
];
var rrdstore;
if (!template) {
rrdstore = Ext.create('Proxmox.data.RRDStore', {
rrdurl: "/api2/json/nodes/" + nodename + "/qemu/" + vmid + "/rrddata",
model: 'pve-rrd-guest'
});
items.push(
{
xtype: 'proxmoxRRDChart',
title: gettext('CPU usage'),
pveSelNode: me.pveSelNode,
fields: ['cpu'],
fieldTitles: [gettext('CPU usage')],
store: rrdstore
},
{
xtype: 'proxmoxRRDChart',
title: gettext('Memory usage'),
pveSelNode: me.pveSelNode,
fields: ['maxmem', 'mem'],
fieldTitles: [gettext('Total'), gettext('RAM usage')],
store: rrdstore
},
{
xtype: 'proxmoxRRDChart',
title: gettext('Network traffic'),
pveSelNode: me.pveSelNode,
fields: ['netin','netout'],
store: rrdstore
},
{
xtype: 'proxmoxRRDChart',
title: gettext('Disk IO'),
pveSelNode: me.pveSelNode,
fields: ['diskread','diskwrite'],
store: rrdstore
}
);
}
Ext.apply(me, {
tbar: [ '->', { xtype: 'proxmoxRRDTypeSelector' } ],
items: [
{
xtype: 'container',
layout: {
type: 'column'
},
defaults: {
minHeight: 330,
padding: 5,
plugins: 'responsive',
responsiveConfig: {
'width < 1900': {
columnWidth: 1
},
'width >= 1900': {
columnWidth: 0.5
}
}
},
items: items
}
]
});
me.callParent();
if (!template) {
rrdstore.startUpdate();
me.on('destroy', rrdstore.stopUpdate);
}
}
});
Ext.define('PVE.qemu.OSTypeInputPanel', {
extend: 'Proxmox.panel.InputPanel',
alias: 'widget.pveQemuOSTypePanel',
onlineHelp: 'qm_os_settings',
insideWizard: false,
controller: {
xclass: 'Ext.app.ViewController',
control: {
'combobox[name=osbase]': {
change: 'onOSBaseChange'
},
'combobox[name=ostype]': {
afterrender: 'onOSTypeChange',
change: 'onOSTypeChange'
}
},
onOSBaseChange: function(field, value) {
this.lookup('ostype').getStore().setData(PVE.Utils.kvm_ostypes[value]);
},
onOSTypeChange: function(field) {
var me = this, ostype = field.getValue();
if (!me.getView().insideWizard) {
return;
}
var targetValues = PVE.qemu.OSDefaults.getDefaults(ostype);
me.setWidget('pveBusSelector', targetValues.busType);
me.setWidget('pveNetworkCardSelector', targetValues.networkCard);
var scsihw = targetValues.scsihw || '__default__';
this.getViewModel().set('current.scsihw', scsihw);
},
setWidget: function(widget, newValue) {
// changing a widget is safe only if ComponentQuery.query returns us
// a single value array
var widgets = Ext.ComponentQuery.query('pveQemuCreateWizard ' + widget);
if (widgets.length === 1) {
widgets[0].setValue(newValue);
} else {
throw 'non unique widget :' + widget + ' in Wizard';
}
}
},
initComponent : function() {
var me = this;
/*jslint confusion: true */
me.items = [
{
xtype: 'displayfield',
value: gettext('Guest OS') + ':',
hidden: !me.insideWizard
},
{
xtype: 'combobox',
submitValue: false,
name: 'osbase',
fieldLabel: gettext('Type'),
editable: false,
queryMode: 'local',
value: 'Linux',
store: Object.keys(PVE.Utils.kvm_ostypes)
},
{
xtype: 'combobox',
name: 'ostype',
reference: 'ostype',
fieldLabel: gettext('Version'),
value: 'l26',
allowBlank : false,
editable: false,
queryMode: 'local',
valueField: 'val',
displayField: 'desc',
store: {
fields: ['desc', 'val'],
data: PVE.Utils.kvm_ostypes.Linux,
listeners: {
datachanged: function (store) {
var ostype = me.lookup('ostype');
var old_val = ostype.getValue();
if (!me.insideWizard && old_val && store.find('val', old_val) != -1) {
ostype.setValue(old_val);
} else {
ostype.setValue(store.getAt(0));
}
}
}
}
}
];
/*jslint confusion: false */
me.callParent();
}
});
Ext.define('PVE.qemu.OSTypeEdit', {
extend: 'Proxmox.window.Edit',
subject: 'OS Type',
items: [{ xtype: 'pveQemuOSTypePanel' }],
initComponent : function() {
var me = this;
me.callParent();
me.load({
success: function(response, options) {
var value = response.result.data.ostype || 'other';
var osinfo = PVE.Utils.get_kvm_osinfo(value);
me.setValues({ ostype: value, osbase: osinfo.base });
}
});
}
});
/*
* This class holds performance *recommended* settings for the PVE Qemu wizards
* the *mandatory* settings are set in the PVE::QemuServer
* config_to_command sub
* We store this here until we get the data from the API server
*/
// this is how you would add an hypothetic FreeBSD > 10 entry
//
//virtio-blk is stable but virtIO net still
// problematic as of 10.3
// see https://bugs.freebsd.org/bugzilla/show_bug.cgi?id=165059
// addOS({
// parent: 'generic', // inherits defaults
// pveOS: 'freebsd10', // must match a radiofield in OSTypeEdit.js
// busType: 'virtio' // must match a pveBusController value
// // networkCard muss match a pveNetworkCardSelector
Ext.define('PVE.qemu.OSDefaults', {
singleton: true, // will also force creation when loaded
constructor: function() {
var me = this;
var addOS = function(settings) {
if (me.hasOwnProperty(settings.parent)) {
var child = Ext.clone(me[settings.parent]);
me[settings.pveOS] = Ext.apply(child, settings);
} else {
throw("Could not find your genitor");
}
};
// default values
me.generic = {
busType: 'ide',
networkCard: 'e1000',
busPriority: {
ide: 4,
sata: 3,
scsi: 2,
virtio: 1
},
scsihw: 'virtio-scsi-pci'
};
// virtio-net is in kernel since 2.6.25
// virtio-scsi since 3.2 but backported in RHEL with 2.6 kernel
addOS({
pveOS: 'l26',
parent : 'generic',
busType: 'scsi',
busPriority: {
scsi: 4,
virtio: 3,
sata: 2,
ide: 1
},
networkCard: 'virtio'
});
// recommandation from http://wiki.qemu.org/Windows2000
addOS({
pveOS: 'w2k',
parent : 'generic',
networkCard: 'rtl8139',
scsihw: ''
});
// https://pve.proxmox.com/wiki/Windows_XP_Guest_Notes
addOS({
pveOS: 'wxp',
parent : 'w2k'
});
me.getDefaults = function(ostype) {
if (PVE.qemu.OSDefaults[ostype]) {
return PVE.qemu.OSDefaults[ostype];
} else {
return PVE.qemu.OSDefaults.generic;
}
};
}
});
Ext.define('PVE.qemu.ProcessorInputPanel', {
extend: 'Proxmox.panel.InputPanel',
alias: 'widget.pveQemuProcessorPanel',
onlineHelp: 'qm_cpu',
insideWizard: false,
controller: {
xclass: 'Ext.app.ViewController',
updateCores: function() {
var me = this.getView();
var sockets = me.down('field[name=sockets]').getValue();
var cores = me.down('field[name=cores]').getValue();
me.down('field[name=totalcores]').setValue(sockets*cores);
var vcpus = me.down('field[name=vcpus]');
vcpus.setMaxValue(sockets*cores);
vcpus.setEmptyText(sockets*cores);
vcpus.validate();
},
control: {
'field[name=sockets]': {
change: 'updateCores'
},
'field[name=cores]': {
change: 'updateCores'
}
}
},
onGetValues: function(values) {
var me = this;
if (Array.isArray(values['delete'])) {
values['delete'] = values['delete'].join(',');
}
PVE.Utils.delete_if_default(values, 'cpulimit', '0', 0);
PVE.Utils.delete_if_default(values, 'cpuunits', '1024', 0);
// build the cpu options:
me.cpu.cputype = values.cputype;
var flags = [];
['pcid', 'spec-ctrl'].forEach(function(flag) {
if (values[flag]) {
flags.push('+' + flag.toString());
}
delete values[flag];
});
me.cpu.flags = flags.length ? flags.join(';') : undefined;
delete values.cputype;
delete values.flags;
var cpustring = PVE.Parser.printQemuCpu(me.cpu);
// remove cputype delete request:
var del = values['delete'];
delete values['delete'];
if (del) {
del = del.split(',');
Ext.Array.remove(del, 'cputype');
} else {
del = [];
}
if (cpustring) {
values.cpu = cpustring;
} else {
del.push('cpu');
}
var delarr = del.join(',');
if (delarr) {
values['delete'] = delarr;
}
return values;
},
cpu: {},
column1: [
{
xtype: 'proxmoxintegerfield',
name: 'sockets',
minValue: 1,
maxValue: 4,
value: '1',
fieldLabel: gettext('Sockets'),
allowBlank: false
},
{
xtype: 'proxmoxintegerfield',
name: 'cores',
minValue: 1,
maxValue: 128,
value: '1',
fieldLabel: gettext('Cores'),
allowBlank: false
}
],
column2: [
{
xtype: 'CPUModelSelector',
name: 'cputype',
value: '__default__',
fieldLabel: gettext('Type')
},
{
xtype: 'displayfield',
fieldLabel: gettext('Total cores'),
name: 'totalcores',
value: '1'
}
],
advancedColumn1: [
{
xtype: 'proxmoxintegerfield',
name: 'vcpus',
minValue: 1,
maxValue: 1,
value: '',
fieldLabel: gettext('VCPUs'),
deleteEmpty: true,
allowBlank: true,
emptyText: '1'
},
{
xtype: 'numberfield',
name: 'cpulimit',
minValue: 0,
maxValue: 128, // api maximum
value: '',
step: 1,
fieldLabel: gettext('CPU limit'),
allowBlank: true,
emptyText: gettext('unlimited')
},
{
xtype: 'proxmoxintegerfield',
name: 'cpuunits',
fieldLabel: gettext('CPU units'),
minValue: 8,
maxValue: 500000,
value: '1024',
deleteEmpty: true,
allowBlank: true
}
],
advancedColumn2: [
{
xtype: 'proxmoxcheckbox',
fieldLabel: gettext('Enable NUMA'),
name: 'numa',
uncheckedValue: 0
},
{
xtype: 'proxmoxcheckbox',
fieldLabel: 'PCID',
name: 'pcid',
uncheckedValue: 0
},
{
xtype: 'proxmoxcheckbox',
fieldLabel: 'SPEC-CTRL',
name: 'spec-ctrl',
uncheckedValue: 0
}
]
});
Ext.define('PVE.qemu.ProcessorEdit', {
extend: 'Proxmox.window.Edit',
initComponent : function() {
var me = this;
var ipanel = Ext.create('PVE.qemu.ProcessorInputPanel');
Ext.apply(me, {
subject: gettext('Processors'),
items: ipanel
});
me.callParent();
me.load({
success: function(response, options) {
var data = response.result.data;
var value = data.cpu;
if (value) {
var cpu = PVE.Parser.parseQemuCpu(value);
ipanel.cpu = cpu;
data.cputype = cpu.cputype;
if (cpu.flags) {
var flags = cpu.flags.split(';');
flags.forEach(function(flag) {
var sign = flag.substr(0,1);
flag = flag.substr(1);
data[flag] = (sign === '+');
});
}
}
me.setValues(data);
}
});
}
});
Ext.define('PVE.qemu.BootOrderPanel', {
extend: 'Proxmox.panel.InputPanel',
alias: 'widget.pveQemuBootOrderPanel',
vmconfig: {}, // store loaded vm config
bootdisk: undefined,
selection: [],
list: [],
comboboxes: [],
isBootDisk: function(value) {
return PVE.Utils.bus_match.test(value);
},
setVMConfig: function(vmconfig) {
var me = this;
me.vmconfig = vmconfig;
var order = me.vmconfig.boot || 'cdn';
me.bootdisk = me.vmconfig.bootdisk || undefined;
// get the first 3 characters
// ignore the rest (there should never be more than 3)
me.selection = order.split('').slice(0,3);
// build bootdev list
me.list = [];
Ext.Object.each(me.vmconfig, function(key, value) {
if (me.isBootDisk(key) &&
!(/media=cdrom/).test(value)) {
me.list.push([key, "Disk '" + key + "'"]);
}
});
me.list.push(['d', 'CD-ROM']);
me.list.push(['n', gettext('Network')]);
me.list.push(['__none__', Proxmox.Utils.noneText]);
me.recomputeList();
me.comboboxes.forEach(function(box) {
box.resetOriginalValue();
});
},
onGetValues: function(values) {
var me = this;
var order = me.selection.join('');
var res = { boot: order };
if (me.bootdisk && order.indexOf('c') !== -1) {
res.bootdisk = me.bootdisk;
} else {
res['delete'] = 'bootdisk';
}
return res;
},
recomputeSelection: function(combobox, newVal, oldVal) {
var me = this.up('#inputpanel');
me.selection = [];
me.comboboxes.forEach(function(item) {
var val = item.getValue();
// when selecting an already selected item,
// switch it around
if ((val === newVal || (me.isBootDisk(val) && me.isBootDisk(newVal))) &&
item.name !== combobox.name &&
newVal !== '__none__') {
// swap items
val = oldVal;
}
// push 'c','d' or 'n' in the array
if (me.isBootDisk(val)) {
me.selection.push('c');
me.bootdisk = val;
} else if (val === 'd' ||
val === 'n') {
me.selection.push(val);
}
});
me.recomputeList();
},
recomputeList: function(){
var me = this;
// set the correct values in the kvcomboboxes
var cnt = 0;
me.comboboxes.forEach(function(item) {
if (cnt === 0) {
// never show 'none' on first combobox
item.store.loadData(me.list.slice(0, me.list.length-1));
} else {
item.store.loadData(me.list);
}
item.suspendEvent('change');
if (cnt < me.selection.length) {
item.setValue((me.selection[cnt] !== 'c')?me.selection[cnt]:me.bootdisk);
} else if (cnt === 0){
item.setValue('');
} else {
item.setValue('__none__');
}
cnt++;
item.resumeEvent('change');
item.validate();
});
},
initComponent : function() {
var me = this;
// this has to be done here, because of
// the way our inputPanel class handles items
me.comboboxes = [
Ext.createWidget('proxmoxKVComboBox', {
fieldLabel: gettext('Boot device') + " 1",
labelWidth: 120,
name: 'bd1',
allowBlank: false,
listeners: {
change: me.recomputeSelection
}
}),
Ext.createWidget('proxmoxKVComboBox', {
fieldLabel: gettext('Boot device') + " 2",
labelWidth: 120,
name: 'bd2',
allowBlank: false,
listeners: {
change: me.recomputeSelection
}
}),
Ext.createWidget('proxmoxKVComboBox', {
fieldLabel: gettext('Boot device') + " 3",
labelWidth: 120,
name: 'bd3',
allowBlank: false,
listeners: {
change: me.recomputeSelection
}
})
];
Ext.apply(me, { items: me.comboboxes });
me.callParent();
}
});
Ext.define('PVE.qemu.BootOrderEdit', {
extend: 'Proxmox.window.Edit',
items: [{
xtype: 'pveQemuBootOrderPanel',
itemId: 'inputpanel'
}],
subject: gettext('Boot Order'),
initComponent : function() {
var me = this;
me.callParent();
me.load({
success: function(response, options) {
me.down('#inputpanel').setVMConfig(response.result.data);
}
});
}
});
Ext.define('PVE.qemu.MemoryInputPanel', {
extend: 'Proxmox.panel.InputPanel',
alias: 'widget.pveQemuMemoryPanel',
onlineHelp: 'qm_memory',
insideWizard: false,
onGetValues: function(values) {
var me = this;
var res = {};
res.memory = values.memory;
res.balloon = values.balloon;
if (!values.ballooning) {
res.balloon = 0;
res['delete'] = 'shares';
} else if (values.memory === values.balloon) {
delete res.balloon;
res['delete'] = 'balloon,shares';
} else if (Ext.isDefined(values.shares) && (values.shares !== "")) {
res.shares = values.shares;
} else {
res['delete'] = "shares";
}
return res;
},
initComponent: function() {
var me = this;
var labelWidth = 160;
me.items= [
{
xtype: 'pveMemoryField',
labelWidth: labelWidth,
fieldLabel: gettext('Memory') + ' (MiB)',
name: 'memory',
minValue: 1,
step: 32,
hotplug: me.hotplug,
listeners: {
change: function(f, value, old) {
var bf = me.down('field[name=balloon]');
var balloon = bf.getValue();
bf.setMaxValue(value);
if (balloon === old) {
bf.setValue(value);
}
bf.validate();
}
}
}
];
me.advancedItems= [
{
xtype: 'pveMemoryField',
name: 'balloon',
minValue: 1,
step: 32,
fieldLabel: gettext('Minimum memory') + ' (MiB)',
hotplug: me.hotplug,
labelWidth: labelWidth,
allowBlank: false,
listeners: {
change: function(f, value) {
var memory = me.down('field[name=memory]').getValue();
var shares = me.down('field[name=shares]');
shares.setDisabled(value === memory);
}
}
},
{
xtype: 'proxmoxintegerfield',
name: 'shares',
disabled: true,
minValue: 0,
maxValue: 50000,
value: '',
step: 10,
fieldLabel: gettext('Shares'),
labelWidth: labelWidth,
allowBlank: true,
emptyText: Proxmox.Utils.defaultText + ' (1000)',
submitEmptyText: false
},
{
xtype: 'proxmoxcheckbox',
labelWidth: labelWidth,
value: '1',
name: 'ballooning',
fieldLabel: gettext('Ballooning Device'),
listeners: {
change: function(f, value) {
var bf = me.down('field[name=balloon]');
var shares = me.down('field[name=shares]');
var memory = me.down('field[name=memory]');
bf.setDisabled(!value);
shares.setDisabled(!value || (bf.getValue() === memory.getValue()));
}
}
}
];
if (me.insideWizard) {
me.column1 = me.items;
me.items = undefined;
me.advancedColumn1 = me.advancedItems;
me.advancedItems = undefined;
}
me.callParent();
}
});
Ext.define('PVE.qemu.MemoryEdit', {
extend: 'Proxmox.window.Edit',
initComponent: function() {
var me = this;
var memoryhotplug;
if(me.hotplug) {
Ext.each(me.hotplug.split(','), function(el) {
if (el === 'memory') {
memoryhotplug = 1;
}
});
}
var ipanel = Ext.create('PVE.qemu.MemoryInputPanel', {
hotplug: memoryhotplug
});
Ext.apply(me, {
subject: gettext('Memory'),
items: [ ipanel ],
// uncomment the following to use the async configiguration API
// backgroundDelay: 5,
width: 400
});
me.callParent();
me.load({
success: function(response, options) {
var data = response.result.data;
var values = {
ballooning: data.balloon === 0 ? '0' : '1',
shares: data.shares,
memory: data.memory || '512',
balloon: data.balloon > 0 ? data.balloon : (data.memory || '512')
};
ipanel.setValues(values);
}
});
}
});
Ext.define('PVE.qemu.NetworkInputPanel', {
extend: 'Proxmox.panel.InputPanel',
alias: 'widget.pveQemuNetworkInputPanel',
onlineHelp: 'qm_network_device',
insideWizard: false,
onGetValues: function(values) {
var me = this;
me.network.model = values.model;
if (values.nonetwork) {
return {};
} else {
me.network.bridge = values.bridge;
me.network.tag = values.tag;
me.network.firewall = values.firewall;
}
me.network.macaddr = values.macaddr;
me.network.disconnect = values.disconnect;
me.network.queues = values.queues;
if (values.rate) {
me.network.rate = values.rate;
} else {
delete me.network.rate;
}
var params = {};
params[me.confid] = PVE.Parser.printQemuNetwork(me.network);
return params;
},
setNetwork: function(confid, data) {
var me = this;
me.confid = confid;
if (data) {
data.networkmode = data.bridge ? 'bridge' : 'nat';
} else {
data = {};
data.networkmode = 'bridge';
}
me.network = data;
me.setValues(me.network);
},
setNodename: function(nodename) {
var me = this;
me.bridgesel.setNodename(nodename);
},
initComponent : function() {
var me = this;
me.network = {};
me.confid = 'net0';
me.column1 = [];
me.column2 = [];
me.bridgesel = Ext.create('PVE.form.BridgeSelector', {
name: 'bridge',
fieldLabel: gettext('Bridge'),
nodename: me.nodename,
autoSelect: true,
allowBlank: false
});
me.column1 = [
me.bridgesel,
{
xtype: 'pveVlanField',
name: 'tag',
value: ''
},
{
xtype: 'proxmoxcheckbox',
fieldLabel: gettext('Firewall'),
name: 'firewall',
checked: (me.insideWizard || me.isCreate)
}
];
me.advancedColumn1 = [
{
xtype: 'proxmoxcheckbox',
fieldLabel: gettext('Disconnect'),
name: 'disconnect'
}
];
if (me.insideWizard) {
me.column1.unshift({
xtype: 'checkbox',
name: 'nonetwork',
inputValue: 'none',
boxLabel: gettext('No network device'),
listeners: {
change: function(cb, value) {
var fields = [
'disconnect',
'bridge',
'tag',
'firewall',
'model',
'macaddr',
'rate',
'queues'
];
fields.forEach(function(fieldname) {
me.down('field[name='+fieldname+']').setDisabled(value);
});
me.down('field[name=bridge]').validate();
}
}
});
me.column2.unshift({
xtype: 'displayfield'
});
}
me.column2.push(
{
xtype: 'pveNetworkCardSelector',
name: 'model',
fieldLabel: gettext('Model'),
value: PVE.qemu.OSDefaults.generic.networkCard,
allowBlank: false
},
{
xtype: 'textfield',
name: 'macaddr',
fieldLabel: gettext('MAC address'),
vtype: 'MacAddress',
allowBlank: true,
emptyText: 'auto'
});
me.advancedColumn2 = [
{
xtype: 'numberfield',
name: 'rate',
fieldLabel: gettext('Rate limit') + ' (MB/s)',
minValue: 0,
maxValue: 10*1024,
value: '',
emptyText: 'unlimited',
allowBlank: true
},
{
xtype: 'proxmoxintegerfield',
name: 'queues',
fieldLabel: 'Multiqueue',
minValue: 1,
maxValue: 8,
value: '',
allowBlank: true
}
];
me.callParent();
}
});
Ext.define('PVE.qemu.NetworkEdit', {
extend: 'Proxmox.window.Edit',
isAdd: true,
initComponent : function() {
/*jslint confusion: true */
var me = this;
var nodename = me.pveSelNode.data.node;
if (!nodename) {
throw "no node name specified";
}
me.isCreate = me.confid ? false : true;
var ipanel = Ext.create('PVE.qemu.NetworkInputPanel', {
confid: me.confid,
nodename: nodename,
isCreate: me.isCreate
});
Ext.applyIf(me, {
subject: gettext('Network Device'),
items: ipanel
});
me.callParent();
me.load({
success: function(response, options) {
var i, confid;
me.vmconfig = response.result.data;
if (!me.isCreate) {
var value = me.vmconfig[me.confid];
var network = PVE.Parser.parseQemuNetwork(me.confid, value);
if (!network) {
Ext.Msg.alert(gettext('Error'), 'Unable to parse network options');
me.close();
return;
}
ipanel.setNetwork(me.confid, network);
} else {
for (i = 0; i < 100; i++) {
confid = 'net' + i.toString();
if (!Ext.isDefined(me.vmconfig[confid])) {
me.confid = confid;
break;
}
}
ipanel.setNetwork(me.confid);
}
}
});
}
});
Ext.define('PVE.qemu.Smbios1InputPanel', {
extend: 'Proxmox.panel.InputPanel',
alias: 'widget.PVE.qemu.Smbios1InputPanel',
insideWizard: false,
smbios1: {},
onGetValues: function(values) {
var me = this;
var params = {
smbios1: PVE.Parser.printQemuSmbios1(values)
};
return params;
},
setSmbios1: function(data) {
var me = this;
me.smbios1 = data;
me.setValues(me.smbios1);
},
initComponent : function() {
var me = this;
me.items = [
{
xtype: 'textfield',
fieldLabel: 'UUID',
regex: /^[a-fA-F0-9]{8}(?:-[a-fA-F0-9]{4}){3}-[a-fA-F0-9]{12}$/,
name: 'uuid'
},
{
xtype: 'textfield',
fieldLabel: gettext('Manufacturer'),
regex: /^\S+$/,
name: 'manufacturer'
},
{
xtype: 'textfield',
fieldLabel: gettext('Product'),
regex: /^\S+$/,
name: 'product'
},
{
xtype: 'textfield',
fieldLabel: gettext('Version'),
regex: /^\S+$/,
name: 'version'
},
{
xtype: 'textfield',
fieldLabel: gettext('Serial'),
regex: /^\S+$/,
name: 'serial'
},
{
xtype: 'textfield',
fieldLabel: 'SKU',
regex: /^\S+$/,
name: 'sku'
},
{
xtype: 'textfield',
fieldLabel: gettext('Family'),
regex: /^\S+$/,
name: 'family'
}
];
me.callParent();
}
});
Ext.define('PVE.qemu.Smbios1Edit', {
extend: 'Proxmox.window.Edit',
initComponent : function() {
/*jslint confusion: true */
var me = this;
var ipanel = Ext.create('PVE.qemu.Smbios1InputPanel', {});
Ext.applyIf(me, {
subject: gettext('SMBIOS settings (type1)'),
width: 450,
items: ipanel
});
me.callParent();
me.load({
success: function(response, options) {
var i, confid;
me.vmconfig = response.result.data;
var value = me.vmconfig.smbios1;
if (value) {
var data = PVE.Parser.parseQemuSmbios1(value);
if (!data) {
Ext.Msg.alert(gettext('Error'), 'Unable to parse smbios options');
me.close();
return;
}
ipanel.setSmbios1(data);
}
}
});
}
});
Ext.define('PVE.qemu.CDInputPanel', {
extend: 'Proxmox.panel.InputPanel',
alias: 'widget.pveQemuCDInputPanel',
insideWizard: false,
onGetValues: function(values) {
var me = this;
var confid = me.confid || (values.controller + values.deviceid);
me.drive.media = 'cdrom';
if (values.mediaType === 'iso') {
me.drive.file = values.cdimage;
} else if (values.mediaType === 'cdrom') {
me.drive.file = 'cdrom';
} else {
me.drive.file = 'none';
}
var params = {};
params[confid] = PVE.Parser.printQemuDrive(me.drive);
return params;
},
setVMConfig: function(vmconfig) {
var me = this;
if (me.bussel) {
me.bussel.setVMConfig(vmconfig, 'cdrom');
}
},
setDrive: function(drive) {
var me = this;
var values = {};
if (drive.file === 'cdrom') {
values.mediaType = 'cdrom';
} else if (drive.file === 'none') {
values.mediaType = 'none';
} else {
values.mediaType = 'iso';
var match = drive.file.match(/^([^:]+):/);
if (match) {
values.cdstorage = match[1];
values.cdimage = drive.file;
}
}
me.drive = drive;
me.setValues(values);
},
setNodename: function(nodename) {
var me = this;
me.cdstoragesel.setNodename(nodename);
me.cdfilesel.setStorage(undefined, nodename);
},
initComponent : function() {
var me = this;
me.drive = {};
var items = [];
if (!me.confid) {
me.bussel = Ext.create('PVE.form.ControllerSelector', {
noVirtIO: true
});
items.push(me.bussel);
}
items.push({
xtype: 'radiofield',
name: 'mediaType',
inputValue: 'iso',
boxLabel: gettext('Use CD/DVD disc image file (iso)'),
checked: true,
listeners: {
change: function(f, value) {
if (!me.rendered) {
return;
}
me.down('field[name=cdstorage]').setDisabled(!value);
me.down('field[name=cdimage]').setDisabled(!value);
me.down('field[name=cdimage]').validate();
}
}
});
me.cdfilesel = Ext.create('PVE.form.FileSelector', {
name: 'cdimage',
nodename: me.nodename,
storageContent: 'iso',
fieldLabel: gettext('ISO image'),
labelAlign: 'right',
allowBlank: false
});
me.cdstoragesel = Ext.create('PVE.form.StorageSelector', {
name: 'cdstorage',
nodename: me.nodename,
fieldLabel: gettext('Storage'),
labelAlign: 'right',
storageContent: 'iso',
allowBlank: false,
autoSelect: me.insideWizard,
listeners: {
change: function(f, value) {
me.cdfilesel.setStorage(value);
}
}
});
items.push(me.cdstoragesel);
items.push(me.cdfilesel);
items.push({
xtype: 'radiofield',
name: 'mediaType',
inputValue: 'cdrom',
boxLabel: gettext('Use physical CD/DVD Drive')
});
items.push({
xtype: 'radiofield',
name: 'mediaType',
inputValue: 'none',
boxLabel: gettext('Do not use any media')
});
me.items = items;
me.callParent();
}
});
Ext.define('PVE.qemu.CDEdit', {
extend: 'Proxmox.window.Edit',
width: 400,
initComponent : function() {
var me = this;
var nodename = me.pveSelNode.data.node;
if (!nodename) {
throw "no node name specified";
}
me.isCreate = me.confid ? false : true;
var ipanel = Ext.create('PVE.qemu.CDInputPanel', {
confid: me.confid,
nodename: nodename
});
Ext.applyIf(me, {
subject: 'CD/DVD Drive',
items: [ ipanel ]
});
me.callParent();
me.load({
success: function(response, options) {
ipanel.setVMConfig(response.result.data);
if (me.confid) {
var value = response.result.data[me.confid];
var drive = PVE.Parser.parseQemuDrive(me.confid, value);
if (!drive) {
Ext.Msg.alert('Error', 'Unable to parse drive options');
me.close();
return;
}
ipanel.setDrive(drive);
}
}
});
}
});
/*jslint confusion: true */
/* 'change' property is assigned a string and then a function */
Ext.define('PVE.qemu.HDInputPanel', {
extend: 'Proxmox.panel.InputPanel',
alias: 'widget.pveQemuHDInputPanel',
onlineHelp: 'qm_hard_disk',
insideWizard: false,
unused: false, // ADD usused disk imaged
vmconfig: {}, // used to select usused disks
controller: {
xclass: 'Ext.app.ViewController',
onControllerChange: function(field) {
var value = field.getValue();
var allowIOthread = value.match(/^(virtio|scsi)/);
this.lookup('iothread').setDisabled(!allowIOthread);
if (!allowIOthread) {
this.lookup('iothread').setValue(false);
}
var virtio = value.match(/^virtio/);
this.lookup('discard').setDisabled(virtio);
this.lookup('ssd').setDisabled(virtio);
if (virtio) {
this.lookup('discard').setValue(false);
this.lookup('ssd').setValue(false);
}
this.lookup('scsiController').setVisible(value.match(/^scsi/));
},
control: {
'field[name=controller]': {
change: 'onControllerChange',
afterrender: 'onControllerChange'
},
'field[name=iothread]' : {
change: function(f, value) {
if (!this.getView().insideWizard) {
return;
}
var vmScsiType = value ? 'virtio-scsi-single': 'virtio-scsi-pci';
this.lookupReference('scsiController').setValue(vmScsiType);
}
}
}
},
onGetValues: function(values) {
var me = this;
var params = {};
var confid = me.confid || (values.controller + values.deviceid);
if (me.unused) {
me.drive.file = me.vmconfig[values.unusedId];
confid = values.controller + values.deviceid;
} else if (me.isCreate) {
if (values.hdimage) {
me.drive.file = values.hdimage;
} else {
me.drive.file = values.hdstorage + ":" + values.disksize;
}
me.drive.format = values.diskformat;
}
if (values.nobackup) {
me.drive.backup = 'no';
} else {
delete me.drive.backup;
}
if (values.noreplicate) {
me.drive.replicate = 'no';
} else {
delete me.drive.replicate;
}
if (values.discard) {
me.drive.discard = 'on';
} else {
delete me.drive.discard;
}
if (values.ssd) {
me.drive.ssd = 'on';
} else {
delete me.drive.ssd;
}
if (values.iothread) {
me.drive.iothread = 'on';
} else {
delete me.drive.iothread;
}
if (values.cache) {
me.drive.cache = values.cache;
} else {
delete me.drive.cache;
}
var names = ['mbps_rd', 'mbps_wr', 'iops_rd', 'iops_wr'];
Ext.Array.each(names, function(name) {
if (values[name]) {
me.drive[name] = values[name];
} else {
delete me.drive[name];
}
var burst_name = name + '_max';
if (values[burst_name] && values[name]) {
me.drive[burst_name] = values[burst_name];
} else {
delete me.drive[burst_name];
}
});
params[confid] = PVE.Parser.printQemuDrive(me.drive);
return params;
},
setVMConfig: function(vmconfig) {
var me = this;
me.vmconfig = vmconfig;
if (me.bussel) {
me.bussel.setVMConfig(vmconfig);
me.scsiController.setValue(vmconfig.scsihw);
}
if (me.unusedDisks) {
var disklist = [];
Ext.Object.each(vmconfig, function(key, value) {
if (key.match(/^unused\d+$/)) {
disklist.push([key, value]);
}
});
me.unusedDisks.store.loadData(disklist);
me.unusedDisks.setValue(me.confid);
}
},
setDrive: function(drive) {
var me = this;
me.drive = drive;
var values = {};
var match = drive.file.match(/^([^:]+):/);
if (match) {
values.hdstorage = match[1];
}
values.hdimage = drive.file;
values.nobackup = !PVE.Parser.parseBoolean(drive.backup, 1);
values.noreplicate = !PVE.Parser.parseBoolean(drive.replicate, 1);
values.diskformat = drive.format || 'raw';
values.cache = drive.cache || '__default__';
values.discard = (drive.discard === 'on');
values.ssd = PVE.Parser.parseBoolean(drive.ssd);
values.iothread = PVE.Parser.parseBoolean(drive.iothread);
values.mbps_rd = drive.mbps_rd;
values.mbps_wr = drive.mbps_wr;
values.iops_rd = drive.iops_rd;
values.iops_wr = drive.iops_wr;
values.mbps_rd_max = drive.mbps_rd_max;
values.mbps_wr_max = drive.mbps_wr_max;
values.iops_rd_max = drive.iops_rd_max;
values.iops_wr_max = drive.iops_wr_max;
me.setValues(values);
},
setNodename: function(nodename) {
var me = this;
me.down('#hdstorage').setNodename(nodename);
me.down('#hdimage').setStorage(undefined, nodename);
},
initComponent : function() {
var me = this;
var labelWidth = 140;
me.drive = {};
me.column1 = [];
me.column2 = [];
me.advancedColumn1 = [];
me.advancedColumn2 = [];
if (!me.confid || me.unused) {
me.bussel = Ext.create('PVE.form.ControllerSelector', {
vmconfig: me.insideWizard ? {ide2: 'cdrom'} : {}
});
me.column1.push(me.bussel);
me.scsiController = Ext.create('Ext.form.field.Display', {
fieldLabel: gettext('SCSI Controller'),
reference: 'scsiController',
bind: me.insideWizard ? {
value: '{current.scsihw}'
} : undefined,
renderer: PVE.Utils.render_scsihw,
submitValue: false,
hidden: true
});
me.column1.push(me.scsiController);
}
if (me.unused) {
me.unusedDisks = Ext.create('Proxmox.form.KVComboBox', {
name: 'unusedId',
fieldLabel: gettext('Disk image'),
matchFieldWidth: false,
listConfig: {
width: 350
},
data: [],
allowBlank: false
});
me.column1.push(me.unusedDisks);
} else if (me.isCreate) {
me.column1.push({
xtype: 'pveDiskStorageSelector',
storageContent: 'images',
name: 'disk',
nodename: me.nodename,
autoSelect: me.insideWizard
});
} else {
me.column1.push({
xtype: 'textfield',
disabled: true,
submitValue: false,
fieldLabel: gettext('Disk image'),
name: 'hdimage'
});
}
me.column2.push(
{
xtype: 'CacheTypeSelector',
name: 'cache',
value: '__default__',
fieldLabel: gettext('Cache')
},
{
xtype: 'proxmoxcheckbox',
fieldLabel: gettext('Discard'),
disabled: me.confid && me.confid.match(/^virtio/),
reference: 'discard',
name: 'discard'
}
);
me.advancedColumn1.push(
{
xtype: 'proxmoxcheckbox',
disabled: me.confid && me.confid.match(/^virtio/),
fieldLabel: gettext('SSD emulation'),
labelWidth: labelWidth,
name: 'ssd',
reference: 'ssd'
},
{
xtype: 'proxmoxcheckbox',
disabled: me.confid && !me.confid.match(/^(virtio|scsi)/),
fieldLabel: 'IO thread',
labelWidth: labelWidth,
reference: 'iothread',
name: 'iothread'
},
{
xtype: 'numberfield',
name: 'mbps_rd',
minValue: 1,
step: 1,
fieldLabel: gettext('Read limit') + ' (MB/s)',
labelWidth: labelWidth,
emptyText: gettext('unlimited')
},
{
xtype: 'numberfield',
name: 'mbps_wr',
minValue: 1,
step: 1,
fieldLabel: gettext('Write limit') + ' (MB/s)',
labelWidth: labelWidth,
emptyText: gettext('unlimited')
},
{
xtype: 'proxmoxintegerfield',
name: 'iops_rd',
minValue: 10,
step: 10,
fieldLabel: gettext('Read limit') + ' (ops/s)',
labelWidth: labelWidth,
emptyText: gettext('unlimited')
},
{
xtype: 'proxmoxintegerfield',
name: 'iops_wr',
minValue: 10,
step: 10,
fieldLabel: gettext('Write limit') + ' (ops/s)',
labelWidth: labelWidth,
emptyText: gettext('unlimited')
}
);
me.advancedColumn2.push(
{
xtype: 'proxmoxcheckbox',
fieldLabel: gettext('No backup'),
labelWidth: labelWidth,
name: 'nobackup'
},
{
xtype: 'proxmoxcheckbox',
fieldLabel: gettext('Skip replication'),
labelWidth: labelWidth,
name: 'noreplicate'
},
{
xtype: 'numberfield',
name: 'mbps_rd_max',
minValue: 1,
step: 1,
fieldLabel: gettext('Read max burst') + ' (MB)',
labelWidth: labelWidth,
emptyText: gettext('default')
},
{
xtype: 'numberfield',
name: 'mbps_wr_max',
minValue: 1,
step: 1,
fieldLabel: gettext('Write max burst') + ' (MB)',
labelWidth: labelWidth,
emptyText: gettext('default')
},
{
xtype: 'proxmoxintegerfield',
name: 'iops_rd_max',
minValue: 10,
step: 10,
fieldLabel: gettext('Read max burst') + ' (ops)',
labelWidth: labelWidth,
emptyText: gettext('default')
},
{
xtype: 'proxmoxintegerfield',
name: 'iops_wr_max',
minValue: 10,
step: 10,
fieldLabel: gettext('Write max burst') + ' (ops)',
labelWidth: labelWidth,
emptyText: gettext('default')
}
);
me.callParent();
}
});
/*jslint confusion: false */
Ext.define('PVE.qemu.HDEdit', {
extend: 'Proxmox.window.Edit',
isAdd: true,
backgroundDelay: 5,
initComponent : function() {
var me = this;
var nodename = me.pveSelNode.data.node;
if (!nodename) {
throw "no node name specified";
}
var unused = me.confid && me.confid.match(/^unused\d+$/);
me.isCreate = me.confid ? unused : true;
var ipanel = Ext.create('PVE.qemu.HDInputPanel', {
confid: me.confid,
nodename: nodename,
unused: unused,
isCreate: me.isCreate
});
var subject;
if (unused) {
me.subject = gettext('Unused Disk');
} else if (me.isCreate) {
me.subject = gettext('Hard Disk');
} else {
me.subject = gettext('Hard Disk') + ' (' + me.confid + ')';
}
me.items = [ ipanel ];
me.callParent();
/*jslint confusion: true*/
/* 'data' is assigned an empty array in same file, and here we
* use it like an object
*/
me.load({
success: function(response, options) {
ipanel.setVMConfig(response.result.data);
if (me.confid) {
var value = response.result.data[me.confid];
var drive = PVE.Parser.parseQemuDrive(me.confid, value);
if (!drive) {
Ext.Msg.alert(gettext('Error'), 'Unable to parse drive options');
me.close();
return;
}
ipanel.setDrive(drive);
me.isValid(); // trigger validation
}
}
});
/*jslint confusion: false*/
}
});
Ext.define('PVE.window.HDResize', {
extend: 'Ext.window.Window',
resizable: false,
resize_disk: function(disk, size) {
var me = this;
var params = { disk: disk, size: '+' + size + 'G' };
Proxmox.Utils.API2Request({
params: params,
url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/resize',
waitMsgTarget: me,
method: 'PUT',
failure: function(response, opts) {
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
},
success: function(response, options) {
me.close();
}
});
},
initComponent : function() {
var me = this;
if (!me.nodename) {
throw "no node name specified";
}
if (!me.vmid) {
throw "no VM ID specified";
}
var items = [
{
xtype: 'displayfield',
name: 'disk',
value: me.disk,
fieldLabel: gettext('Disk'),
vtype: 'StorageId',
allowBlank: false
}
];
me.hdsizesel = Ext.createWidget('numberfield', {
name: 'size',
minValue: 0,
maxValue: 128*1024,
decimalPrecision: 3,
value: '0',
fieldLabel: gettext('Size Increment') + ' (GiB)',
allowBlank: false
});
items.push(me.hdsizesel);
me.formPanel = Ext.create('Ext.form.Panel', {
bodyPadding: 10,
border: false,
fieldDefaults: {
labelWidth: 140,
anchor: '100%'
},
items: items
});
var form = me.formPanel.getForm();
var submitBtn;
me.title = gettext('Resize disk');
submitBtn = Ext.create('Ext.Button', {
text: gettext('Resize disk'),
handler: function() {
if (form.isValid()) {
var values = form.getValues();
me.resize_disk(me.disk, values.size);
}
}
});
Ext.apply(me, {
modal: true,
width: 250,
height: 150,
border: false,
layout: 'fit',
buttons: [ submitBtn ],
items: [ me.formPanel ]
});
me.callParent();
if (!me.disk) {
return;
}
}
});
Ext.define('PVE.window.HDMove', {
extend: 'Ext.window.Window',
resizable: false,
move_disk: function(disk, storage, format, delete_disk) {
var me = this;
var qemu = (me.type === 'qemu');
var params = {};
params.storage = storage;
params[qemu ? 'disk':'volume'] = disk;
if (format && qemu) {
params.format = format;
}
if (delete_disk) {
params['delete'] = 1;
}
var url = '/nodes/' + me.nodename + '/' + me.type + '/' + me.vmid + '/';
url += qemu ? 'move_disk' : 'move_volume';
Proxmox.Utils.API2Request({
params: params,
url: url,
waitMsgTarget: me,
method: 'POST',
failure: function(response, opts) {
Ext.Msg.alert('Error', response.htmlStatus);
},
success: function(response, options) {
var upid = response.result.data;
var win = Ext.create('Proxmox.window.TaskViewer', {
upid: upid
});
win.show();
win.on('destroy', function() { me.close(); });
}
});
},
initComponent : function() {
var me = this;
var diskarray = [];
if (!me.nodename) {
throw "no node name specified";
}
if (!me.vmid) {
throw "no VM ID specified";
}
if (!me.type) {
me.type = 'qemu';
}
var qemu = (me.type === 'qemu');
var items = [
{
xtype: 'displayfield',
name: qemu ? 'disk' : 'volume',
value: me.disk,
fieldLabel: qemu ? gettext('Disk') : gettext('Mount Point'),
vtype: 'StorageId',
allowBlank: false
}
];
items.push({
xtype: 'pveDiskStorageSelector',
storageLabel: gettext('Target Storage'),
nodename: me.nodename,
storageContent: qemu ? 'images' : 'rootdir',
hideSize: true
});
items.push({
xtype: 'proxmoxcheckbox',
fieldLabel: gettext('Delete source'),
name: 'deleteDisk',
uncheckedValue: 0,
checked: false
});
me.formPanel = Ext.create('Ext.form.Panel', {
bodyPadding: 10,
border: false,
fieldDefaults: {
labelWidth: 100,
anchor: '100%'
},
items: items
});
var form = me.formPanel.getForm();
var submitBtn;
me.title = qemu ? gettext("Move disk") : gettext('Move Volume');
submitBtn = Ext.create('Ext.Button', {
text: me.title,
handler: function() {
if (form.isValid()) {
var values = form.getValues();
me.move_disk(me.disk, values.hdstorage, values.diskformat,
values.deleteDisk);
}
}
});
Ext.apply(me, {
modal: true,
width: 350,
border: false,
layout: 'fit',
buttons: [ submitBtn ],
items: [ me.formPanel ]
});
me.callParent();
me.mon(me.formPanel, 'validitychange', function(fp, isValid) {
submitBtn.setDisabled(!isValid);
});
me.formPanel.isValid();
}
});
Ext.define('PVE.qemu.EFIDiskInputPanel', {
extend: 'Proxmox.panel.InputPanel',
alias: 'widget.pveEFIDiskInputPanel',
insideWizard: false,
unused: false, // ADD usused disk imaged
vmconfig: {}, // used to select usused disks
onGetValues: function(values) {
var me = this;
var confid = 'efidisk0';
if (values.hdimage) {
me.drive.file = values.hdimage;
} else {
// we use 1 here, because for efi the size gets overridden from the backend
me.drive.file = values.hdstorage + ":1";
}
me.drive.format = values.diskformat;
var params = {};
params[confid] = PVE.Parser.printQemuDrive(me.drive);
return params;
},
setNodename: function(nodename) {
var me = this;
me.down('#hdstorage').setNodename(nodename);
me.down('#hdimage').setStorage(undefined, nodename);
},
initComponent : function() {
var me = this;
me.drive = {};
me.items= [];
me.items.push({
xtype: 'pveDiskStorageSelector',
name: 'efidisk0',
storageContent: 'images',
nodename: me.nodename,
hideSize: true
});
me.callParent();
}
});
Ext.define('PVE.qemu.EFIDiskEdit', {
extend: 'Proxmox.window.Edit',
isAdd: true,
subject: gettext('EFI Disk'),
initComponent : function() {
var me = this;
var nodename = me.pveSelNode.data.node;
if (!nodename) {
throw "no node name specified";
}
me.items = [{
xtype: 'pveEFIDiskInputPanel',
onlineHelp: 'qm_bios_and_uefi',
confid: me.confid,
nodename: nodename,
isCreate: true
}];
me.callParent();
}
});
Ext.define('PVE.qemu.DisplayInputPanel', {
extend: 'Proxmox.panel.InputPanel',
xtype: 'pveDisplayInputPanel',
onGetValues: function(values) {
var ret = PVE.Parser.printPropertyString(values, 'type');
if (ret === '') {
return {
'delete': 'vga'
};
}
return {
vga: ret
};
},
items: [{
name: 'type',
xtype: 'proxmoxKVComboBox',
value: '__default__',
deleteEmpty: false,
fieldLabel: gettext('Graphic card'),
comboItems: PVE.Utils.kvm_vga_driver_array(),
validator: function() {
var v = this.getValue();
var cfg = this.up('proxmoxWindowEdit').vmconfig || {};
if (v.match(/^serial\d+$/) && (!cfg[v] || cfg[v] !== 'socket')) {
var fmt = gettext("Serial interface '{0}' is not correctly configured.");
return Ext.String.format(fmt, v);
}
return true;
},
listeners: {
change: function(cb, val) {
var me = this.up('panel');
if (!val) {
return;
}
var disable = false;
var emptyText = Proxmox.Utils.defaultText;
switch (val) {
case "cirrus":
emptyText = "4";
break;
case "std":
emptyText = "16";
break;
case "qxl":
case "qxl2":
case "qxl3":
case "qxl4":
emptyText = "16";
break;
case "vmware":
emptyText = "16";
break;
case "none":
case "serial0":
case "serial1":
case "serial2":
case "serial3":
emptyText = 'N/A';
disable = true;
break;
case "virtio":
emptyText = "256";
break;
default:
break;
}
var memoryfield = me.down('field[name=memory]');
memoryfield.setEmptyText(emptyText);
memoryfield.setDisabled(disable);
}
}
},{
xtype: 'proxmoxintegerfield',
emptyText: Proxmox.Utils.defaultText,
fieldLabel: gettext('Memory') + ' (MiB)',
minValue: 4,
maxValue: 512,
step: 4,
name: 'memory'
}]
});
Ext.define('PVE.qemu.DisplayEdit', {
extend: 'Proxmox.window.Edit',
vmconfig: undefined,
subject: gettext('Display'),
width: 350,
items: [{
xtype: 'pveDisplayInputPanel'
}],
initComponent : function() {
var me = this;
me.callParent();
me.load({
success: function(response) {
me.vmconfig = response.result.data;
var vga = me.vmconfig.vga || '__default__';
me.setValues(PVE.Parser.parsePropertyString(vga, 'type'));
}
});
}
});
Ext.define('PVE.qemu.KeyboardEdit', {
extend: 'Proxmox.window.Edit',
initComponent : function() {
var me = this;
Ext.applyIf(me, {
subject: gettext('Keyboard Layout'),
items: {
xtype: 'VNCKeyboardSelector',
name: 'keyboard',
value: '__default__',
fieldLabel: gettext('Keyboard Layout')
}
});
me.callParent();
me.load();
}
});
Ext.define('PVE.qemu.HardwareView', {
extend: 'Proxmox.grid.PendingObjectGrid',
alias: ['widget.PVE.qemu.HardwareView'],
onlineHelp: 'qm_virtual_machines_settings',
renderKey: function(key, metaData, rec, rowIndex, colIndex, store) {
var me = this;
var rows = me.rows;
var rowdef = rows[key] || {};
var iconCls = rowdef.iconCls;
var icon = '';
var txt = (rowdef.header || key);
metaData.tdAttr = "valign=middle";
if (rowdef.tdCls) {
metaData.tdCls = rowdef.tdCls;
if (rowdef.tdCls == 'pve-itype-icon-storage') {
var value = me.getObjectValue(key, '', false);
if (value === '') {
value = me.getObjectValue(key, '', true);
}
if (value.match(/vm-.*-cloudinit/)) {
metaData.tdCls = 'pve-itype-icon-cloud';
return rowdef.cloudheader;
} else if (value.match(/media=cdrom/)) {
metaData.tdCls = 'pve-itype-icon-cdrom';
return rowdef.cdheader;
}
}
} else if (iconCls) {
icon = "";
metaData.tdCls += " pve-itype-fa";
}
return icon + txt;
},
initComponent : function() {
var me = this;
var i, confid;
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 caps = Ext.state.Manager.get('GuiCap');
var diskCap = caps.vms['VM.Config.Disk'];
/*jslint confusion: true */
var rows = {
memory: {
header: gettext('Memory'),
editor: caps.vms['VM.Config.Memory'] ? 'PVE.qemu.MemoryEdit' : undefined,
never_delete: true,
defaultValue: '512',
tdCls: 'pve-itype-icon-memory',
group: 2,
multiKey: ['memory', 'balloon', 'shares'],
renderer: function(value, metaData, record, ri, ci, store, pending) {
var res = '';
var max = me.getObjectValue('memory', 512, pending);
var balloon = me.getObjectValue('balloon', undefined, pending);
var shares = me.getObjectValue('shares', undefined, pending);
res = Proxmox.Utils.format_size(max*1024*1024);
if (balloon !== undefined && balloon > 0) {
res = Proxmox.Utils.format_size(balloon*1024*1024) + "/" + res;
if (shares) {
res += ' [shares=' + shares +']';
}
} else if (balloon === 0) {
res += ' [balloon=0]';
}
return res;
}
},
sockets: {
header: gettext('Processors'),
never_delete: true,
editor: (caps.vms['VM.Config.CPU'] || caps.vms['VM.Config.HWType']) ?
'PVE.qemu.ProcessorEdit' : undefined,
tdCls: 'pve-itype-icon-processor',
group: 3,
defaultValue: '1',
multiKey: ['sockets', 'cpu', 'cores', 'numa', 'vcpus', 'cpulimit', 'cpuunits'],
renderer: function(value, metaData, record, rowIndex, colIndex, store, pending) {
var sockets = me.getObjectValue('sockets', 1, pending);
var model = me.getObjectValue('cpu', undefined, pending);
var cores = me.getObjectValue('cores', 1, pending);
var numa = me.getObjectValue('numa', undefined, pending);
var vcpus = me.getObjectValue('vcpus', undefined, pending);
var cpulimit = me.getObjectValue('cpulimit', undefined, pending);
var cpuunits = me.getObjectValue('cpuunits', undefined, pending);
var res = Ext.String.format('{0} ({1} sockets, {2} cores)',
sockets*cores, sockets, cores);
if (model) {
res += ' [' + model + ']';
}
if (numa) {
res += ' [numa=' + numa +']';
}
if (vcpus) {
res += ' [vcpus=' + vcpus +']';
}
if (cpulimit) {
res += ' [cpulimit=' + cpulimit +']';
}
if (cpuunits) {
res += ' [cpuunits=' + cpuunits +']';
}
return res;
}
},
bios: {
header: 'BIOS',
group: 4,
never_delete: true,
editor: caps.vms['VM.Config.Options'] ? 'PVE.qemu.BiosEdit' : undefined,
defaultValue: '',
iconCls: 'microchip',
renderer: PVE.Utils.render_qemu_bios
},
vga: {
header: gettext('Display'),
editor: caps.vms['VM.Config.HWType'] ? 'PVE.qemu.DisplayEdit' : undefined,
never_delete: true,
tdCls: 'pve-itype-icon-display',
group:5,
defaultValue: '',
renderer: PVE.Utils.render_kvm_vga_driver
},
machine: {
header: gettext('Machine'),
editor: caps.vms['VM.Config.HWType'] ? {
xtype: 'proxmoxWindowEdit',
subject: gettext('Machine'),
width: 350,
items: [{
xtype: 'proxmoxKVComboBox',
name: 'machine',
value: '__default__',
fieldLabel: gettext('Machine'),
comboItems: [
['__default__', PVE.Utils.render_qemu_machine('')],
['q35', 'q35']
]
}]} : undefined,
iconCls: 'cogs',
never_delete: true,
group: 6,
defaultValue: '',
renderer: PVE.Utils.render_qemu_machine
},
scsihw: {
header: gettext('SCSI Controller'),
iconCls: 'database',
editor: caps.vms['VM.Config.Options'] ? 'PVE.qemu.ScsiHwEdit' : undefined,
renderer: PVE.Utils.render_scsihw,
group: 7,
never_delete: true,
defaultValue: ''
},
cores: {
visible: false
},
cpu: {
visible: false
},
numa: {
visible: false
},
balloon: {
visible: false
},
hotplug: {
visible: false
},
vcpus: {
visible: false
},
cpuunits: {
visible: false
},
cpulimit: {
visible: false
},
shares: {
visible: false
}
};
/*jslint confusion: false */
PVE.Utils.forEachBus(undefined, function(type, id) {
var confid = type + id;
rows[confid] = {
group: 10,
tdCls: 'pve-itype-icon-storage',
editor: 'PVE.qemu.HDEdit',
never_delete: caps.vms['VM.Config.Disk'] ? false : true,
header: gettext('Hard Disk') + ' (' + confid +')',
cdheader: gettext('CD/DVD Drive') + ' (' + confid +')',
cloudheader: gettext('CloudInit Drive') + ' (' + confid + ')'
};
});
for (i = 0; i < 32; i++) {
confid = "net" + i.toString();
rows[confid] = {
group: 15,
order: i,
tdCls: 'pve-itype-icon-network',
editor: caps.vms['VM.Config.Network'] ? 'PVE.qemu.NetworkEdit' : undefined,
never_delete: caps.vms['VM.Config.Network'] ? false : true,
header: gettext('Network Device') + ' (' + confid +')'
};
}
rows.efidisk0 = {
group: 20,
tdCls: 'pve-itype-icon-storage',
editor: null,
never_delete: caps.vms['VM.Config.Disk'] ? false : true,
header: gettext('EFI Disk')
};
for (i = 0; i < 5; i++) {
confid = "usb" + i.toString();
rows[confid] = {
group: 25,
order: i,
tdCls: 'pve-itype-icon-usb',
editor: caps.nodes['Sys.Console'] ? 'PVE.qemu.USBEdit' : undefined,
never_delete: caps.nodes['Sys.Console'] ? false : true,
header: gettext('USB Device') + ' (' + confid + ')'
};
}
for (i = 0; i < 4; i++) {
confid = "hostpci" + i.toString();
rows[confid] = {
group: 30,
order: i,
tdCls: 'pve-itype-icon-pci',
never_delete: caps.nodes['Sys.Console'] ? false : true,
editor: caps.nodes['Sys.Console'] ? 'PVE.qemu.PCIEdit' : undefined,
header: gettext('PCI Device') + ' (' + confid + ')'
};
}
for (i = 0; i < 4; i++) {
confid = "serial" + i.toString();
rows[confid] = {
group: 35,
order: i,
tdCls: 'pve-itype-icon-serial',
never_delete: caps.nodes['Sys.Console'] ? false : true,
header: gettext('Serial Port') + ' (' + confid + ')'
};
}
for (i = 0; i < 256; i++) {
rows["unused" + i.toString()] = {
group: 99,
order: i,
tdCls: 'pve-itype-icon-storage',
editor: caps.vms['VM.Config.Disk'] ? 'PVE.qemu.HDEdit' : undefined,
header: gettext('Unused Disk') + ' ' + i.toString()
};
}
var sorterFn = function(rec1, rec2) {
var v1 = rec1.data.key;
var v2 = rec2.data.key;
var g1 = rows[v1].group || 0;
var g2 = rows[v2].group || 0;
var order1 = rows[v1].order || 0;
var order2 = rows[v2].order || 0;
if ((g1 - g2) !== 0) {
return g1 - g2;
}
if ((order1 - order2) !== 0) {
return order1 - order2;
}
if (v1 > v2) {
return 1;
} else if (v1 < v2) {
return -1;
} else {
return 0;
}
};
var reload = function() {
me.rstore.load();
};
var baseurl = 'nodes/' + nodename + '/qemu/' + vmid + '/config';
var sm = Ext.create('Ext.selection.RowModel', {});
var run_editor = function() {
var rec = sm.getSelection()[0];
if (!rec) {
return;
}
var rowdef = rows[rec.data.key];
if (!rowdef.editor) {
return;
}
var editor = rowdef.editor;
if (rowdef.tdCls == 'pve-itype-icon-storage') {
if (!diskCap) {
return;
}
var value = me.getObjectValue(rec.data.key, '', true);
if (value.match(/vm-.*-cloudinit/)) {
return;
} else if (value.match(/media=cdrom/)) {
editor = 'PVE.qemu.CDEdit';
}
}
var win;
if (Ext.isString(editor)) {
win = Ext.create(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);
win.load();
}
win.show();
win.on('destroy', reload);
};
var run_resize = function() {
var rec = sm.getSelection()[0];
if (!rec) {
return;
}
var win = Ext.create('PVE.window.HDResize', {
disk: rec.data.key,
nodename: nodename,
vmid: vmid
});
win.show();
win.on('destroy', reload);
};
var run_move = function() {
var rec = sm.getSelection()[0];
if (!rec) {
return;
}
var win = Ext.create('PVE.window.HDMove', {
disk: rec.data.key,
nodename: nodename,
vmid: vmid
});
win.show();
win.on('destroy', reload);
};
var edit_btn = new Proxmox.button.Button({
text: gettext('Edit'),
selModel: sm,
disabled: true,
handler: run_editor
});
var resize_btn = new Proxmox.button.Button({
text: gettext('Resize disk'),
selModel: sm,
disabled: true,
handler: run_resize
});
var move_btn = new Proxmox.button.Button({
text: gettext('Move disk'),
selModel: sm,
disabled: true,
handler: run_move
});
var remove_btn = new Proxmox.button.Button({
text: gettext('Remove'),
defaultText: gettext('Remove'),
altText: gettext('Detach'),
selModel: sm,
disabled: true,
dangerous: true,
RESTMethod: 'PUT',
confirmMsg: function(rec) {
var warn = gettext('Are you sure you want to remove entry {0}');
if (this.text === this.altText) {
warn = gettext('Are you sure you want to detach entry {0}');
}
var entry = rec.data.key;
var msg = Ext.String.format(warn, "'"
+ me.renderKey(entry, {}, rec) + "'");
if (entry.match(/^unused\d+$/)) {
msg += " " + gettext('This will permanently erase all data.');
}
return msg;
},
handler: function(b, e, rec) {
Proxmox.Utils.API2Request({
url: '/api2/extjs/' + baseurl,
waitMsgTarget: me,
method: b.RESTMethod,
params: {
'delete': rec.data.key
},
callback: function() {
reload();
},
failure: function (response, opts) {
Ext.Msg.alert('Error', response.htmlStatus);
},
success: function(response, options) {
if (b.RESTMethod === 'POST') {
var upid = response.result.data;
var win = Ext.create('Proxmox.window.TaskProgress', {
upid: upid,
listeners: {
destroy: function () {
me.reload();
}
}
});
win.show();
}
}
});
},
listeners: {
render: function(btn) {
// hack: calculate an optimal button width on first display
// to prevent the whole toolbar to move when we switch
// between the "Remove" and "Detach" labels
var def = btn.getSize().width;
btn.setText(btn.altText);
var alt = btn.getSize().width;
btn.setText(btn.defaultText);
var optimal = alt > def ? alt : def;
btn.setSize({ width: optimal });
}
}
});
var revert_btn = new Proxmox.button.Button({
text: gettext('Revert'),
selModel: sm,
disabled: true,
handler: function(b, e, rec) {
var rowdef = me.rows[rec.data.key] || {};
var keys = rowdef.multiKey || [ rec.data.key ];
var revert = keys.join(',');
Proxmox.Utils.API2Request({
url: '/api2/extjs/' + baseurl,
waitMsgTarget: me,
method: 'PUT',
params: {
'revert': revert
},
callback: function() {
reload();
},
failure: function (response, opts) {
Ext.Msg.alert('Error',response.htmlStatus);
}
});
}
});
var efidisk_menuitem = Ext.create('Ext.menu.Item',{
text: gettext('EFI Disk'),
iconCls: 'pve-itype-icon-storage',
disabled: !caps.vms['VM.Config.Disk'],
handler: function() {
var rstoredata = me.rstore.getData().map;
// check if ovmf is configured
if (rstoredata.bios && rstoredata.bios.data.value === 'ovmf') {
var win = Ext.create('PVE.qemu.EFIDiskEdit', {
url: '/api2/extjs/' + baseurl,
pveSelNode: me.pveSelNode
});
win.on('destroy', reload);
win.show();
} else {
Ext.Msg.alert('Error',gettext('Please select OVMF(UEFI) as BIOS first.'));
}
}
});
var set_button_status = function() {
var sm = me.getSelectionModel();
var rec = sm.getSelection()[0];
// disable button when we have an efidisk already
// disable is ok in this case, because you can instantly
// see that there is already one
efidisk_menuitem.setDisabled(me.rstore.getData().map.efidisk0 !== undefined);
// en/disable usb add button
var usbcount = 0;
var pcicount = 0;
var hasCloudInit = false;
me.rstore.getData().items.forEach(function(item){
if (/^usb\d+/.test(item.id)) {
usbcount++;
} else if (/^hostpci\d+/.test(item.id)) {
pcicount++;
}
if (!hasCloudInit && /vm-.*-cloudinit/.test(item.data.value)) {
hasCloudInit = true;
}
});
// heuristic only for disabling some stuff, the backend has the final word.
var noSysConsolePerm = !caps.nodes['Sys.Console'];
me.down('#addusb').setDisabled(noSysConsolePerm || (usbcount >= 5));
me.down('#addpci').setDisabled(noSysConsolePerm || (pcicount >= 4));
me.down('#addci').setDisabled(noSysConsolePerm || hasCloudInit);
if (!rec) {
remove_btn.disable();
edit_btn.disable();
resize_btn.disable();
move_btn.disable();
revert_btn.disable();
return;
}
var key = rec.data.key;
var value = rec.data.value;
var rowdef = rows[key];
var pending = rec.data['delete'] || me.hasPendingChanges(key);
var isUnusedDisk = key.match(/^unused\d+/);
var isUsedDisk = !isUnusedDisk &&
rowdef.tdCls == 'pve-itype-icon-storage' &&
(value && !value.match(/media=cdrom/));
var isCloudInit = (value && value.toString().match(/vm-.*-cloudinit/));
var isEfi = (key === 'efidisk0');
remove_btn.setDisabled(rec.data['delete'] || (rowdef.never_delete === true) || (isUnusedDisk && !diskCap));
remove_btn.setText((isUsedDisk && !isCloudInit) ? remove_btn.altText : remove_btn.defaultText);
remove_btn.RESTMethod = isUnusedDisk ? 'POST':'PUT';
edit_btn.setDisabled(rec.data['delete'] || !rowdef.editor || isCloudInit || !diskCap);
resize_btn.setDisabled(pending || !isUsedDisk || !diskCap);
move_btn.setDisabled(pending || !isUsedDisk || !diskCap);
revert_btn.setDisabled(!pending);
};
Ext.apply(me, {
url: '/api2/json/' + 'nodes/' + nodename + '/qemu/' + vmid + '/pending',
interval: 5000,
selModel: sm,
run_editor: run_editor,
tbar: [
{
text: gettext('Add'),
menu: new Ext.menu.Menu({
items: [
{
text: gettext('Hard Disk'),
iconCls: 'pve-itype-icon-storage',
disabled: !caps.vms['VM.Config.Disk'],
handler: function() {
var win = Ext.create('PVE.qemu.HDEdit', {
url: '/api2/extjs/' + baseurl,
pveSelNode: me.pveSelNode
});
win.on('destroy', reload);
win.show();
}
},
{
text: gettext('CD/DVD Drive'),
iconCls: 'pve-itype-icon-cdrom',
disabled: !caps.vms['VM.Config.Disk'],
handler: function() {
var win = Ext.create('PVE.qemu.CDEdit', {
url: '/api2/extjs/' + baseurl,
pveSelNode: me.pveSelNode
});
win.on('destroy', reload);
win.show();
}
},
{
text: gettext('Network Device'),
iconCls: 'pve-itype-icon-network',
disabled: !caps.vms['VM.Config.Network'],
handler: function() {
var win = Ext.create('PVE.qemu.NetworkEdit', {
url: '/api2/extjs/' + baseurl,
pveSelNode: me.pveSelNode,
isCreate: true
});
win.on('destroy', reload);
win.show();
}
},
efidisk_menuitem,
{
text: gettext('USB Device'),
itemId: 'addusb',
iconCls: 'pve-itype-icon-usb',
disabled: !caps.nodes['Sys.Console'],
handler: function() {
var win = Ext.create('PVE.qemu.USBEdit', {
url: '/api2/extjs/' + baseurl,
pveSelNode: me.pveSelNode
});
win.on('destroy', reload);
win.show();
}
},
{
text: gettext('PCI Device'),
itemId: 'addpci',
iconCls: 'pve-itype-icon-pci',
disabled: !caps.nodes['Sys.Console'],
handler: function() {
var win = Ext.create('PVE.qemu.PCIEdit', {
url: '/api2/extjs/' + baseurl,
pveSelNode: me.pveSelNode
});
win.on('destroy', reload);
win.show();
}
},
{
text: gettext('Serial Port'),
itemId: 'addserial',
iconCls: 'pve-itype-icon-serial',
disabled: !caps.vms['VM.Config.Options'],
handler: function() {
var win = Ext.create('PVE.qemu.SerialEdit', {
url: '/api2/extjs/' + baseurl
});
win.on('destroy', reload);
win.show();
}
},
{
text: gettext('CloudInit Drive'),
itemId: 'addci',
iconCls: 'pve-itype-icon-cloud',
disabled: !caps.nodes['Sys.Console'],
handler: function() {
var win = Ext.create('PVE.qemu.CIDriveEdit', {
url: '/api2/extjs/' + baseurl,
pveSelNode: me.pveSelNode
});
win.on('destroy', reload);
win.show();
}
}
]
})
},
remove_btn,
edit_btn,
resize_btn,
move_btn,
revert_btn
],
rows: rows,
sorterFn: sorterFn,
listeners: {
itemdblclick: run_editor,
selectionchange: set_button_status
}
});
me.callParent();
me.on('activate', me.rstore.startUpdate);
me.on('destroy', me.rstore.stopUpdate);
me.mon(me.rstore, 'refresh', function() {
set_button_status();
});
}
});
Ext.define('PVE.qemu.ScsiHwEdit', {
extend: 'Proxmox.window.Edit',
initComponent : function() {
var me = this;
Ext.applyIf(me, {
subject: gettext('SCSI Controller Type'),
items: {
xtype: 'pveScsiHwSelector',
name: 'scsihw',
value: '__default__',
fieldLabel: gettext('Type')
}
});
me.callParent();
me.load();
}
});
Ext.define('PVE.qemu.BiosEdit', {
extend: 'Proxmox.window.Edit',
alias: 'widget.pveQemuBiosEdit',
initComponent : function() {
var me = this;
var EFIHint = Ext.createWidget({
xtype: 'displayfield', //submitValue is false, so we don't get submitted
userCls: 'pve-hint',
value: 'You need to add an EFI disk for storing the ' +
'EFI settings. See the online help for details.',
hidden: true
});
Ext.applyIf(me, {
subject: 'BIOS',
items: [ {
xtype: 'pveQemuBiosSelector',
onlineHelp: 'qm_bios_and_uefi',
name: 'bios',
value: '__default__',
fieldLabel: 'BIOS',
listeners: {
'change' : function(field, newValue) {
if (newValue == 'ovmf') {
Proxmox.Utils.API2Request({
url : me.url,
method : 'GET',
failure : function(response, opts) {
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
},
success : function(response, opts) {
var vmConfig = response.result.data;
// there can be only one
if (!vmConfig.efidisk0) {
EFIHint.setVisible(true);
}
}
});
} else {
if (EFIHint.isVisible()) {
EFIHint.setVisible(false);
}
}
}
}
},
EFIHint
] });
me.callParent();
me.load();
}
});
/*jslint confusion: true */
Ext.define('PVE.qemu.Options', {
extend: 'Proxmox.grid.PendingObjectGrid',
alias: ['widget.PVE.qemu.Options'],
onlineHelp: 'qm_options',
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 caps = Ext.state.Manager.get('GuiCap');
var rows = {
name: {
required: true,
defaultValue: me.pveSelNode.data.name,
header: gettext('Name'),
editor: caps.vms['VM.Config.Options'] ? {
xtype: 'proxmoxWindowEdit',
subject: gettext('Name'),
items: {
xtype: 'inputpanel',
items:{
xtype: 'textfield',
name: 'name',
vtype: 'DnsName',
value: '',
fieldLabel: gettext('Name'),
allowBlank: true
},
onGetValues: function(values) {
var params = values;
if (values.name === undefined ||
values.name === null ||
values.name === '') {
params = { 'delete':'name'};
}
return params;
}
}
} : undefined
},
onboot: {
header: gettext('Start at boot'),
defaultValue: '',
renderer: Proxmox.Utils.format_boolean,
editor: caps.vms['VM.Config.Options'] ? {
xtype: 'proxmoxWindowEdit',
subject: gettext('Start at boot'),
items: {
xtype: 'proxmoxcheckbox',
name: 'onboot',
uncheckedValue: 0,
defaultValue: 0,
deleteDefaultValue: true,
fieldLabel: gettext('Start at boot')
}
} : undefined
},
startup: {
header: gettext('Start/Shutdown order'),
defaultValue: '',
renderer: PVE.Utils.render_kvm_startup,
editor: caps.vms['VM.Config.Options'] && caps.nodes['Sys.Modify'] ?
{
xtype: 'pveWindowStartupEdit',
onlineHelp: 'qm_startup_and_shutdown'
} : undefined
},
ostype: {
header: gettext('OS Type'),
editor: caps.vms['VM.Config.Options'] ? 'PVE.qemu.OSTypeEdit' : undefined,
renderer: PVE.Utils.render_kvm_ostype,
defaultValue: 'other'
},
bootdisk: {
visible: false
},
boot: {
header: gettext('Boot Order'),
defaultValue: 'cdn',
editor: caps.vms['VM.Config.Disk'] ? 'PVE.qemu.BootOrderEdit' : undefined,
multiKey: ['boot', 'bootdisk'],
renderer: function(order, metaData, record, rowIndex, colIndex, store, pending) {
var i;
var text = '';
var bootdisk = me.getObjectValue('bootdisk', undefined, pending);
order = order || 'cdn';
for (i = 0; i < order.length; i++) {
var sel = order.substring(i, i + 1);
if (text) {
text += ', ';
}
if (sel === 'c') {
if (bootdisk) {
text += "Disk '" + bootdisk + "'";
} else {
text += "Disk";
}
} else if (sel === 'n') {
text += 'Network';
} else if (sel === 'a') {
text += 'Floppy';
} else if (sel === 'd') {
text += 'CD-ROM';
} else {
text += sel;
}
}
return text;
}
},
tablet: {
header: gettext('Use tablet for pointer'),
defaultValue: true,
renderer: Proxmox.Utils.format_boolean,
editor: caps.vms['VM.Config.HWType'] ? {
xtype: 'proxmoxWindowEdit',
subject: gettext('Use tablet for pointer'),
items: {
xtype: 'proxmoxcheckbox',
name: 'tablet',
checked: true,
uncheckedValue: 0,
defaultValue: 1,
deleteDefaultValue: true,
fieldLabel: gettext('Enabled')
}
} : undefined
},
hotplug: {
header: gettext('Hotplug'),
defaultValue: 'disk,network,usb',
renderer: PVE.Utils.render_hotplug_features,
editor: caps.vms['VM.Config.HWType'] ? {
xtype: 'proxmoxWindowEdit',
subject: gettext('Hotplug'),
items: {
xtype: 'pveHotplugFeatureSelector',
name: 'hotplug',
value: '',
multiSelect: true,
fieldLabel: gettext('Hotplug'),
allowBlank: true
}
} : undefined
},
acpi: {
header: gettext('ACPI support'),
defaultValue: true,
renderer: Proxmox.Utils.format_boolean,
editor: caps.vms['VM.Config.HWType'] ? {
xtype: 'proxmoxWindowEdit',
subject: gettext('ACPI support'),
items: {
xtype: 'proxmoxcheckbox',
name: 'acpi',
checked: true,
uncheckedValue: 0,
defaultValue: 1,
deleteDefaultValue: true,
fieldLabel: gettext('Enabled')
}
} : undefined
},
kvm: {
header: gettext('KVM hardware virtualization'),
defaultValue: true,
renderer: Proxmox.Utils.format_boolean,
editor: caps.vms['VM.Config.HWType'] ? {
xtype: 'proxmoxWindowEdit',
subject: gettext('KVM hardware virtualization'),
items: {
xtype: 'proxmoxcheckbox',
name: 'kvm',
checked: true,
uncheckedValue: 0,
defaultValue: 1,
deleteDefaultValue: true,
fieldLabel: gettext('Enabled')
}
} : undefined
},
freeze: {
header: gettext('Freeze CPU at startup'),
defaultValue: false,
renderer: Proxmox.Utils.format_boolean,
editor: caps.vms['VM.PowerMgmt'] ? {
xtype: 'proxmoxWindowEdit',
subject: gettext('Freeze CPU at startup'),
items: {
xtype: 'proxmoxcheckbox',
name: 'freeze',
uncheckedValue: 0,
defaultValue: 0,
deleteDefaultValue: true,
labelWidth: 140,
fieldLabel: gettext('Freeze CPU at startup')
}
} : undefined
},
localtime: {
header: gettext('Use local time for RTC'),
defaultValue: false,
renderer: Proxmox.Utils.format_boolean,
editor: caps.vms['VM.Config.Options'] ? {
xtype: 'proxmoxWindowEdit',
subject: gettext('Use local time for RTC'),
items: {
xtype: 'proxmoxcheckbox',
name: 'localtime',
uncheckedValue: 0,
defaultValue: 0,
deleteDefaultValue: true,
labelWidth: 140,
fieldLabel: gettext('Use local time for RTC')
}
} : undefined
},
startdate: {
header: gettext('RTC start date'),
defaultValue: 'now',
editor: caps.vms['VM.Config.Options'] ? {
xtype: 'proxmoxWindowEdit',
subject: gettext('RTC start date'),
items: {
xtype: 'proxmoxtextfield',
name: 'startdate',
deleteEmpty: true,
value: 'now',
fieldLabel: gettext('RTC start date'),
vtype: 'QemuStartDate',
allowBlank: true
}
} : undefined
},
smbios1: {
header: gettext('SMBIOS settings (type1)'),
defaultValue: '',
renderer: Ext.String.htmlEncode,
editor: caps.vms['VM.Config.HWType'] ? 'PVE.qemu.Smbios1Edit' : undefined
},
agent: {
header: gettext('Qemu Agent'),
defaultValue: false,
renderer: PVE.Utils.render_qga_features,
editor: caps.vms['VM.Config.Options'] ? {
xtype: 'proxmoxWindowEdit',
subject: gettext('Qemu Agent'),
items: {
xtype: 'pveAgentFeatureSelector',
name: 'agent'
}
} : undefined
},
protection: {
header: gettext('Protection'),
defaultValue: false,
renderer: Proxmox.Utils.format_boolean,
editor: caps.vms['VM.Config.Options'] ? {
xtype: 'proxmoxWindowEdit',
subject: gettext('Protection'),
items: {
xtype: 'proxmoxcheckbox',
name: 'protection',
uncheckedValue: 0,
defaultValue: 0,
deleteDefaultValue: true,
fieldLabel: gettext('Enabled')
}
} : undefined
},
hookscript: {
header: gettext('Hookscript')
}
};
var baseurl = 'nodes/' + nodename + '/qemu/' + vmid + '/config';
var edit_btn = new Ext.Button({
text: gettext('Edit'),
disabled: true,
handler: function() { me.run_editor(); }
});
var revert_btn = new Proxmox.button.Button({
text: gettext('Revert'),
disabled: true,
handler: function() {
var sm = me.getSelectionModel();
var rec = sm.getSelection()[0];
if (!rec) {
return;
}
var rowdef = me.rows[rec.data.key] || {};
var keys = rowdef.multiKey || [ rec.data.key ];
var revert = keys.join(',');
Proxmox.Utils.API2Request({
url: '/api2/extjs/' + baseurl,
waitMsgTarget: me,
method: 'PUT',
params: {
'revert': revert
},
callback: function() {
me.reload();
},
failure: function (response, opts) {
Ext.Msg.alert('Error',response.htmlStatus);
}
});
}
});
var set_button_status = function() {
var sm = me.getSelectionModel();
var rec = sm.getSelection()[0];
if (!rec) {
edit_btn.disable();
return;
}
var key = rec.data.key;
var pending = rec.data['delete'] || me.hasPendingChanges(key);
var rowdef = rows[key];
edit_btn.setDisabled(!rowdef.editor);
revert_btn.setDisabled(!pending);
};
Ext.apply(me, {
url: "/api2/json/nodes/" + nodename + "/qemu/" + vmid + "/pending",
interval: 5000,
cwidth1: 250,
tbar: [ edit_btn, revert_btn ],
rows: rows,
editorConfig: {
url: "/api2/extjs/" + baseurl
},
listeners: {
itemdblclick: me.run_editor,
selectionchange: set_button_status
}
});
me.callParent();
me.on('activate', me.rstore.startUpdate);
me.on('destroy', me.rstore.stopUpdate);
me.on('deactivate', me.rstore.stopUpdate);
me.rstore.on('datachanged', function() {
set_button_status();
});
}
});
Ext.define('PVE.window.Snapshot', {
extend: 'Ext.window.Window',
resizable: false,
// needed for finding the reference to submitbutton
// because we do not have a controller
referenceHolder: true,
defaultButton: 'submitbutton',
defaultFocus: 'field',
take_snapshot: function(snapname, descr, vmstate) {
var me = this;
var params = { snapname: snapname, vmstate: vmstate ? 1 : 0 };
if (descr) {
params.description = descr;
}
Proxmox.Utils.API2Request({
params: params,
url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + "/snapshot",
waitMsgTarget: me,
method: 'POST',
failure: function(response, opts) {
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
},
success: function(response, options) {
var upid = response.result.data;
var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid });
win.show();
me.close();
}
});
},
update_snapshot: function(snapname, descr) {
var me = this;
Proxmox.Utils.API2Request({
params: { description: descr },
url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + "/snapshot/" +
snapname + '/config',
waitMsgTarget: me,
method: 'PUT',
failure: function(response, opts) {
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
},
success: function(response, options) {
me.close();
}
});
},
initComponent : function() {
var me = this;
if (!me.nodename) {
throw "no node name specified";
}
if (!me.vmid) {
throw "no VM ID specified";
}
var summarystore = Ext.create('Ext.data.Store', {
model: 'KeyValue',
sorters: [
{
property : 'key',
direction: 'ASC'
}
]
});
var items = [
{
xtype: me.snapname ? 'displayfield' : 'textfield',
name: 'snapname',
value: me.snapname,
fieldLabel: gettext('Name'),
vtype: 'ConfigId',
allowBlank: false
}
];
if (me.snapname) {
items.push({
xtype: 'displayfield',
name: 'snaptime',
renderer: PVE.Utils.render_timestamp_human_readable,
fieldLabel: gettext('Timestamp')
});
} else {
items.push({
xtype: 'proxmoxcheckbox',
name: 'vmstate',
uncheckedValue: 0,
defaultValue: 0,
checked: 1,
fieldLabel: gettext('Include RAM')
});
}
items.push({
xtype: 'textareafield',
grow: true,
name: 'description',
fieldLabel: gettext('Description')
});
if (me.snapname) {
items.push({
title: gettext('Settings'),
xtype: 'grid',
height: 200,
store: summarystore,
columns: [
{header: gettext('Key'), width: 150, dataIndex: 'key'},
{header: gettext('Value'), flex: 1, dataIndex: 'value'}
]
});
}
me.formPanel = Ext.create('Ext.form.Panel', {
bodyPadding: 10,
border: false,
fieldDefaults: {
labelWidth: 100,
anchor: '100%'
},
items: items
});
var form = me.formPanel.getForm();
var submitBtn;
if (me.snapname) {
me.title = gettext('Edit') + ': ' + gettext('Snapshot');
submitBtn = Ext.create('Ext.Button', {
text: gettext('Update'),
handler: function() {
if (form.isValid()) {
var values = form.getValues();
me.update_snapshot(me.snapname, values.description);
}
}
});
} else {
me.title ="VM " + me.vmid + ': ' + gettext('Take Snapshot');
submitBtn = Ext.create('Ext.Button', {
text: gettext('Take Snapshot'),
reference: 'submitbutton',
handler: function() {
if (form.isValid()) {
var values = form.getValues();
me.take_snapshot(values.snapname, values.description, values.vmstate);
}
}
});
}
Ext.apply(me, {
modal: true,
width: 450,
border: false,
layout: 'fit',
buttons: [ submitBtn ],
items: [ me.formPanel ]
});
if (me.snapname) {
Ext.apply(me, {
width: 620,
height: 420
});
}
me.callParent();
if (!me.snapname) {
return;
}
// else load data
Proxmox.Utils.API2Request({
url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + "/snapshot/" +
me.snapname + '/config',
waitMsgTarget: me,
method: 'GET',
failure: function(response, opts) {
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
me.close();
},
success: function(response, options) {
var data = response.result.data;
var kvarray = [];
Ext.Object.each(data, function(key, value) {
if (key === 'description' || key === 'snaptime') {
return;
}
kvarray.push({ key: key, value: value });
});
summarystore.suspendEvents();
summarystore.add(kvarray);
summarystore.sort();
summarystore.resumeEvents();
summarystore.fireEvent('refresh', summarystore);
form.findField('snaptime').setValue(data.snaptime);
form.findField('description').setValue(data.description);
}
});
}
});
Ext.define('PVE.qemu.SnapshotTree', {
extend: 'Ext.tree.Panel',
alias: ['widget.pveQemuSnapshotTree'],
load_delay: 3000,
old_digest: 'invalid',
stateful: true,
stateId: 'grid-qemu-snapshots',
sorterFn: function(rec1, rec2) {
var v1 = rec1.data.snaptime;
var v2 = rec2.data.snaptime;
if (rec1.data.name === 'current') {
return 1;
}
if (rec2.data.name === 'current') {
return -1;
}
return (v1 > v2 ? 1 : (v1 < v2 ? -1 : 0));
},
reload: function(repeat) {
var me = this;
Proxmox.Utils.API2Request({
url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/snapshot',
method: 'GET',
failure: function(response, opts) {
Proxmox.Utils.setErrorMask(me, response.htmlStatus);
me.load_task.delay(me.load_delay);
},
success: function(response, opts) {
Proxmox.Utils.setErrorMask(me, false);
var digest = 'invalid';
var idhash = {};
var root = { name: '__root', expanded: true, children: [] };
Ext.Array.each(response.result.data, function(item) {
item.leaf = true;
item.children = [];
if (item.name === 'current') {
digest = item.digest + item.running;
if (item.running) {
item.iconCls = 'fa fa-fw fa-desktop x-fa-tree-running';
} else {
item.iconCls = 'fa fa-fw fa-desktop x-fa-tree';
}
} else {
item.iconCls = 'fa fa-fw fa-history x-fa-tree';
}
idhash[item.name] = item;
});
if (digest !== me.old_digest) {
me.old_digest = digest;
Ext.Array.each(response.result.data, function(item) {
if (item.parent && idhash[item.parent]) {
var parent_item = idhash[item.parent];
parent_item.children.push(item);
parent_item.leaf = false;
parent_item.expanded = true;
parent_item.expandable = false;
} else {
root.children.push(item);
}
});
me.setRootNode(root);
}
me.load_task.delay(me.load_delay);
}
});
Proxmox.Utils.API2Request({
url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/feature',
params: { feature: 'snapshot' },
method: 'GET',
success: function(response, options) {
var res = response.result.data;
if (res.hasFeature) {
var snpBtns = Ext.ComponentQuery.query('#snapshotBtn');
snpBtns.forEach(function(item){
item.enable();
});
}
}
});
},
listeners: {
beforestatesave: function(grid, state, eopts) {
// extjs cannot serialize functions,
// so a the sorter with only the sorterFn will
// not be a valid sorter when restoring the state
delete state.storeState.sorters;
}
},
initComponent: function() {
var me = this;
me.nodename = me.pveSelNode.data.node;
if (!me.nodename) {
throw "no node name specified";
}
me.vmid = me.pveSelNode.data.vmid;
if (!me.vmid) {
throw "no VM ID specified";
}
me.load_task = new Ext.util.DelayedTask(me.reload, me);
var sm = Ext.create('Ext.selection.RowModel', {});
var valid_snapshot = function(record) {
return record && record.data && record.data.name &&
record.data.name !== 'current';
};
var valid_snapshot_rollback = function(record) {
return record && record.data && record.data.name &&
record.data.name !== 'current' && !record.data.snapstate;
};
var run_editor = function() {
var rec = sm.getSelection()[0];
if (valid_snapshot(rec)) {
var win = Ext.create('PVE.window.Snapshot', {
snapname: rec.data.name,
nodename: me.nodename,
vmid: me.vmid
});
win.show();
me.mon(win, 'close', me.reload, me);
}
};
var editBtn = new Proxmox.button.Button({
text: gettext('Edit'),
disabled: true,
selModel: sm,
enableFn: valid_snapshot,
handler: run_editor
});
var rollbackBtn = new Proxmox.button.Button({
text: gettext('Rollback'),
disabled: true,
selModel: sm,
enableFn: valid_snapshot_rollback,
confirmMsg: function(rec) {
return Proxmox.Utils.format_task_description('qmrollback', me.vmid) +
" '" + rec.data.name + "'";
},
handler: function(btn, event) {
var rec = sm.getSelection()[0];
if (!rec) {
return;
}
var snapname = rec.data.name;
Proxmox.Utils.API2Request({
url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/snapshot/' + snapname + '/rollback',
method: 'POST',
waitMsgTarget: me,
callback: function() {
me.reload();
},
failure: function (response, opts) {
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
},
success: function(response, options) {
var upid = response.result.data;
var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid });
win.show();
}
});
}
});
var removeBtn = new Proxmox.button.Button({
text: gettext('Remove'),
disabled: true,
selModel: sm,
confirmMsg: function(rec) {
var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'),
"'" + rec.data.name + "'");
return msg;
},
enableFn: valid_snapshot,
handler: function(btn, event) {
var rec = sm.getSelection()[0];
if (!rec) {
return;
}
var snapname = rec.data.name;
Proxmox.Utils.API2Request({
url: '/nodes/' + me.nodename + '/qemu/' + me.vmid + '/snapshot/' + snapname,
method: 'DELETE',
waitMsgTarget: me,
callback: function() {
me.reload();
},
failure: function (response, opts) {
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
},
success: function(response, options) {
var upid = response.result.data;
var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid });
win.show();
}
});
}
});
var snapshotBtn = Ext.create('Ext.Button', {
itemId: 'snapshotBtn',
text: gettext('Take Snapshot'),
disabled: true,
handler: function() {
var win = Ext.create('PVE.window.Snapshot', {
nodename: me.nodename,
vmid: me.vmid
});
win.show();
}
});
Ext.apply(me, {
layout: 'fit',
rootVisible: false,
animate: false,
sortableColumns: false,
selModel: sm,
tbar: [ snapshotBtn, rollbackBtn, removeBtn, editBtn ],
fields: [
'name', 'description', 'snapstate', 'vmstate', 'running',
{ name: 'snaptime', type: 'date', dateFormat: 'timestamp' }
],
columns: [
{
xtype: 'treecolumn',
text: gettext('Name'),
dataIndex: 'name',
width: 200,
renderer: function(value, metaData, record) {
if (value === 'current') {
return "NOW";
} else {
return value;
}
}
},
{
text: gettext('RAM'),
align: 'center',
resizable: false,
dataIndex: 'vmstate',
width: 50,
renderer: function(value, metaData, record) {
if (record.data.name !== 'current') {
return Proxmox.Utils.format_boolean(value);
}
}
},
{
text: gettext('Date') + "/" + gettext("Status"),
dataIndex: 'snaptime',
width: 150,
renderer: function(value, metaData, record) {
if (record.data.snapstate) {
return record.data.snapstate;
}
if (value) {
return Ext.Date.format(value,'Y-m-d H:i:s');
}
}
},
{
text: gettext('Description'),
dataIndex: 'description',
flex: 1,
renderer: function(value, metaData, record) {
if (record.data.name === 'current') {
return gettext("You are here!");
} else {
return Ext.String.htmlEncode(value);
}
}
}
],
columnLines: true, // will work in 4.1?
listeners: {
activate: me.reload,
destroy: me.load_task.cancel,
itemdblclick: run_editor
}
});
me.callParent();
me.store.sorters.add(new Ext.util.Sorter({
sorterFn: me.sorterFn
}));
}
});
Ext.define('PVE.qemu.Config', {
extend: 'PVE.panel.Config',
alias: 'widget.PVE.qemu.Config',
onlineHelp: 'chapter_virtual_machines',
initComponent: function() {
var me = this;
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 template = !!me.pveSelNode.data.template;
var running = !!me.pveSelNode.data.uptime;
var caps = Ext.state.Manager.get('GuiCap');
var base_url = '/nodes/' + nodename + "/qemu/" + vmid;
me.statusStore = Ext.create('Proxmox.data.ObjectStore', {
url: '/api2/json' + base_url + '/status/current',
interval: 1000
});
var vm_command = function(cmd, params) {
Proxmox.Utils.API2Request({
params: params,
url: base_url + '/status/' + cmd,
waitMsgTarget: me,
method: 'POST',
failure: function(response, opts) {
Ext.Msg.alert('Error', response.htmlStatus);
}
});
};
var resumeBtn = Ext.create('Ext.Button', {
text: gettext('Resume'),
disabled: !caps.vms['VM.PowerMgmt'],
hidden: true,
handler: function() {
vm_command('resume');
},
iconCls: 'fa fa-play'
});
var startBtn = Ext.create('Ext.Button', {
text: gettext('Start'),
disabled: !caps.vms['VM.PowerMgmt'] || running,
hidden: template,
handler: function() {
vm_command('start');
},
iconCls: 'fa fa-play'
});
var migrateBtn = Ext.create('Ext.Button', {
text: gettext('Migrate'),
disabled: !caps.vms['VM.Migrate'],
hidden: PVE.data.ResourceStore.getNodes().length < 2,
handler: function() {
var win = Ext.create('PVE.window.Migrate', {
vmtype: 'qemu',
nodename: nodename,
vmid: vmid
});
win.show();
},
iconCls: 'fa fa-send-o'
});
var moreBtn = Ext.create('Proxmox.button.Button', {
text: gettext('More'),
menu: { items: [
{
text: gettext('Clone'),
iconCls: 'fa fa-fw fa-clone',
hidden: caps.vms['VM.Clone'] ? false : true,
handler: function() {
PVE.window.Clone.wrap(nodename, vmid, template, 'qemu');
}
},
{
text: gettext('Convert to template'),
disabled: template,
xtype: 'pveMenuItem',
iconCls: 'fa fa-fw fa-file-o',
hidden: caps.vms['VM.Allocate'] ? false : true,
confirmMsg: Proxmox.Utils.format_task_description('qmtemplate', vmid),
handler: function() {
Proxmox.Utils.API2Request({
url: base_url + '/template',
waitMsgTarget: me,
method: 'POST',
failure: function(response, opts) {
Ext.Msg.alert('Error', response.htmlStatus);
}
});
}
},
{
iconCls: 'fa fa-heartbeat ',
hidden: !caps.nodes['Sys.Console'],
text: gettext('Manage HA'),
handler: function() {
var ha = me.pveSelNode.data.hastate;
Ext.create('PVE.ha.VMResourceEdit', {
vmid: vmid,
isCreate: (!ha || ha === 'unmanaged')
}).show();
}
},
{
text: gettext('Remove'),
itemId: 'removeBtn',
disabled: !caps.vms['VM.Allocate'],
handler: function() {
Ext.create('PVE.window.SafeDestroy', {
url: base_url,
item: { type: 'VM', id: vmid }
}).show();
},
iconCls: 'fa fa-trash-o'
}
]}
});
var shutdownBtn = Ext.create('PVE.button.Split', {
text: gettext('Shutdown'),
disabled: !caps.vms['VM.PowerMgmt'] || !running,
hidden: template,
confirmMsg: Proxmox.Utils.format_task_description('qmshutdown', vmid),
handler: function() {
vm_command('shutdown');
},
menu: {
items: [{
text: gettext('Pause'),
disabled: !caps.vms['VM.PowerMgmt'],
confirmMsg: Proxmox.Utils.format_task_description('qmpause', vmid),
handler: function() {
vm_command("suspend");
},
iconCls: 'fa fa-pause'
},{
text: gettext('Hibernate'),
disabled: !caps.vms['VM.PowerMgmt'],
confirmMsg: Proxmox.Utils.format_task_description('qmsuspend', vmid),
tooltip: gettext('Suspend to disk'),
handler: function() {
vm_command("suspend", { todisk: 1 });
},
iconCls: 'fa fa-download'
},{
text: gettext('Stop'),
disabled: !caps.vms['VM.PowerMgmt'],
dangerous: true,
tooltip: Ext.String.format(gettext('Stop {0} immediately'), 'VM'),
confirmMsg: Proxmox.Utils.format_task_description('qmstop', vmid),
handler: function() {
vm_command("stop", { timeout: 30 });
},
iconCls: 'fa fa-stop'
},{
text: gettext('Reset'),
disabled: !caps.vms['VM.PowerMgmt'],
confirmMsg: Proxmox.Utils.format_task_description('qmreset', vmid),
handler: function() {
vm_command("reset");
},
iconCls: 'fa fa-bolt'
}]
},
iconCls: 'fa fa-power-off'
});
var vm = me.pveSelNode.data;
var consoleBtn = Ext.create('PVE.button.ConsoleButton', {
disabled: !caps.vms['VM.Console'],
hidden: template,
consoleType: 'kvm',
consoleName: vm.name,
nodename: nodename,
vmid: vmid
});
var statusTxt = Ext.create('Ext.toolbar.TextItem', {
data: {
lock: undefined
},
tpl: [
''); } } ] } ] }); Ext.define('PVE.qemu.AgentIPView', { extend: 'Ext.container.Container', xtype: 'pveAgentIPView', layout: { type: 'hbox', align: 'top' }, nics: [], items: [ { xtype: 'box', html: ' IPs' }, { xtype: 'container', flex: 1, layout: { type: 'vbox', align: 'right', pack: 'end' }, items: [ { xtype: 'label', flex: 1, itemId: 'ipBox', style: { 'text-align': 'right' } }, { xtype: 'button', itemId: 'moreBtn', hidden: true, ui: 'default-toolbar', handler: function(btn) { var me = this.up('pveAgentIPView'); var win = Ext.create('PVE.window.IPInfo'); win.down('grid').getStore().setData(me.nics); win.show(); }, text: gettext('More') } ] } ], getDefaultIps: function(nics) { var me = this; var ips = []; nics.forEach(function(nic) { if (nic['hardware-address'] && nic['hardware-address'] != '00:00:00:00:00:00') { var nic_ips = nic['ip-addresses'] || []; nic_ips.forEach(function(ip) { var p = ip['ip-address']; // show 2 ips at maximum if (ips.length < 2) { ips.push(p); } }); } }); return ips; }, startIPStore: function(store, records, success) { var me = this; var agentRec = store.getById('agent'); /*jslint confusion: true*/ /* value is number and string */ me.agent = (agentRec && agentRec.data.value === 1); me.running = (store.getById('status').data.value === 'running'); /*jslint confusion: false*/ var caps = Ext.state.Manager.get('GuiCap'); if (!caps.vms['VM.Monitor']) { var errorText = gettext("Requires '{0}' Privileges"); me.updateStatus(false, Ext.String.format(errorText, 'VM.Monitor')); return; } if (me.agent && me.running && me.ipStore.isStopped) { me.ipStore.startUpdate(); } else if (me.ipStore.isStopped) { me.updateStatus(); } }, updateStatus: function(unsuccessful, defaulttext) { var me = this; var text = defaulttext || gettext('No network information'); var more = false; if (unsuccessful) { text = gettext('Guest Agent not running'); } else if (me.agent && me.running) { if (Ext.isArray(me.nics) && me.nics.length) { more = true; var ips = me.getDefaultIps(me.nics); if (ips.length !== 0) { text = ips.join('
'); } } else if (me.nics && me.nics.error) { var msg = gettext('Cannot get info from Guest Agent
Error: {0}'); text = Ext.String.format(text, me.nics.error.desc); } } else if (me.agent) { text = gettext('Guest Agent not running'); } else { text = gettext('No Guest Agent configured'); } var ipBox = me.down('#ipBox'); ipBox.update(text); var moreBtn = me.down('#moreBtn'); moreBtn.setVisible(more); }, initComponent: function() { var me = this; if (!me.rstore) { throw 'rstore not given'; } if (!me.pveSelNode) { throw 'pveSelNode not given'; } var nodename = me.pveSelNode.data.node; var vmid = me.pveSelNode.data.vmid; me.ipStore = Ext.create('Proxmox.data.UpdateStore', { interval: 10000, storeid: 'pve-qemu-agent-' + vmid, method: 'POST', proxy: { type: 'proxmox', url: '/api2/json/nodes/' + nodename + '/qemu/' + vmid + '/agent/network-get-interfaces' } }); me.callParent(); me.mon(me.ipStore, 'load', function(store, records, success) { if (records && records.length) { me.nics = records[0].data.result; } else { me.nics = undefined; } me.updateStatus(!success); }); me.on('destroy', me.ipStore.stopUpdate); // if we already have info about the vm, use it immediately if (me.rstore.getCount()) { me.startIPStore(me.rstore, me.rstore.getData(), false); } // check if the guest agent is there on every statusstore load me.mon(me.rstore, 'load', me.startIPStore, me); } }); Ext.define('PVE.qemu.CloudInit', { extend: 'Proxmox.grid.PendingObjectGrid', xtype: 'pveCiPanel', onlineHelp: 'qm_cloud_init', tbar: [ { xtype: 'proxmoxButton', disabled: true, dangerous: true, confirmMsg: function(rec) { var me = this.up('grid'); var warn = gettext('Are you sure you want to remove entry {0}'); var entry = rec.data.key; var msg = Ext.String.format(warn, "'" + me.renderKey(entry, {}, rec) + "'"); return msg; }, enableFn: function(record) { var me = this.up('grid'); var caps = Ext.state.Manager.get('GuiCap'); if (me.rows[record.data.key].never_delete || !caps.vms['VM.Config.Network']) { return false; } if (record.data.key === 'cipassword' && !record.data.value) { return false; } return true; }, handler: function() { var me = this.up('grid'); var records = me.getSelection(); if (!records || !records.length) { return; } var id = records[0].data.key; var match = id.match(/^net(\d+)$/); if (match) { id = 'ipconfig' + match[1]; } var params = {}; params['delete'] = id; Proxmox.Utils.API2Request({ url: me.baseurl + '/config', waitMsgTarget: me, method: 'PUT', params: params, failure: function(response, opts) { Ext.Msg.alert('Error', response.htmlStatus); }, callback: function() { me.reload(); } }); }, text: gettext('Remove') }, { xtype: 'proxmoxButton', disabled: true, handler: function() { var me = this.up('grid'); me.run_editor(); }, text: gettext('Edit') }, '-', { xtype: 'button', itemId: 'savebtn', text: gettext('Regenerate Image'), handler: function() { var me = this.up('grid'); var eject_params = {}; var insert_params = {}; var disk = PVE.Parser.parseQemuDrive(me.ciDriveId, me.ciDrive); var storage = ''; var stormatch = disk.file.match(/^([^\:]+)\:/); if (stormatch) { storage = stormatch[1]; } eject_params[me.ciDriveId] = 'none,media=cdrom'; insert_params[me.ciDriveId] = storage + ':cloudinit'; var failure = function(response, opts) { Ext.Msg.alert('Error', response.htmlStatus); }; Proxmox.Utils.API2Request({ url: me.baseurl + '/config', waitMsgTarget: me, method: 'PUT', params: eject_params, failure: failure, callback: function() { Proxmox.Utils.API2Request({ url: me.baseurl + '/config', waitMsgTarget: me, method: 'PUT', params: insert_params, failure: failure, callback: function() { me.reload(); } }); } }); } } ], border: false, set_button_status: function(rstore, records, success) { if (!success || records.length < 1) { return; } var me = this; var found; records.forEach(function(record) { if (found) { return; } var id = record.data.key; var value = record.data.value; var ciregex = new RegExp("vm-" + me.pveSelNode.data.vmid + "-cloudinit"); if (id.match(/^(ide|scsi|sata)\d+$/) && ciregex.test(value)) { found = id; me.ciDriveId = found; me.ciDrive = value; } }); me.down('#savebtn').setDisabled(!found); me.setDisabled(!found); if (!found) { me.getView().mask(gettext('No CloudInit Drive found'), ['pve-static-mask']); } else { me.getView().unmask(); } }, renderKey: function(key, metaData, rec, rowIndex, colIndex, store) { var me = this; var rows = me.rows; var rowdef = rows[key] || {}; var icon = ""; if (rowdef.iconCls) { icon = ' '; } return icon + (rowdef.header || key); }, listeners: { activate: function () { var me = this; me.rstore.startUpdate(); }, itemdblclick: function() { var me = this; me.run_editor(); } }, initComponent: function() { var me = this; 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 caps = Ext.state.Manager.get('GuiCap'); me.baseurl = '/api2/extjs/nodes/' + nodename + '/qemu/' + vmid; me.url = me.baseurl + '/pending'; me.editorConfig.url = me.baseurl + '/config'; me.editorConfig.pveSelNode = me.pveSelNode; /*jslint confusion: true*/ /* editor is string and object */ me.rows = { ciuser: { header: gettext('User'), iconCls: 'fa fa-user', never_delete: true, defaultValue: '', editor: caps.vms['VM.Config.Options'] ? { xtype: 'proxmoxWindowEdit', subject: gettext('User'), items: [ { xtype: 'proxmoxtextfield', deleteEmpty: true, emptyText: Proxmox.Utils.defaultText, fieldLabel: gettext('User'), name: 'ciuser' } ] } : undefined, renderer: function(value) { return value || Proxmox.Utils.defaultText; } }, cipassword: { header: gettext('Password'), iconCls: 'fa fa-unlock', defaultValue: '', editor: caps.vms['VM.Config.Options'] ? { xtype: 'proxmoxWindowEdit', subject: gettext('Password'), items: [ { xtype: 'proxmoxtextfield', inputType: 'password', deleteEmpty: true, emptyText: Proxmox.Utils.noneText, fieldLabel: gettext('Password'), name: 'cipassword' } ] } : undefined, renderer: function(value) { return value || Proxmox.Utils.noneText; } }, searchdomain: { header: gettext('DNS domain'), iconCls: 'fa fa-globe', editor: caps.vms['VM.Config.Network'] ? 'PVE.lxc.DNSEdit' : undefined, never_delete: true, defaultValue: gettext('use host settings') }, nameserver: { header: gettext('DNS servers'), iconCls: 'fa fa-globe', editor: caps.vms['VM.Config.Network'] ? 'PVE.lxc.DNSEdit' : undefined, never_delete: true, defaultValue: gettext('use host settings') }, sshkeys: { header: gettext('SSH public key'), iconCls: 'fa fa-key', editor: caps.vms['VM.Config.Network'] ? 'PVE.qemu.SSHKeyEdit' : undefined, never_delete: true, renderer: function(value) { value = decodeURIComponent(value); var keys = value.split('\n'); var text = []; keys.forEach(function(key) { if (key.length) { // First erase all quoted strings (eg. command="foo" var v = key.replace(/"(?:\\.|[^"\\])*"/g, ''); // Now try to detect the comment: var res = v.match(/^\s*(\S+\s+)?(?:ssh-(?:dss|rsa|ed25519)|ecdsa-sha2-nistp\d+)\s+\S+\s+(.*?)\s*$/, ''); if (res) { key = Ext.String.htmlEncode(res[2]); if (res[1]) { key += ' (' + gettext('with options') + ')'; } text.push(key); return; } // Most likely invalid at this point, so just stick to // the old value. text.push(Ext.String.htmlEncode(key)); } }); if (text.length) { return text.join('
'); } else { return Proxmox.Utils.noneText; } }, defaultValue: '' } }; var i; var ipconfig_renderer = function(value, md, record, ri, ci, store, pending) { var id = record.data.key; var match = id.match(/^net(\d+)$/); var val = ''; if (match) { val = me.getObjectValue('ipconfig'+match[1], '', pending); } return val; }; for (i = 0; i < 32; i++) { // we want to show an entry for every network device // even if it is empty me.rows['net' + i.toString()] = { multiKey: ['ipconfig' + i.toString(), 'net' + i.toString()], header: gettext('IP Config') + ' (net' + i.toString() +')', editor: caps.vms['VM.Config.Network'] ? 'PVE.qemu.IPConfigEdit' : undefined, iconCls: 'fa fa-exchange', renderer: ipconfig_renderer }; me.rows['ipconfig' + i.toString()] = { visible: false }; } /*jslint confusion: false*/ PVE.Utils.forEachBus(['ide', 'scsi', 'sata'], function(type, id) { me.rows[type+id] = { visible: false }; }); me.callParent(); me.mon(me.rstore, 'load', me.set_button_status, me); } }); Ext.define('PVE.qemu.CIDriveInputPanel', { extend: 'Proxmox.panel.InputPanel', xtype: 'pveCIDriveInputPanel', insideWizard: false, vmconfig: {}, // used to select usused disks onGetValues: function(values) { var me = this; var drive = {}; var params = {}; drive.file = values.hdstorage + ":cloudinit"; drive.format = values.diskformat; params[values.controller + values.deviceid] = PVE.Parser.printQemuDrive(drive); return params; }, setNodename: function(nodename) { var me = this; me.down('#hdstorage').setNodename(nodename); me.down('#hdimage').setStorage(undefined, nodename); }, setVMConfig: function(config) { var me = this; me.down('#drive').setVMConfig(config, 'cdrom'); }, initComponent : function() { var me = this; me.drive = {}; me.items = [ { xtype: 'pveControllerSelector', noVirtIO: true, itemId: 'drive', fieldLabel: gettext('CloudInit Drive'), name: 'drive' }, { xtype: 'pveDiskStorageSelector', itemId: 'storselector', storageContent: 'images', nodename: me.nodename, hideSize: true } ]; me.callParent(); } }); Ext.define('PVE.qemu.CIDriveEdit', { extend: 'Proxmox.window.Edit', xtype: 'pveCIDriveEdit', isCreate: true, subject: gettext('CloudInit Drive'), initComponent : function() { var me = this; var nodename = me.pveSelNode.data.node; if (!nodename) { throw "no node name specified"; } me.items = [{ xtype: 'pveCIDriveInputPanel', itemId: 'cipanel', nodename: nodename }]; me.callParent(); me.load({ success: function(response, opts) { me.down('#cipanel').setVMConfig(response.result.data); } }); } }); Ext.define('PVE.qemu.SSHKeyInputPanel', { extend: 'Proxmox.panel.InputPanel', xtype: 'pveQemuSSHKeyInputPanel', insideWizard: false, onGetValues: function(values) { var me = this; if (values.sshkeys) { values.sshkeys.trim(); } if (!values.sshkeys.length) { values = {}; values['delete'] = 'sshkeys'; return values; } else { values.sshkeys = encodeURIComponent(values.sshkeys); } return values; }, items: [ { xtype: 'textarea', itemId: 'sshkeys', name: 'sshkeys', height: 250 }, { xtype: 'filebutton', itemId: 'filebutton', name: 'file', text: gettext('Load SSH Key File'), fieldLabel: 'test', listeners: { change: function(btn, e, value) { var me = this.up('inputpanel'); e = e.event; Ext.Array.each(e.target.files, function(file) { PVE.Utils.loadSSHKeyFromFile(file, function(res) { var keysField = me.down('#sshkeys'); var old = keysField.getValue(); keysField.setValue(old + res); }); }); btn.reset(); } } } ], initComponent: function() { var me = this; me.callParent(); if (!window.FileReader) { me.down('#filebutton').setVisible(false); } } }); Ext.define('PVE.qemu.SSHKeyEdit', { extend: 'Proxmox.window.Edit', width: 800, initComponent : function() { var me = this; var ipanel = Ext.create('PVE.qemu.SSHKeyInputPanel'); Ext.apply(me, { subject: gettext('SSH Keys'), items: [ ipanel ] }); me.callParent(); if (!me.create) { me.load({ success: function(response, options) { var data = response.result.data; if (data.sshkeys) { data.sshkeys = decodeURIComponent(data.sshkeys); ipanel.setValues(data); } } }); } } }); Ext.define('PVE.qemu.IPConfigPanel', { extend: 'Proxmox.panel.InputPanel', xtype: 'pveIPConfigPanel', insideWizard: false, vmconfig: {}, onGetValues: function(values) { var me = this; if (values.ipv4mode !== 'static') { values.ip = values.ipv4mode; } if (values.ipv6mode !== 'static') { values.ip6 = values.ipv6mode; } var params = {}; var cfg = PVE.Parser.printIPConfig(values); if (cfg === '') { params['delete'] = [me.confid]; } else { params[me.confid] = cfg; } return params; }, setVMConfig: function(config) { var me = this; me.vmconfig = config; }, setIPConfig: function(confid, data) { var me = this; me.confid = confid; if (data.ip === 'dhcp') { data.ipv4mode = data.ip; data.ip = ''; } else { data.ipv4mode = 'static'; } if (data.ip6 === 'dhcp' || data.ip6 === 'auto') { data.ipv6mode = data.ip6; data.ip6 = ''; } else { data.ipv6mode = 'static'; } me.ipconfig = data; me.setValues(me.ipconfig); }, initComponent : function() { var me = this; me.ipconfig = {}; me.column1 = [ { xtype: 'displayfield', fieldLabel: gettext('Network Device'), value: me.netid }, { layout: { type: 'hbox', align: 'middle' }, border: false, margin: '0 0 5 0', items: [ { xtype: 'label', text: gettext('IPv4') + ':' }, { xtype: 'radiofield', boxLabel: gettext('Static'), name: 'ipv4mode', inputValue: 'static', checked: false, margin: '0 0 0 10', listeners: { change: function(cb, value) { me.down('field[name=ip]').setDisabled(!value); me.down('field[name=gw]').setDisabled(!value); } } }, { xtype: 'radiofield', boxLabel: gettext('DHCP'), name: 'ipv4mode', inputValue: 'dhcp', checked: false, margin: '0 0 0 10' } ] }, { xtype: 'textfield', name: 'ip', vtype: 'IPCIDRAddress', value: '', disabled: true, fieldLabel: gettext('IPv4/CIDR') }, { xtype: 'textfield', name: 'gw', value: '', vtype: 'IPAddress', disabled: true, fieldLabel: gettext('Gateway') + ' (' + gettext('IPv4') +')' } ]; me.column2 = [ { xtype: 'displayfield' }, { layout: { type: 'hbox', align: 'middle' }, border: false, margin: '0 0 5 0', items: [ { xtype: 'label', text: gettext('IPv6') + ':' }, { xtype: 'radiofield', boxLabel: gettext('Static'), name: 'ipv6mode', inputValue: 'static', checked: false, margin: '0 0 0 10', listeners: { change: function(cb, value) { me.down('field[name=ip6]').setDisabled(!value); me.down('field[name=gw6]').setDisabled(!value); } } }, { xtype: 'radiofield', boxLabel: gettext('DHCP'), name: 'ipv6mode', inputValue: 'dhcp', checked: false, margin: '0 0 0 10' } ] }, { xtype: 'textfield', name: 'ip6', value: '', vtype: 'IP6CIDRAddress', disabled: true, fieldLabel: gettext('IPv6/CIDR') }, { xtype: 'textfield', name: 'gw6', vtype: 'IP6Address', value: '', disabled: true, fieldLabel: gettext('Gateway') + ' (' + gettext('IPv6') +')' } ]; me.callParent(); } }); Ext.define('PVE.qemu.IPConfigEdit', { extend: 'Proxmox.window.Edit', isAdd: true, initComponent : function() { /*jslint confusion: true */ var me = this; // convert confid from netX to ipconfigX var match = me.confid.match(/^net(\d+)$/); if (match) { me.netid = me.confid; me.confid = 'ipconfig' + match[1]; } var nodename = me.pveSelNode.data.node; if (!nodename) { throw "no node name specified"; } me.isCreate = me.confid ? false : true; var ipanel = Ext.create('PVE.qemu.IPConfigPanel', { confid: me.confid, netid: me.netid, nodename: nodename }); Ext.applyIf(me, { subject: gettext('Network Config'), items: ipanel }); me.callParent(); me.load({ success: function(response, options) { me.vmconfig = response.result.data; var ipconfig = {}; var value = me.vmconfig[me.confid]; if (value) { ipconfig = PVE.Parser.parseIPConfig(me.confid, value); if (!ipconfig) { Ext.Msg.alert(gettext('Error'), gettext('Unable to parse network configuration')); me.close(); return; } } ipanel.setIPConfig(me.confid, ipconfig); ipanel.setVMConfig(me.vmconfig); } }); } }); /*jslint confusion: true*/ Ext.define('PVE.qemu.SystemInputPanel', { extend: 'Proxmox.panel.InputPanel', xtype: 'pveQemuSystemPanel', onlineHelp: 'qm_system_settings', viewModel: { data: { efi: false, addefi: true }, formulas: { efidisk: function(get) { return get('efi') && get('addefi'); } } }, onGetValues: function(values) { if (values.vga && values.vga.substr(0,6) === 'serial') { values['serial' + values.vga.substr(6,1)] = 'socket'; } var efidrive = {}; if (values.hdimage) { efidrive.file = values.hdimage; } else if (values.hdstorage) { efidrive.file = values.hdstorage + ":1"; } if (values.diskformat) { efidrive.format = values.diskformat; } delete values.hdimage; delete values.hdstorage; delete values.diskformat; if (efidrive.file) { values.efidisk0 = PVE.Parser.printQemuDrive(efidrive); } return values; }, controller: { xclass: 'Ext.app.ViewController', scsihwChange: function(field, value) { var me = this; if (me.getView().insideWizard) { me.getViewModel().set('current.scsihw', value); } }, biosChange: function(field, value) { var me = this; if (me.getView().insideWizard) { me.getViewModel().set('efi', value === 'ovmf'); } }, control: { 'pveScsiHwSelector': { change: 'scsihwChange' }, 'pveQemuBiosSelector': { change: 'biosChange' } } }, column1: [ { xtype: 'proxmoxKVComboBox', value: '__default__', deleteEmpty: false, fieldLabel: gettext('Graphic card'), name: 'vga', comboItems: PVE.Utils.kvm_vga_driver_array() }, { xtype: 'proxmoxcheckbox', name: 'agent', uncheckedValue: 0, defaultValue: 0, deleteDefaultValue: true, fieldLabel: gettext('Qemu Agent') } ], column2: [ { xtype: 'pveScsiHwSelector', name: 'scsihw', value: '__default__', bind: { value: '{current.scsihw}' }, fieldLabel: gettext('SCSI Controller') } ], advancedColumn1: [ { xtype: 'pveQemuBiosSelector', name: 'bios', value: '__default__', fieldLabel: 'BIOS' }, { xtype: 'proxmoxcheckbox', bind: { value: '{addefi}', hidden: '{!efi}', disabled: '{!efi}' }, hidden: true, submitValue: false, disabled: true, fieldLabel: gettext('Add EFI Disk') }, { xtype: 'pveDiskStorageSelector', name: 'efidisk0', storageContent: 'images', bind: { nodename: '{nodename}', hidden: '{!efi}', disabled: '{!efidisk}' }, autoSelect: false, disabled: true, hidden: true, hideSize: true } ], advancedColumn2: [ { xtype: 'proxmoxKVComboBox', name: 'machine', value: '__default__', fieldLabel: gettext('Machine'), comboItems: [ ['__default__', PVE.Utils.render_qemu_machine('')], ['q35', 'q35'] ] } ] }); Ext.define('PVE.lxc.Summary', { extend: 'Ext.panel.Panel', alias: 'widget.pveLxcSummary', scrollable: true, bodyPadding: 5, initComponent: function() { var me = this; 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"; } if (!me.workspace) { throw "no workspace specified"; } if (!me.statusStore) { throw "no status storage specified"; } var template = !!me.pveSelNode.data.template; var rstore = me.statusStore; var width = template ? 1 : 0.5; var items = [ { xtype: template ? 'pveTemplateStatusView' : 'pveGuestStatusView', responsiveConfig: { 'width < 1900': { columnWidth: width }, 'width >= 1900': { columnWidth: width / 2 } }, itemId: 'gueststatus', pveSelNode: me.pveSelNode, rstore: rstore }, { xtype: 'pveNotesView', maxHeight: 320, itemId: 'notesview', pveSelNode: me.pveSelNode, responsiveConfig: { 'width < 1900': { columnWidth: width }, 'width >= 1900': { columnWidth: width / 2 } } } ]; var rrdstore; if (!template) { rrdstore = Ext.create('Proxmox.data.RRDStore', { rrdurl: "/api2/json/nodes/" + nodename + "/lxc/" + vmid + "/rrddata", model: 'pve-rrd-guest' }); items.push( { xtype: 'proxmoxRRDChart', title: gettext('CPU usage'), pveSelNode: me.pveSelNode, fields: ['cpu'], fieldTitles: [gettext('CPU usage')], store: rrdstore }, { xtype: 'proxmoxRRDChart', title: gettext('Memory usage'), pveSelNode: me.pveSelNode, fields: ['maxmem', 'mem'], fieldTitles: [gettext('Total'), gettext('RAM usage')], store: rrdstore }, { xtype: 'proxmoxRRDChart', title: gettext('Network traffic'), pveSelNode: me.pveSelNode, fields: ['netin','netout'], store: rrdstore }, { xtype: 'proxmoxRRDChart', title: gettext('Disk IO'), pveSelNode: me.pveSelNode, fields: ['diskread','diskwrite'], store: rrdstore } ); } Ext.apply(me, { tbar: [ '->', { xtype: 'proxmoxRRDTypeSelector' } ], items: [ { xtype: 'container', layout: { type: 'column' }, defaults: { minHeight: 320, padding: 5, plugins: 'responsive', responsiveConfig: { 'width < 1900': { columnWidth: 1 }, 'width >= 1900': { columnWidth: 0.5 } } }, items: items } ] }); me.callParent(); if (!template) { rrdstore.startUpdate(); me.on('destroy', rrdstore.stopUpdate); } } }); Ext.define('PVE.lxc.NetworkInputPanel', { extend: 'Proxmox.panel.InputPanel', alias: 'widget.pveLxcNetworkInputPanel', insideWizard: false, onlineHelp: 'pct_container_network', setNodename: function(nodename) { var me = this; if (!nodename || (me.nodename === nodename)) { return; } me.nodename = nodename; var bridgesel = me.query("[isFormField][name=bridge]")[0]; bridgesel.setNodename(nodename); }, onGetValues: function(values) { var me = this; var id; if (me.isCreate) { id = values.id; delete values.id; } else { id = me.ifname; } if (!id) { return {}; } var newdata = {}; if (values.ipv6mode !== 'static') { values.ip6 = values.ipv6mode; } if (values.ipv4mode !== 'static') { values.ip = values.ipv4mode; } newdata[id] = PVE.Parser.printLxcNetwork(values); return newdata; }, initComponent : function() { var me = this; var cdata = {}; if (me.insideWizard) { me.ifname = 'net0'; cdata.name = 'eth0'; me.dataCache = {}; } cdata.firewall = (me.insideWizard || me.isCreate); if (!me.dataCache) { throw "no dataCache specified"; } if (!me.isCreate) { if (!me.ifname) { throw "no interface name specified"; } if (!me.dataCache[me.ifname]) { throw "no such interface '" + me.ifname + "'"; } cdata = PVE.Parser.parseLxcNetwork(me.dataCache[me.ifname]); } var i; for (i = 0; i < 10; i++) { if (me.isCreate && !me.dataCache['net'+i.toString()]) { me.ifname = 'net' + i.toString(); break; } } var idselector = { xtype: 'hidden', name: 'id', value: me.ifname }; me.column1 = [ idselector, { xtype: 'textfield', name: 'name', fieldLabel: gettext('Name'), emptyText: '(e.g., eth0)', allowBlank: false, value: cdata.name, validator: function(value) { var result = ''; Ext.Object.each(me.dataCache, function(key, netstr) { if (!key.match(/^net\d+/) || key === me.ifname) { return; // continue } var net = PVE.Parser.parseLxcNetwork(netstr); if (net.name === value) { result = "interface name already in use"; return false; } }); if (result !== '') { return result; } // validator can return bool/string /*jslint confusion:true*/ return true; } }, { xtype: 'textfield', name: 'hwaddr', fieldLabel: gettext('MAC address'), vtype: 'MacAddress', value: cdata.hwaddr, allowBlank: true, emptyText: 'auto' }, { xtype: 'PVE.form.BridgeSelector', name: 'bridge', nodename: me.nodename, fieldLabel: gettext('Bridge'), value: cdata.bridge, allowBlank: false }, { xtype: 'pveVlanField', name: 'tag', value: cdata.tag }, { xtype: 'numberfield', name: 'rate', fieldLabel: gettext('Rate limit') + ' (MB/s)', minValue: 0, maxValue: 10*1024, value: cdata.rate, emptyText: 'unlimited', allowBlank: true }, { xtype: 'proxmoxcheckbox', fieldLabel: gettext('Firewall'), name: 'firewall', value: cdata.firewall } ]; var dhcp4 = (cdata.ip === 'dhcp'); if (dhcp4) { cdata.ip = ''; cdata.gw = ''; } var auto6 = (cdata.ip6 === 'auto'); var dhcp6 = (cdata.ip6 === 'dhcp'); if (auto6 || dhcp6) { cdata.ip6 = ''; cdata.gw6 = ''; } me.column2 = [ { layout: { type: 'hbox', align: 'middle' }, border: false, margin: '0 0 5 0', items: [ { xtype: 'label', text: 'IPv4:' // do not localize }, { xtype: 'radiofield', boxLabel: gettext('Static'), name: 'ipv4mode', inputValue: 'static', checked: !dhcp4, margin: '0 0 0 10', listeners: { change: function(cb, value) { me.down('field[name=ip]').setDisabled(!value); me.down('field[name=gw]').setDisabled(!value); } } }, { xtype: 'radiofield', boxLabel: 'DHCP', // do not localize name: 'ipv4mode', inputValue: 'dhcp', checked: dhcp4, margin: '0 0 0 10' } ] }, { xtype: 'textfield', name: 'ip', vtype: 'IPCIDRAddress', value: cdata.ip, disabled: dhcp4, fieldLabel: 'IPv4/CIDR' // do not localize }, { xtype: 'textfield', name: 'gw', value: cdata.gw, vtype: 'IPAddress', disabled: dhcp4, fieldLabel: gettext('Gateway') + ' (IPv4)', margin: '0 0 3 0' // override bottom margin to account for the menuseparator }, { xtype: 'menuseparator', height: '3', margin: '0' }, { layout: { type: 'hbox', align: 'middle' }, border: false, margin: '0 0 5 0', items: [ { xtype: 'label', text: 'IPv6:' // do not localize }, { xtype: 'radiofield', boxLabel: gettext('Static'), name: 'ipv6mode', inputValue: 'static', checked: !(auto6 || dhcp6), margin: '0 0 0 10', listeners: { change: function(cb, value) { me.down('field[name=ip6]').setDisabled(!value); me.down('field[name=gw6]').setDisabled(!value); } } }, { xtype: 'radiofield', boxLabel: 'DHCP', // do not localize name: 'ipv6mode', inputValue: 'dhcp', checked: dhcp6, margin: '0 0 0 10' }, { xtype: 'radiofield', boxLabel: 'SLAAC', // do not localize name: 'ipv6mode', inputValue: 'auto', checked: auto6, margin: '0 0 0 10' } ] }, { xtype: 'textfield', name: 'ip6', value: cdata.ip6, vtype: 'IP6CIDRAddress', disabled: (dhcp6 || auto6), fieldLabel: 'IPv6/CIDR' // do not localize }, { xtype: 'textfield', name: 'gw6', vtype: 'IP6Address', value: cdata.gw6, disabled: (dhcp6 || auto6), fieldLabel: gettext('Gateway') + ' (IPv6)' } ]; me.callParent(); } }); Ext.define('PVE.lxc.NetworkEdit', { extend: 'Proxmox.window.Edit', isAdd: true, initComponent : function() { var me = this; if (!me.dataCache) { throw "no dataCache specified"; } if (!me.nodename) { throw "no node name specified"; } var ipanel = Ext.create('PVE.lxc.NetworkInputPanel', { ifname: me.ifname, nodename: me.nodename, dataCache: me.dataCache, isCreate: me.isCreate }); Ext.apply(me, { subject: gettext('Network Device') + ' (veth)', digest: me.dataCache.digest, items: [ ipanel ] }); me.callParent(); } }); Ext.define('PVE.lxc.NetworkView', { extend: 'Ext.grid.GridPanel', alias: 'widget.pveLxcNetworkView', onlineHelp: 'pct_container_network', dataCache: {}, // used to store result of last load stateful: true, stateId: 'grid-lxc-network', load: function() { var me = this; Proxmox.Utils.setErrorMask(me, true); Proxmox.Utils.API2Request({ url: me.url, failure: function(response, opts) { Proxmox.Utils.setErrorMask(me, gettext('Error') + ': ' + response.htmlStatus); }, success: function(response, opts) { Proxmox.Utils.setErrorMask(me, false); var result = Ext.decode(response.responseText); var data = result.data || {}; me.dataCache = data; var records = []; Ext.Object.each(data, function(key, value) { if (!key.match(/^net\d+/)) { return; // continue } var net = PVE.Parser.parseLxcNetwork(value); net.id = key; records.push(net); }); me.store.loadData(records); me.down('button[name=addButton]').setDisabled((records.length >= 10)); } }); }, initComponent : function() { var me = this; 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 caps = Ext.state.Manager.get('GuiCap'); me.url = '/nodes/' + nodename + '/lxc/' + vmid + '/config'; var store = new Ext.data.Store({ model: 'pve-lxc-network', sorters: [ { property : 'id', direction: 'ASC' } ] }); var sm = Ext.create('Ext.selection.RowModel', {}); var remove_btn = new Proxmox.button.Button({ text: gettext('Remove'), disabled: true, selModel: sm, enableFn: function(rec) { return !!caps.vms['VM.Config.Network']; }, confirmMsg: function (rec) { return Ext.String.format(gettext('Are you sure you want to remove entry {0}'), "'" + rec.data.id + "'"); }, handler: function(btn, event, rec) { Proxmox.Utils.API2Request({ url: me.url, waitMsgTarget: me, method: 'PUT', params: { 'delete': rec.data.id, digest: me.dataCache.digest }, callback: function() { me.load(); }, failure: function (response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); } }); } }); var run_editor = function() { var rec = sm.getSelection()[0]; if (!rec) { return; } if (!caps.vms['VM.Config.Network']) { return false; } var win = Ext.create('PVE.lxc.NetworkEdit', { url: me.url, nodename: nodename, dataCache: me.dataCache, ifname: rec.data.id }); win.on('destroy', me.load, me); win.show(); }; var edit_btn = new Proxmox.button.Button({ text: gettext('Edit'), selModel: sm, disabled: true, enableFn: function(rec) { if (!caps.vms['VM.Config.Network']) { return false; } return true; }, handler: run_editor }); Ext.apply(me, { store: store, selModel: sm, tbar: [ { text: gettext('Add'), name: 'addButton', disabled: !caps.vms['VM.Config.Network'], handler: function() { var win = Ext.create('PVE.lxc.NetworkEdit', { url: me.url, nodename: nodename, isCreate: true, dataCache: me.dataCache }); win.on('destroy', me.load, me); win.show(); } }, remove_btn, edit_btn ], columns: [ { header: 'ID', width: 50, dataIndex: 'id' }, { header: gettext('Name'), width: 80, dataIndex: 'name' }, { header: gettext('Bridge'), width: 80, dataIndex: 'bridge' }, { header: gettext('Firewall'), width: 80, dataIndex: 'firewall', renderer: Proxmox.Utils.format_boolean }, { header: gettext('VLAN Tag'), width: 80, dataIndex: 'tag' }, { header: gettext('MAC address'), width: 110, dataIndex: 'hwaddr' }, { header: gettext('IP address'), width: 150, dataIndex: 'ip', renderer: function(value, metaData, rec) { if (rec.data.ip && rec.data.ip6) { return rec.data.ip + "
" + rec.data.ip6; } else if (rec.data.ip6) { return rec.data.ip6; } else { return rec.data.ip; } } }, { header: gettext('Gateway'), width: 150, dataIndex: 'gw', renderer: function(value, metaData, rec) { if (rec.data.gw && rec.data.gw6) { return rec.data.gw + "
" + rec.data.gw6; } else if (rec.data.gw6) { return rec.data.gw6; } else { return rec.data.gw; } } } ], listeners: { activate: me.load, itemdblclick: run_editor } }); me.callParent(); } }, function() { Ext.define('pve-lxc-network', { extend: "Ext.data.Model", proxy: { type: 'memory' }, fields: [ 'id', 'name', 'hwaddr', 'bridge', 'ip', 'gw', 'ip6', 'gw6', 'tag', 'firewall' ] }); }); /*jslint confusion: true */ Ext.define('PVE.lxc.RessourceView', { extend: 'Proxmox.grid.ObjectGrid', alias: ['widget.pveLxcRessourceView'], onlineHelp: 'pct_configuration', renderKey: function(key, metaData, rec, rowIndex, colIndex, store) { var me = this; var rowdef = me.rows[key] || {}; metaData.tdAttr = "valign=middle"; if (rowdef.tdCls) { metaData.tdCls = rowdef.tdCls; } return rowdef.header || key; }, initComponent : function() { var me = this; var i, confid; 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 caps = Ext.state.Manager.get('GuiCap'); var diskCap = caps.vms['VM.Config.Disk']; var mpeditor = caps.vms['VM.Config.Disk'] ? 'PVE.lxc.MountPointEdit' : undefined; var rows = { memory: { header: gettext('Memory'), editor: caps.vms['VM.Config.Memory'] ? 'PVE.lxc.MemoryEdit' : undefined, defaultValue: 512, tdCls: 'pve-itype-icon-memory', group: 1, renderer: function(value) { return Proxmox.Utils.format_size(value*1024*1024); } }, swap: { header: gettext('Swap'), editor: caps.vms['VM.Config.Memory'] ? 'PVE.lxc.MemoryEdit' : undefined, defaultValue: 512, tdCls: 'pve-itype-icon-swap', group: 2, renderer: function(value) { return Proxmox.Utils.format_size(value*1024*1024); } }, cores: { header: gettext('Cores'), editor: caps.vms['VM.Config.CPU'] ? 'PVE.lxc.CPUEdit' : undefined, defaultValue: '', tdCls: 'pve-itype-icon-processor', group: 3, renderer: function(value) { var cpulimit = me.getObjectValue('cpulimit'); var cpuunits = me.getObjectValue('cpuunits'); var res; if (value) { res = value; } else { res = gettext('unlimited'); } if (cpulimit) { res += ' [cpulimit=' + cpulimit + ']'; } if (cpuunits) { res += ' [cpuunits=' + cpuunits + ']'; } return res; } }, rootfs: { header: gettext('Root Disk'), defaultValue: Proxmox.Utils.noneText, editor: mpeditor, tdCls: 'pve-itype-icon-storage', group: 4 }, cpulimit: { visible: false }, cpuunits: { visible: false }, unprivileged: { visible: false } }; PVE.Utils.forEachMP(function(bus, i) { confid = bus + i; var group = 5; var header; if (bus === 'mp') { header = gettext('Mount Point') + ' (' + confid + ')'; } else { header = gettext('Unused Disk') + ' ' + i; group += 1; } rows[confid] = { group: group, order: i, tdCls: 'pve-itype-icon-storage', editor: mpeditor, header: header }; }, true); var baseurl = 'nodes/' + nodename + '/lxc/' + vmid + '/config'; me.selModel = Ext.create('Ext.selection.RowModel', {}); var run_resize = function() { var rec = me.selModel.getSelection()[0]; if (!rec) { return; } var win = Ext.create('PVE.window.MPResize', { disk: rec.data.key, nodename: nodename, vmid: vmid }); win.show(); }; var run_remove = function(b, e, rec) { Proxmox.Utils.API2Request({ url: '/api2/extjs/' + baseurl, waitMsgTarget: me, method: 'PUT', params: { 'delete': rec.data.key }, failure: function (response, opts) { Ext.Msg.alert('Error', response.htmlStatus); } }); }; var run_move = function(b, e, rec) { if (!rec) { return; } var win = Ext.create('PVE.window.HDMove', { disk: rec.data.key, nodename: nodename, vmid: vmid, type: 'lxc' }); win.show(); win.on('destroy', me.reload, me); }; var edit_btn = new Proxmox.button.Button({ text: gettext('Edit'), selModel: me.selModel, disabled: true, enableFn: function(rec) { if (!rec) { return false; } var rowdef = rows[rec.data.key]; return !!rowdef.editor; }, handler: function() { me.run_editor(); } }); var resize_btn = new Proxmox.button.Button({ text: gettext('Resize disk'), selModel: me.selModel, disabled: true, handler: run_resize }); var remove_btn = new Proxmox.button.Button({ text: gettext('Remove'), selModel: me.selModel, disabled: true, dangerous: true, confirmMsg: function(rec) { var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'), "'" + me.renderKey(rec.data.key, {}, rec) + "'"); if (rec.data.key.match(/^unused\d+$/)) { msg += " " + gettext('This will permanently erase all data.'); } return msg; }, handler: run_remove }); var move_btn = new Proxmox.button.Button({ text: gettext('Move Volume'), selModel: me.selModel, disabled: true, dangerous: true, handler: run_move }); var set_button_status = function() { var rec = me.selModel.getSelection()[0]; if (!rec) { edit_btn.disable(); remove_btn.disable(); resize_btn.disable(); return; } var key = rec.data.key; var value = rec.data.value; var rowdef = rows[key]; var isDisk = (rowdef.tdCls == 'pve-itype-icon-storage'); var noedit = rec.data['delete'] || !rowdef.editor; if (!noedit && Proxmox.UserName !== 'root@pam' && key.match(/^mp\d+$/)) { var mp = PVE.Parser.parseLxcMountPoint(value); if (mp.type !== 'volume') { noedit = true; } } edit_btn.setDisabled(noedit); remove_btn.setDisabled(!isDisk || rec.data.key === 'rootfs' || !diskCap); resize_btn.setDisabled(!isDisk || !diskCap); move_btn.setDisabled(!isDisk || !diskCap); }; var sorterFn = function(rec1, rec2) { var v1 = rec1.data.key; var v2 = rec2.data.key; var g1 = rows[v1].group || 0; var g2 = rows[v2].group || 0; var order1 = rows[v1].order || 0; var order2 = rows[v2].order || 0; if ((g1 - g2) !== 0) { return g1 - g2; } if ((order1 - order2) !== 0) { return order1 - order2; } if (v1 > v2) { return 1; } else if (v1 < v2) { return -1; } else { return 0; } }; Ext.apply(me, { url: '/api2/json/' + baseurl, selModel: me.selModel, interval: 2000, cwidth1: 170, tbar: [ { text: gettext('Add'), menu: new Ext.menu.Menu({ items: [ { text: gettext('Mount Point'), iconCls: 'pve-itype-icon-storage', disabled: !caps.vms['VM.Config.Disk'], handler: function() { var win = Ext.create('PVE.lxc.MountPointEdit', { url: '/api2/extjs/' + baseurl, unprivileged: me.getObjectValue('unprivileged'), pveSelNode: me.pveSelNode }); win.show(); } } ] }) }, edit_btn, remove_btn, resize_btn, move_btn ], rows: rows, sorterFn: sorterFn, editorConfig: { pveSelNode: me.pveSelNode, url: '/api2/extjs/' + baseurl }, listeners: { itemdblclick: me.run_editor, selectionchange: set_button_status } }); me.callParent(); me.on('activate', me.rstore.startUpdate); me.on('destroy', me.rstore.stopUpdate); me.on('deactivate', me.rstore.stopUpdate); Ext.apply(me.editorConfig, { unprivileged: me.getObjectValue('unprivileged') }); } }); /*jslint confusion: true*/ Ext.define('PVE.lxc.FeaturesInputPanel', { extend: 'Proxmox.panel.InputPanel', xtype: 'pveLxcFeaturesInputPanel', // used to save the mounts fstypes until sending mounts: [], fstypes: ['nfs', 'cifs'], viewModel: { parent: null, data: { unprivileged: false }, formulas: { privilegedOnly: function(get) { return (get('unprivileged') ? gettext('privileged only') : ''); }, unprivilegedOnly: function(get) { return (!get('unprivileged') ? gettext('unprivileged only') : ''); } } }, items: [ { xtype: 'proxmoxcheckbox', fieldLabel: gettext('keyctl'), name: 'keyctl', bind: { disabled: '{!unprivileged}', boxLabel: '{unprivilegedOnly}' } }, { xtype: 'proxmoxcheckbox', fieldLabel: gettext('Nesting'), name: 'nesting' }, { xtype: 'proxmoxcheckbox', name: 'nfs', fieldLabel: 'NFS', bind: { disabled: '{unprivileged}', boxLabel: '{privilegedOnly}' } }, { xtype: 'proxmoxcheckbox', name: 'cifs', fieldLabel: 'CIFS', bind: { disabled: '{unprivileged}', boxLabel: '{privilegedOnly}' } }, { xtype: 'proxmoxcheckbox', name: 'fuse', fieldLabel: 'FUSE' } ], onGetValues: function(values) { var me = this; var mounts = me.mounts; me.fstypes.forEach(function(fs) { if (values[fs]) { mounts.push(fs); } delete values[fs]; }); if (mounts.length) { values.mount = mounts.join(';'); } var featuresstring = PVE.Parser.printPropertyString(values, undefined); if (featuresstring == '') { return { 'delete': 'features' }; } return { features: featuresstring }; }, setValues: function(values) { var me = this; me.viewModel.set({ unprivileged: values.unprivileged }); if (values.features) { var res = PVE.Parser.parsePropertyString(values.features); me.mounts = []; if (res.mount) { res.mount.split(/[; ]/).forEach(function(item) { if (me.fstypes.indexOf(item) === -1) { me.mounts.push(item); } else { res[item] = 1; } }); } this.callParent([res]); } } }); Ext.define('PVE.lxc.FeaturesEdit', { extend: 'Proxmox.window.Edit', xtype: 'pveLxcFeaturesEdit', subject: gettext('Features'), items: [{ xtype: 'pveLxcFeaturesInputPanel' }], initComponent : function() { var me = this; me.callParent(); me.load(); } }); /*jslint confusion: true */ Ext.define('PVE.lxc.Options', { extend: 'Proxmox.grid.ObjectGrid', alias: ['widget.pveLxcOptions'], onlineHelp: 'pct_options', 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 caps = Ext.state.Manager.get('GuiCap'); var rows = { onboot: { header: gettext('Start at boot'), defaultValue: '', renderer: Proxmox.Utils.format_boolean, editor: caps.vms['VM.Config.Options'] ? { xtype: 'proxmoxWindowEdit', subject: gettext('Start at boot'), items: { xtype: 'proxmoxcheckbox', name: 'onboot', uncheckedValue: 0, defaultValue: 0, fieldLabel: gettext('Start at boot') } } : undefined }, startup: { header: gettext('Start/Shutdown order'), defaultValue: '', renderer: PVE.Utils.render_kvm_startup, editor: caps.vms['VM.Config.Options'] && caps.nodes['Sys.Modify'] ? { xtype: 'pveWindowStartupEdit', onlineHelp: 'pct_startup_and_shutdown' } : undefined }, ostype: { header: gettext('OS Type'), defaultValue: Proxmox.Utils.unknownText }, arch: { header: gettext('Architecture'), defaultValue: Proxmox.Utils.unknownText }, console: { header: '/dev/console', defaultValue: 1, renderer: Proxmox.Utils.format_enabled_toggle, editor: caps.vms['VM.Config.Options'] ? { xtype: 'proxmoxWindowEdit', subject: '/dev/console', items: { xtype: 'proxmoxcheckbox', name: 'console', uncheckedValue: 0, defaultValue: 1, deleteDefaultValue: true, checked: true, fieldLabel: '/dev/console' } } : undefined }, tty: { header: gettext('TTY count'), defaultValue: 2, editor: caps.vms['VM.Config.Options'] ? { xtype: 'proxmoxWindowEdit', subject: gettext('TTY count'), items: { xtype: 'proxmoxintegerfield', name: 'tty', minValue: 0, maxValue: 6, value: 2, fieldLabel: gettext('TTY count'), emptyText: gettext('Default'), deleteEmpty: true } } : undefined }, cmode: { header: gettext('Console mode'), defaultValue: 'tty', editor: caps.vms['VM.Config.Options'] ? { xtype: 'proxmoxWindowEdit', subject: gettext('Console mode'), items: { xtype: 'proxmoxKVComboBox', name: 'cmode', deleteEmpty: true, value: '__default__', comboItems: [ ['__default__', Proxmox.Utils.defaultText + " (tty)"], ['tty', "/dev/tty[X]"], ['console', "/dev/console"], ['shell', "shell"] ], fieldLabel: gettext('Console mode') } } : undefined }, protection: { header: gettext('Protection'), defaultValue: false, renderer: Proxmox.Utils.format_boolean, editor: caps.vms['VM.Config.Options'] ? { xtype: 'proxmoxWindowEdit', subject: gettext('Protection'), items: { xtype: 'proxmoxcheckbox', name: 'protection', uncheckedValue: 0, defaultValue: 0, deleteDefaultValue: true, fieldLabel: gettext('Enabled') } } : undefined }, unprivileged: { header: gettext('Unprivileged container'), renderer: Proxmox.Utils.format_boolean, defaultValue: 0 }, features: { header: gettext('Features'), defaultValue: Proxmox.Utils.noneText, editor: Proxmox.UserName === 'root@pam' ? 'PVE.lxc.FeaturesEdit' : undefined }, hookscript: { header: gettext('Hookscript') } }; var baseurl = 'nodes/' + nodename + '/lxc/' + vmid + '/config'; var sm = Ext.create('Ext.selection.RowModel', {}); var edit_btn = new Proxmox.button.Button({ text: gettext('Edit'), disabled: true, selModel: sm, enableFn: function(rec) { var rowdef = rows[rec.data.key]; return !!rowdef.editor; }, handler: function() { me.run_editor(); } }); Ext.apply(me, { url: "/api2/json/" + baseurl, selModel: sm, interval: 5000, tbar: [ edit_btn ], rows: rows, editorConfig: { url: '/api2/extjs/' + baseurl }, listeners: { itemdblclick: me.run_editor } }); me.callParent(); me.on('activate', me.rstore.startUpdate); me.on('destroy', me.rstore.stopUpdate); me.on('deactivate', me.rstore.stopUpdate); } }); Ext.define('PVE.lxc.DNSInputPanel', { extend: 'Proxmox.panel.InputPanel', alias: 'widget.pveLxcDNSInputPanel', insideWizard: false, onGetValues: function(values) { var me = this; var deletes = []; if (!values.searchdomain && !me.insideWizard) { deletes.push('searchdomain'); } if (values.nameserver) { var list = values.nameserver.split(/[\ \,\;]+/); values.nameserver = list.join(' '); } else if(!me.insideWizard) { deletes.push('nameserver'); } if (deletes.length) { values['delete'] = deletes.join(','); } return values; }, initComponent : function() { var me = this; var items = [ { xtype: 'proxmoxtextfield', name: 'searchdomain', skipEmptyText: true, fieldLabel: gettext('DNS domain'), emptyText: gettext('use host settings'), allowBlank: true }, { xtype: 'proxmoxtextfield', fieldLabel: gettext('DNS servers'), vtype: 'IP64AddressList', allowBlank: true, emptyText: gettext('use host settings'), name: 'nameserver', itemId: 'nameserver' } ]; if (me.insideWizard) { me.column1 = items; } else { me.items = items; } me.callParent(); } }); Ext.define('PVE.lxc.DNSEdit', { extend: 'Proxmox.window.Edit', initComponent : function() { var me = this; var ipanel = Ext.create('PVE.lxc.DNSInputPanel'); Ext.apply(me, { subject: gettext('Resources'), items: [ ipanel ] }); me.callParent(); if (!me.isCreate) { me.load({ success: function(response, options) { var values = response.result.data; if (values.nameserver) { values.nameserver.replace(/[,;]/, ' '); values.nameserver.replace(/^\s+/, ''); } ipanel.setValues(values); } }); } } }); /*jslint confusion: true */ Ext.define('PVE.lxc.DNS', { extend: 'Proxmox.grid.ObjectGrid', alias: ['widget.pveLxcDNS'], onlineHelp: 'pct_container_network', 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 caps = Ext.state.Manager.get('GuiCap'); var rows = { hostname: { required: true, defaultValue: me.pveSelNode.data.name, header: gettext('Hostname'), editor: caps.vms['VM.Config.Network'] ? { xtype: 'proxmoxWindowEdit', subject: gettext('Hostname'), items: { xtype: 'inputpanel', items:{ fieldLabel: gettext('Hostname'), xtype: 'textfield', name: 'hostname', vtype: 'DnsName', allowBlank: true, emptyText: 'CT' + vmid.toString() }, onGetValues: function(values) { var params = values; if (values.hostname === undefined || values.hostname === null || values.hostname === '') { params = { hostname: 'CT'+vmid.toString()}; } return params; } } } : undefined }, searchdomain: { header: gettext('DNS domain'), defaultValue: '', editor: caps.vms['VM.Config.Network'] ? 'PVE.lxc.DNSEdit' : undefined, renderer: function(value) { return value || gettext('use host settings'); } }, nameserver: { header: gettext('DNS server'), defaultValue: '', editor: caps.vms['VM.Config.Network'] ? 'PVE.lxc.DNSEdit' : undefined, renderer: function(value) { return value || gettext('use host settings'); } } }; var baseurl = 'nodes/' + nodename + '/lxc/' + vmid + '/config'; var reload = function() { me.rstore.load(); }; var sm = Ext.create('Ext.selection.RowModel', {}); var run_editor = function() { var rec = sm.getSelection()[0]; if (!rec) { return; } var rowdef = rows[rec.data.key]; if (!rowdef.editor) { 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); win.load(); } //win.load(); win.show(); win.on('destroy', reload); }; var edit_btn = new Proxmox.button.Button({ text: gettext('Edit'), disabled: true, selModel: sm, enableFn: function(rec) { var rowdef = rows[rec.data.key]; return !!rowdef.editor; }, 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.apply(me, { url: "/api2/json/nodes/" + nodename + "/lxc/" + vmid + "/config", selModel: sm, cwidth1: 150, run_editor: run_editor, tbar: [ edit_btn ], rows: rows, listeners: { itemdblclick: run_editor, selectionchange: set_button_status, activate: reload } }); me.callParent(); } }); Ext.define('PVE.lxc.Config', { extend: 'PVE.panel.Config', alias: 'widget.PVE.lxc.Config', onlineHelp: 'chapter_pct', initComponent: function() { var me = this; 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 template = !!me.pveSelNode.data.template; var running = !!me.pveSelNode.data.uptime; var caps = Ext.state.Manager.get('GuiCap'); var base_url = '/nodes/' + nodename + '/lxc/' + vmid; me.statusStore = Ext.create('Proxmox.data.ObjectStore', { url: '/api2/json' + base_url + '/status/current', interval: 1000 }); var vm_command = function(cmd, params) { Proxmox.Utils.API2Request({ params: params, url: base_url + "/status/" + cmd, waitMsgTarget: me, method: 'POST', failure: function(response, opts) { Ext.Msg.alert('Error', response.htmlStatus); } }); }; var startBtn = Ext.create('Ext.Button', { text: gettext('Start'), disabled: !caps.vms['VM.PowerMgmt'] || running, hidden: template, handler: function() { vm_command('start'); }, iconCls: 'fa fa-play' }); var stopBtn = Ext.create('Ext.menu.Item',{ text: gettext('Stop'), disabled: !caps.vms['VM.PowerMgmt'], confirmMsg: Proxmox.Utils.format_task_description('vzstop', vmid), tooltip: Ext.String.format(gettext('Stop {0} immediately'), 'CT'), dangerous: true, handler: function() { vm_command("stop"); }, iconCls: 'fa fa-stop' }); var shutdownBtn = Ext.create('PVE.button.Split', { text: gettext('Shutdown'), disabled: !caps.vms['VM.PowerMgmt'] || !running, hidden: template, confirmMsg: Proxmox.Utils.format_task_description('vzshutdown', vmid), handler: function() { vm_command('shutdown'); }, menu: { items:[stopBtn] }, iconCls: 'fa fa-power-off' }); var migrateBtn = Ext.create('Ext.Button', { text: gettext('Migrate'), disabled: !caps.vms['VM.Migrate'], hidden: PVE.data.ResourceStore.getNodes().length < 2, handler: function() { var win = Ext.create('PVE.window.Migrate', { vmtype: 'lxc', nodename: nodename, vmid: vmid }); win.show(); }, iconCls: 'fa fa-send-o' }); var moreBtn = Ext.create('Proxmox.button.Button', { text: gettext('More'), menu: { items: [ { text: gettext('Clone'), iconCls: 'fa fa-fw fa-clone', hidden: caps.vms['VM.Clone'] ? false : true, handler: function() { PVE.window.Clone.wrap(nodename, vmid, template, 'lxc'); } }, { text: gettext('Convert to template'), disabled: template, xtype: 'pveMenuItem', iconCls: 'fa fa-fw fa-file-o', hidden: caps.vms['VM.Allocate'] ? false : true, confirmMsg: Proxmox.Utils.format_task_description('vztemplate', vmid), handler: function() { Proxmox.Utils.API2Request({ url: base_url + '/template', waitMsgTarget: me, method: 'POST', failure: function(response, opts) { Ext.Msg.alert('Error', response.htmlStatus); } }); } }, { iconCls: 'fa fa-heartbeat ', hidden: !caps.nodes['Sys.Console'], text: gettext('Manage HA'), handler: function() { var ha = me.pveSelNode.data.hastate; Ext.create('PVE.ha.VMResourceEdit', { vmid: vmid, guestType: 'ct', isCreate: (!ha || ha === 'unmanaged') }).show(); } }, { text: gettext('Remove'), disabled: !caps.vms['VM.Allocate'], itemId: 'removeBtn', handler: function() { Ext.create('PVE.window.SafeDestroy', { url: base_url, item: { type: 'CT', id: vmid } }).show(); }, iconCls: 'fa fa-trash-o' } ]} }); var vm = me.pveSelNode.data; var consoleBtn = Ext.create('PVE.button.ConsoleButton', { disabled: !caps.vms['VM.Console'], consoleType: 'lxc', consoleName: vm.name, hidden: template, nodename: nodename, vmid: vmid }); var statusTxt = Ext.create('Ext.toolbar.TextItem', { data: { lock: undefined }, tpl: [ '
' + gettext('Note: Rollback stops CT') + '
'; return msg; }, handler: function(btn, event) { var rec = sm.getSelection()[0]; if (!rec) { return; } var snapname = rec.data.name; Proxmox.Utils.API2Request({ url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot/' + snapname + '/rollback', method: 'POST', waitMsgTarget: me, callback: function() { me.reload(); }, failure: function (response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); }, success: function(response, options) { var upid = response.result.data; var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid }); win.show(); } }); } }); var removeBtn = new Proxmox.button.Button({ text: gettext('Remove'), disabled: true, selModel: sm, confirmMsg: function(rec) { var msg = Ext.String.format(gettext('Are you sure you want to remove entry {0}'), "'" + rec.data.name + "'"); return msg; }, enableFn: valid_snapshot, handler: function(btn, event) { var rec = sm.getSelection()[0]; if (!rec) { return; } var snapname = rec.data.name; Proxmox.Utils.API2Request({ url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/snapshot/' + snapname, method: 'DELETE', waitMsgTarget: me, callback: function() { me.reload(); }, failure: function (response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); }, success: function(response, options) { var upid = response.result.data; var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid }); win.show(); } }); } }); var snapshotBtn = Ext.create('Ext.Button', { itemId: 'snapshotBtn', text: gettext('Take Snapshot'), disabled: true, handler: function() { var win = Ext.create('PVE.window.LxcSnapshot', { nodename: me.nodename, vmid: me.vmid }); win.show(); } }); Ext.apply(me, { layout: 'fit', rootVisible: false, animate: false, sortableColumns: false, selModel: sm, tbar: [ snapshotBtn, rollbackBtn, removeBtn, editBtn ], fields: [ 'name', 'description', 'snapstate', 'vmstate', 'running', { name: 'snaptime', type: 'date', dateFormat: 'timestamp' } ], columns: [ { xtype: 'treecolumn', text: gettext('Name'), dataIndex: 'name', width: 200, renderer: function(value, metaData, record) { if (value === 'current') { return "NOW"; } else { return value; } } }, // { // text: gettext('RAM'), // align: 'center', // resizable: false, // dataIndex: 'vmstate', // width: 50, // renderer: function(value, metaData, record) { // if (record.data.name !== 'current') { // return Proxmox.Utils.format_boolean(value); // } // } // }, { text: gettext('Date') + "/" + gettext("Status"), dataIndex: 'snaptime', resizable: false, width: 150, renderer: function(value, metaData, record) { if (record.data.snapstate) { return record.data.snapstate; } if (value) { return Ext.Date.format(value,'Y-m-d H:i:s'); } } }, { text: gettext('Description'), dataIndex: 'description', flex: 1, renderer: function(value, metaData, record) { if (record.data.name === 'current') { return gettext("You are here!"); } else { return Ext.String.htmlEncode(value); } } } ], columnLines: true, listeners: { activate: me.reload, destroy: me.load_task.cancel, itemdblclick: run_editor } }); me.callParent(); me.store.sorters.add(new Ext.util.Sorter({ sorterFn: me.sorterFn })); } }); Ext.define('PVE.window.LxcSnapshot', { extend: 'Ext.window.Window', resizable: false, // needed for finding the reference to submitbutton // because we do not have a controller referenceHolder: true, defaultButton: 'submitbutton', defaultFocus: 'field', take_snapshot: function(snapname, descr, vmstate) { var me = this; var params = { snapname: snapname }; if (descr) { params.description = descr; } Proxmox.Utils.API2Request({ params: params, url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot", waitMsgTarget: me, method: 'POST', failure: function(response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); }, success: function(response, options) { var upid = response.result.data; var win = Ext.create('Proxmox.window.TaskProgress', { upid: upid }); win.show(); me.close(); } }); }, update_snapshot: function(snapname, descr) { var me = this; Proxmox.Utils.API2Request({ params: { description: descr }, url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot/" + snapname + '/config', waitMsgTarget: me, method: 'PUT', failure: function(response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); }, success: function(response, options) { me.close(); } }); }, initComponent : function() { var me = this; if (!me.nodename) { throw "no node name specified"; } if (!me.vmid) { throw "no VM ID specified"; } var summarystore = Ext.create('Ext.data.Store', { model: 'KeyValue', sorters: [ { property : 'key', direction: 'ASC' } ] }); var items = [ { xtype: me.snapname ? 'displayfield' : 'textfield', name: 'snapname', value: me.snapname, fieldLabel: gettext('Name'), vtype: 'ConfigId', allowBlank: false } ]; if (me.snapname) { items.push({ xtype: 'displayfield', name: 'snaptime', renderer: PVE.Utils.render_timestamp_human_readable, fieldLabel: gettext('Timestamp') }); } items.push({ xtype: 'textareafield', grow: true, name: 'description', fieldLabel: gettext('Description') }); if (me.snapname) { items.push({ title: gettext('Settings'), xtype: 'grid', height: 200, store: summarystore, columns: [ {header: gettext('Key'), width: 150, dataIndex: 'key'}, {header: gettext('Value'), flex: 1, dataIndex: 'value'} ] }); } me.formPanel = Ext.create('Ext.form.Panel', { bodyPadding: 10, border: false, fieldDefaults: { labelWidth: 100, anchor: '100%' }, items: items }); var form = me.formPanel.getForm(); var submitBtn; if (me.snapname) { me.title = gettext('Edit') + ': ' + gettext('Snapshot'); submitBtn = Ext.create('Ext.Button', { text: gettext('Update'), handler: function() { if (form.isValid()) { var values = form.getValues(); me.update_snapshot(me.snapname, values.description); } } }); } else { me.title ="VM " + me.vmid + ': ' + gettext('Take Snapshot'); submitBtn = Ext.create('Ext.Button', { text: gettext('Take Snapshot'), reference: 'submitbutton', handler: function() { if (form.isValid()) { var values = form.getValues(); me.take_snapshot(values.snapname, values.description); } } }); } Ext.apply(me, { modal: true, width: 450, border: false, layout: 'fit', buttons: [ submitBtn ], items: [ me.formPanel ] }); if (me.snapname) { Ext.apply(me, { width: 620, height: 420 }); } me.callParent(); if (!me.snapname) { return; } // else load data Proxmox.Utils.API2Request({ url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + "/snapshot/" + me.snapname + '/config', waitMsgTarget: me, method: 'GET', failure: function(response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); me.close(); }, success: function(response, options) { var data = response.result.data; var kvarray = []; Ext.Object.each(data, function(key, value) { if (key === 'description' || key === 'snaptime') { return; } kvarray.push({ key: key, value: value }); }); summarystore.suspendEvents(); summarystore.add(kvarray); summarystore.sort(); summarystore.resumeEvents(); summarystore.fireEvent('refresh', summarystore); form.findField('snaptime').setValue(data.snaptime); form.findField('description').setValue(data.description); } }); } }); /*jslint confusion: true */ var labelWidth = 120; Ext.define('PVE.lxc.MemoryEdit', { extend: 'Proxmox.window.Edit', initComponent : function() { var me = this; Ext.apply(me, { subject: gettext('Memory'), items: Ext.create('PVE.lxc.MemoryInputPanel') }); me.callParent(); me.load(); } }); Ext.define('PVE.lxc.CPUEdit', { extend: 'Proxmox.window.Edit', initComponent : function() { var me = this; Ext.apply(me, { subject: gettext('CPU'), items: Ext.create('PVE.lxc.CPUInputPanel') }); me.callParent(); me.load(); } }); Ext.define('PVE.lxc.CPUInputPanel', { extend: 'Proxmox.panel.InputPanel', alias: 'widget.pveLxcCPUInputPanel', onlineHelp: 'pct_cpu', insideWizard: false, onGetValues: function(values) { var me = this; PVE.Utils.delete_if_default(values, 'cores', '', me.insideWizard); // cpu{limit,unit} aren't in the wizard so create is always false PVE.Utils.delete_if_default(values, 'cpulimit', '0', 0); PVE.Utils.delete_if_default(values, 'cpuunits', '1024', 0); return values; }, advancedColumn1: [ { xtype: 'numberfield', name: 'cpulimit', minValue: 0, value: '', step: 1, fieldLabel: gettext('CPU limit'), allowBlank: true, emptyText: gettext('unlimited') } ], advancedColumn2: [ { xtype: 'proxmoxintegerfield', name: 'cpuunits', fieldLabel: gettext('CPU units'), value: 1024, minValue: 8, maxValue: 500000, labelWidth: labelWidth, allowBlank: false } ], initComponent: function() { var me = this; me.column1 = [ { xtype: 'proxmoxintegerfield', name: 'cores', minValue: 1, maxValue: 128, value: me.insideWizard ? 1 : '', fieldLabel: gettext('Cores'), allowBlank: true, deleteEmpty: true, emptyText: gettext('unlimited') } ]; me.callParent(); } }); Ext.define('PVE.lxc.MemoryInputPanel', { extend: 'Proxmox.panel.InputPanel', alias: 'widget.pveLxcMemoryInputPanel', onlineHelp: 'pct_memory', insideWizard: false, initComponent : function() { var me = this; var items = [ { xtype: 'proxmoxintegerfield', name: 'memory', minValue: 16, value: '512', step: 32, fieldLabel: gettext('Memory') + ' (MiB)', labelWidth: labelWidth, allowBlank: false }, { xtype: 'proxmoxintegerfield', name: 'swap', minValue: 0, value: '512', step: 32, fieldLabel: gettext('Swap') + ' (MiB)', labelWidth: labelWidth, allowBlank: false } ]; if (me.insideWizard) { me.column1 = items; } else { me.items = items; } me.callParent(); } }); Ext.define('PVE.window.MPResize', { extend: 'Ext.window.Window', resizable: false, resize_disk: function(disk, size) { var me = this; var params = { disk: disk, size: '+' + size + 'G' }; Proxmox.Utils.API2Request({ params: params, url: '/nodes/' + me.nodename + '/lxc/' + me.vmid + '/resize', waitMsgTarget: me, method: 'PUT', failure: function(response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); }, success: function(response, opts) { var upid = response.result.data; var win = Ext.create('Proxmox.window.TaskViewer', { upid: upid }); win.show(); me.close(); } }); }, initComponent : function() { var me = this; if (!me.nodename) { throw "no node name specified"; } if (!me.vmid) { throw "no VM ID specified"; } var items = [ { xtype: 'displayfield', name: 'disk', value: me.disk, fieldLabel: gettext('Disk'), vtype: 'StorageId', allowBlank: false } ]; me.hdsizesel = Ext.createWidget('numberfield', { name: 'size', minValue: 0, maxValue: 128*1024, decimalPrecision: 3, value: '0', fieldLabel: gettext('Size Increment') + ' (GiB)', allowBlank: false }); items.push(me.hdsizesel); me.formPanel = Ext.create('Ext.form.Panel', { bodyPadding: 10, border: false, fieldDefaults: { labelWidth: 120, anchor: '100%' }, items: items }); var form = me.formPanel.getForm(); var submitBtn; me.title = gettext('Resize disk'); submitBtn = Ext.create('Ext.Button', { text: gettext('Resize disk'), handler: function() { if (form.isValid()) { var values = form.getValues(); me.resize_disk(me.disk, values.size); } } }); Ext.apply(me, { modal: true, border: false, layout: 'fit', buttons: [ submitBtn ], items: [ me.formPanel ] }); me.callParent(); if (!me.disk) { return; } } }); /*jslint confusion: true*/ /* hidden: boolean and string * bind: function and object * disabled: boolean and string */ Ext.define('PVE.lxc.MountPointInputPanel', { extend: 'Proxmox.panel.InputPanel', xtype: 'pveLxcMountPointInputPanel', insideWizard: false, onlineHelp: 'pct_container_storage', unused: false, // add unused disk imaged unprivileged: false, vmconfig: {}, // used to select unused disks setUnprivileged: function(unprivileged) { var me = this; var vm = me.getViewModel(); me.unprivileged = unprivileged; vm.set('unpriv', unprivileged); }, onGetValues: function(values) { var me = this; var confid = me.confid || "mp"+values.mpid; values.file = me.down('field[name=file]').getValue(); if (me.unused) { confid = "mp"+values.mpid; } else if (me.isCreate) { values.file = values.hdstorage + ':' + values.disksize; } // delete unnecessary fields delete values.mpid; delete values.hdstorage; delete values.disksize; delete values.diskformat; var res = {}; res[confid] = PVE.Parser.printLxcMountPoint(values); return res; }, setMountPoint: function(mp) { var me = this; var vm = this.getViewModel(); vm.set('mptype', mp.type); me.setValues(mp); }, setVMConfig: function(vmconfig) { var me = this; var vm = me.getViewModel(); me.vmconfig = vmconfig; vm.set('unpriv', vmconfig.unprivileged); vm.notify(); PVE.Utils.forEachMP(function(bus, i) { var name = "mp" + i.toString(); if (!Ext.isDefined(vmconfig[name])) { me.down('field[name=mpid]').setValue(i); return false; } }); }, setNodename: function(nodename) { var me = this; var vm = me.getViewModel(); vm.set('node', nodename); vm.notify(); me.down('#diskstorage').setNodename(nodename); }, controller: { xclass: 'Ext.app.ViewController', control: { 'field[name=mpid]': { change: function(field, value) { field.validate(); } }, '#hdstorage': { change: function(field, newValue) { var me = this; if (!newValue) { return; } var rec = field.store.getById(newValue); if (!rec) { return; } var vm = me.getViewModel(); vm.set('type', rec.data.type); vm.notify(); } } }, init: function(view) { var me = this; var vm = this.getViewModel(); vm.set('confid', view.confid); vm.set('unused', view.unused); vm.set('node', view.nodename); vm.set('unpriv', view.unprivileged); vm.set('hideStorSelector', view.unused || !view.isCreate); vm.notify(); } }, viewModel: { data: { unpriv: false, unused: false, showStorageSelector: false, mptype: '', type: '', confid: '', node: '' }, formulas: { quota: function(get) { return !(get('type') === 'zfs' || get('type') === 'zfspool' || get('unpriv') || get('isBind')); }, hasMP: function(get) { return !!get('confid') && !get('unused'); }, isRoot: function(get) { return get('confid') === 'rootfs'; }, isBind: function(get) { return get('mptype') === 'bind'; }, isBindOrRoot: function(get) { return get('isBind') || get('isRoot'); } } }, column1: [ { xtype: 'proxmoxintegerfield', name: 'mpid', fieldLabel: gettext('Mount Point ID'), minValue: 0, maxValue: PVE.Utils.mp_counts.mps - 1, hidden: true, allowBlank: false, disabled: true, bind: { hidden: '{hasMP}', disabled: '{hasMP}' }, validator: function(value) { var me = this.up('inputpanel'); if (!me.rendered) { return; } if (Ext.isDefined(me.vmconfig["mp"+value])) { return "Mount point is already in use."; } /*jslint confusion: true*/ /* returns a string above */ return true; } }, { xtype: 'pveDiskStorageSelector', itemId: 'diskstorage', storageContent: 'rootdir', hidden: true, autoSelect: true, selectformat: false, defaultSize: 8, bind: { hidden: '{hideStorSelector}', disabled: '{hideStorSelector}', nodename: '{node}' } }, { xtype: 'textfield', disabled: true, submitValue: false, fieldLabel: gettext('Disk image'), name: 'file', bind: { hidden: '{!hideStorSelector}' } } ], column2: [ { xtype: 'textfield', name: 'mp', value: '', emptyText: gettext('/some/path'), allowBlank: false, disabled: true, fieldLabel: gettext('Path'), bind: { hidden: '{isRoot}', disabled: '{isRoot}' } }, { xtype: 'proxmoxcheckbox', name: 'backup', fieldLabel: gettext('Backup'), bind: { hidden: '{isRoot}', disabled: '{isBindOrRoot}' } } ], advancedColumn1: [ { xtype: 'proxmoxcheckbox', name: 'quota', defaultValue: 0, bind: { disabled: '{!quota}' }, fieldLabel: gettext('Enable quota'), listeners: { disable: function() { this.reset(); } } }, { xtype: 'proxmoxcheckbox', name: 'ro', defaultValue: 0, bind: { hidden: '{isRoot}', disabled: '{isRoot}' }, fieldLabel: gettext('Read-only') } ], advancedColumn2: [ { xtype: 'proxmoxKVComboBox', name: 'acl', fieldLabel: 'ACLs', deleteEmpty: false, comboItems: [ ['__default__', Proxmox.Utils.defaultText], ['1', Proxmox.Utils.enabledText], ['0', Proxmox.Utils.disabledText] ], value: '__default__', bind: { disabled: '{isBind}' }, allowBlank: true }, { xtype: 'proxmoxcheckbox', inputValue: '0', // reverses the logic name: 'replicate', fieldLabel: gettext('Skip replication') } ] }); Ext.define('PVE.lxc.MountPointEdit', { extend: 'Proxmox.window.Edit', unprivileged: false, initComponent : function() { var me = this; var nodename = me.pveSelNode.data.node; if (!nodename) { throw "no node name specified"; } var unused = me.confid && me.confid.match(/^unused\d+$/); me.isCreate = me.confid ? unused : true; var ipanel = Ext.create('PVE.lxc.MountPointInputPanel', { confid: me.confid, nodename: nodename, unused: unused, unprivileged: me.unprivileged, isCreate: me.isCreate }); var subject; if (unused) { subject = gettext('Unused Disk'); } else if (me.isCreate) { subject = gettext('Mount Point'); } else { subject = gettext('Mount Point') + ' (' + me.confid + ')'; } Ext.apply(me, { subject: subject, defaultFocus: me.confid !== 'rootfs' ? 'textfield[name=mp]' : 'tool', items: ipanel }); me.callParent(); me.load({ success: function(response, options) { ipanel.setVMConfig(response.result.data); if (me.confid) { /*jslint confusion: true*/ /*data is defined as array above*/ var value = response.result.data[me.confid]; /*jslint confusion: false*/ var mp = PVE.Parser.parseLxcMountPoint(value); if (!mp) { Ext.Msg.alert(gettext('Error'), 'Unable to parse mount point options'); me.close(); return; } ipanel.setMountPoint(mp); me.isValid(); // trigger validation } } }); } }); Ext.define('PVE.pool.StatusView', { extend: 'Proxmox.grid.ObjectGrid', alias: ['widget.pvePoolStatusView'], disabled: true, title: gettext('Status'), cwidth1: 150, interval: 30000, //height: 195, initComponent : function() { var me = this; var pool = me.pveSelNode.data.pool; if (!pool) { throw "no pool specified"; } var rows = { comment: { header: gettext('Comment'), renderer: Ext.String.htmlEncode, required: true } }; Ext.apply(me, { url: "/api2/json/pools/" + pool, rows: rows }); me.callParent(); } }); Ext.define('PVE.pool.Summary', { extend: 'Ext.panel.Panel', alias: 'widget.pvePoolSummary', initComponent: function() { var me = this; var pool = me.pveSelNode.data.pool; if (!pool) { throw "no pool specified"; } var statusview = Ext.create('PVE.pool.StatusView', { pveSelNode: me.pveSelNode, style: 'padding-top:0px' }); var rstore = statusview.rstore; Ext.apply(me, { autoScroll: true, bodyStyle: 'padding:10px', defaults: { style: 'padding-top:10px', width: 800 }, items: [ statusview ] }); me.on('activate', rstore.startUpdate); me.on('destroy', rstore.stopUpdate); me.callParent(); } }); Ext.define('PVE.pool.Config', { extend: 'PVE.panel.Config', alias: 'widget.pvePoolConfig', onlineHelp: 'pveum_pools', initComponent: function() { var me = this; var pool = me.pveSelNode.data.pool; if (!pool) { throw "no pool specified"; } Ext.apply(me, { title: Ext.String.format(gettext("Resource Pool") + ': ' + pool), hstateid: 'pooltab', items: [ { title: gettext('Summary'), iconCls: 'fa fa-book', xtype: 'pvePoolSummary', itemId: 'summary' }, { title: gettext('Members'), xtype: 'pvePoolMembers', iconCls: 'fa fa-th', pool: pool, itemId: 'members' }, { xtype: 'pveACLView', title: gettext('Permissions'), iconCls: 'fa fa-unlock', itemId: 'permissions', path: '/pool/' + pool } ] }); me.callParent(); } }); Ext.define('PVE.panel.StorageBase', { extend: 'Proxmox.panel.InputPanel', controller: 'storageEdit', type: '', onGetValues: function(values) { var me = this; if (me.isCreate) { values.type = me.type; } else { delete values.storage; } values.disable = values.enable ? 0 : 1; delete values.enable; return values; }, initComponent : function() { var me = this; me.column1.unshift({ xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'storage', value: me.storageId || '', fieldLabel: 'ID', vtype: 'StorageId', allowBlank: false }); me.column2.unshift( { xtype: 'pveNodeSelector', name: 'nodes', disabled: me.storageId === 'local', fieldLabel: gettext('Nodes'), emptyText: gettext('All') + ' (' + gettext('No restrictions') +')', multiSelect: true, autoSelect: false }, { xtype: 'proxmoxcheckbox', name: 'enable', checked: true, uncheckedValue: 0, fieldLabel: gettext('Enable') } ); me.callParent(); } }); Ext.define('PVE.storage.BaseEdit', { extend: 'Proxmox.window.Edit', initComponent : function() { var me = this; me.isCreate = !me.storageId; if (me.isCreate) { me.url = '/api2/extjs/storage'; me.method = 'POST'; } else { me.url = '/api2/extjs/storage/' + me.storageId; me.method = 'PUT'; } var ipanel = Ext.create(me.paneltype, { type: me.type, isCreate: me.isCreate, storageId: me.storageId }); Ext.apply(me, { subject: PVE.Utils.format_storage_type(me.type), isAdd: true, items: [ ipanel ] }); me.callParent(); if (!me.isCreate) { me.load({ success: function(response, options) { var values = response.result.data; var ctypes = values.content || ''; values.content = ctypes.split(','); if (values.nodes) { values.nodes = values.nodes.split(','); } values.enable = values.disable ? 0 : 1; ipanel.setValues(values); } }); } } }); Ext.define('PVE.grid.TemplateSelector', { extend: 'Ext.grid.GridPanel', alias: 'widget.pveTemplateSelector', stateful: true, stateId: 'grid-template-selector', viewConfig: { trackOver: false }, initComponent : function() { var me = this; if (!me.nodename) { throw "no node name specified"; } var baseurl = "/nodes/" + me.nodename + "/aplinfo"; var store = new Ext.data.Store({ model: 'pve-aplinfo', groupField: 'section', proxy: { type: 'proxmox', url: '/api2/json' + baseurl } }); var sm = Ext.create('Ext.selection.RowModel', {}); var groupingFeature = Ext.create('Ext.grid.feature.Grouping',{ groupHeaderTpl: '{[ "Section: " + values.name ]} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})' }); var reload = function() { store.load(); }; Proxmox.Utils.monStoreErrors(me, store); Ext.apply(me, { store: store, selModel: sm, tbar: [ '->', gettext('Search'), { xtype: 'textfield', width: 200, enableKeyEvents: true, listeners: { buffer: 500, keyup: function(field) { var value = field.getValue().toLowerCase(); store.clearFilter(true); store.filterBy(function(rec) { return (rec.data['package'].toLowerCase().indexOf(value) !== -1) || (rec.data.headline.toLowerCase().indexOf(value) !== -1); }); } } } ], features: [ groupingFeature ], columns: [ { header: gettext('Type'), width: 80, dataIndex: 'type' }, { header: gettext('Package'), flex: 1, dataIndex: 'package' }, { header: gettext('Version'), width: 80, dataIndex: 'version' }, { header: gettext('Description'), flex: 1.5, renderer: Ext.String.htmlEncode, dataIndex: 'headline' } ], listeners: { afterRender: reload } }); me.callParent(); } }, function() { Ext.define('pve-aplinfo', { extend: 'Ext.data.Model', fields: [ 'template', 'type', 'package', 'version', 'headline', 'infopage', 'description', 'os', 'section' ], idProperty: 'template' }); }); Ext.define('PVE.storage.TemplateDownload', { extend: 'Ext.window.Window', alias: 'widget.pveTemplateDownload', modal: true, title: gettext('Templates'), layout: 'fit', width: 900, height: 600, initComponent : function() { /*jslint confusion: true */ var me = this; var grid = Ext.create('PVE.grid.TemplateSelector', { border: false, scrollable: true, nodename: me.nodename }); var sm = grid.getSelectionModel(); var submitBtn = Ext.create('Proxmox.button.Button', { text: gettext('Download'), disabled: true, selModel: sm, handler: function(button, event, rec) { Proxmox.Utils.API2Request({ url: '/nodes/' + me.nodename + '/aplinfo', params: { storage: me.storage, template: rec.data.template }, method: 'POST', failure: function (response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); }, success: function(response, options) { var upid = response.result.data; Ext.create('Proxmox.window.TaskViewer', { upid: upid, listeners: { destroy: me.reloadGrid } }).show(); me.close(); } }); } }); Ext.apply(me, { items: grid, buttons: [ submitBtn ] }); me.callParent(); } }); Ext.define('PVE.storage.Upload', { extend: 'Ext.window.Window', alias: 'widget.pveStorageUpload', resizable: false, modal: true, initComponent : function() { /*jslint confusion: true */ var me = this; var xhr; if (!me.nodename) { throw "no node name specified"; } if (!me.storage) { throw "no storage ID specified"; } var baseurl = "/nodes/" + me.nodename + "/storage/" + me.storage + "/upload"; var pbar = Ext.create('Ext.ProgressBar', { text: 'Ready', hidden: true }); me.formPanel = Ext.create('Ext.form.Panel', { method: 'POST', waitMsgTarget: true, bodyPadding: 10, border: false, width: 300, fieldDefaults: { labelWidth: 100, anchor: '100%' }, items: [ { xtype: 'pveContentTypeSelector', cts: me.contents, fieldLabel: gettext('Content'), name: 'content', value: me.contents[0] || '', allowBlank: false }, { xtype: 'filefield', name: 'filename', buttonText: gettext('Select File...'), allowBlank: false }, pbar ] }); var form = me.formPanel.getForm(); var doStandardSubmit = function() { form.submit({ url: "/api2/htmljs" + baseurl, waitMsg: gettext('Uploading file...'), success: function(f, action) { me.close(); }, failure: function(f, action) { var msg = PVE.Utils.extractFormActionError(action); Ext.Msg.alert(gettext('Error'), msg); } }); }; var updateProgress = function(per, bytes) { var text = (per * 100).toFixed(2) + '%'; if (bytes) { text += " (" + Proxmox.Utils.format_size(bytes) + ')'; } pbar.updateProgress(per, text); }; var abortBtn = Ext.create('Ext.Button', { text: gettext('Abort'), disabled: true, handler: function() { me.close(); } }); var submitBtn = Ext.create('Ext.Button', { text: gettext('Upload'), disabled: true, handler: function(button) { var fd; try { fd = new FormData(); } catch (err) { doStandardSubmit(); return; } button.setDisabled(true); abortBtn.setDisabled(false); var field = form.findField('content'); fd.append("content", field.getValue()); field.setDisabled(true); field = form.findField('filename'); var file = field.fileInputEl.dom; fd.append("filename", file.files[0]); field.setDisabled(true); pbar.setVisible(true); updateProgress(0); xhr = new XMLHttpRequest(); xhr.addEventListener("load", function(e) { if (xhr.status == 200) { me.close(); } else { var msg = gettext('Error') + " " + xhr.status.toString() + ": " + Ext.htmlEncode(xhr.statusText); var result = Ext.decode(xhr.responseText); result.message = msg; var htmlStatus = Proxmox.Utils.extractRequestError(result, true); Ext.Msg.alert(gettext('Error'), htmlStatus, function(btn) { me.close(); }); } }, false); xhr.addEventListener("error", function(e) { var msg = "Error " + e.target.status.toString() + " occurred while receiving the document."; Ext.Msg.alert(gettext('Error'), msg, function(btn) { me.close(); }); }); xhr.upload.addEventListener("progress", function(evt) { if (evt.lengthComputable) { var percentComplete = evt.loaded / evt.total; updateProgress(percentComplete, evt.loaded); } }, false); xhr.open("POST", "/api2/json" + baseurl, true); xhr.send(fd); } }); form.on('validitychange', function(f, valid) { submitBtn.setDisabled(!valid); }); Ext.apply(me, { title: gettext('Upload'), items: me.formPanel, buttons: [ abortBtn, submitBtn ], listeners: { close: function() { if (xhr) { xhr.abort(); } } } }); me.callParent(); } }); Ext.define('PVE.storage.ContentView', { extend: 'Ext.grid.GridPanel', alias: 'widget.pveStorageContentView', stateful: true, stateId: 'grid-storage-content', viewConfig: { trackOver: false, loadMask: false }, features: [ { ftype: 'grouping', groupHeaderTpl: '{name} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})' } ], initComponent : function() { var me = this; var nodename = me.pveSelNode.data.node; if (!nodename) { throw "no node name specified"; } var storage = me.pveSelNode.data.storage; if (!storage) { throw "no storage ID specified"; } var baseurl = "/nodes/" + nodename + "/storage/" + storage + "/content"; var store = Ext.create('Ext.data.Store',{ model: 'pve-storage-content', groupField: 'content', proxy: { type: 'proxmox', url: '/api2/json' + baseurl }, sorters: { property: 'volid', order: 'DESC' } }); var sm = Ext.create('Ext.selection.RowModel', {}); var reload = function() { store.load(); me.statusStore.load(); }; Proxmox.Utils.monStoreErrors(me, store); var templateButton = Ext.create('Proxmox.button.Button',{ itemId: 'tmpl-btn', text: gettext('Templates'), handler: function() { var win = Ext.create('PVE.storage.TemplateDownload', { nodename: nodename, storage: storage, reloadGrid: reload }); win.show(); } }); var uploadButton = Ext.create('Proxmox.button.Button', { contents : ['iso','vztmpl'], text: gettext('Upload'), handler: function() { var me = this; var win = Ext.create('PVE.storage.Upload', { nodename: nodename, storage: storage, contents: me.contents }); win.show(); win.on('destroy', reload); } }); var imageRemoveButton; var removeButton = Ext.create('Proxmox.button.StdRemoveButton',{ selModel: sm, enableFn: function(rec) { if (rec && rec.data.content !== 'images') { imageRemoveButton.setVisible(false); removeButton.setVisible(true); return true; } return false; }, callback: function() { reload(); }, baseurl: baseurl + '/' }); imageRemoveButton = Ext.create('Proxmox.button.Button',{ selModel: sm, hidden: true, text: gettext('Remove'), enableFn: function(rec) { if (rec && rec.data.content === 'images') { removeButton.setVisible(false); imageRemoveButton.setVisible(true); return true; } return false; }, handler: function(btn, event, rec) { me = this; var url = baseurl + '/' + rec.data.volid; var vmid = rec.data.vmid; var store = PVE.data.ResourceStore; if (vmid && store.findVMID(vmid)) { var guest_node = store.guestNode(vmid); var storage_path = 'storage/' + nodename + '/' + storage; // allow to delete local backed images if a VMID exists on another node. if (store.storageIsShared(storage_path) || guest_node == nodename) { var msg = Ext.String.format( gettext("Cannot remove image, a guest with VMID '{0}' exists!"), vmid); msg += '' + gettext("You can delete the image from the guest's hardware pane"); Ext.Msg.show({ title: gettext('Cannot remove disk image.'), icon: Ext.Msg.ERROR, msg: msg }); return; } } var win = Ext.create('PVE.window.SafeDestroy', { title: Ext.String.format(gettext("Destroy '{0}'"), rec.data.volid), showProgress: true, url: url, item: { type: 'Image', id: vmid } }).show(); win.on('destroy', function() { me.statusStore = Ext.create('Proxmox.data.ObjectStore', { url: '/api2/json/nodes/' + nodename + '/storage/' + storage + '/status' }); reload(); }); } }); me.statusStore = Ext.create('Proxmox.data.ObjectStore', { url: '/api2/json/nodes/' + nodename + '/storage/' + storage + '/status' }); Ext.apply(me, { store: store, selModel: sm, tbar: [ { xtype: 'proxmoxButton', text: gettext('Restore'), selModel: sm, disabled: true, enableFn: function(rec) { return rec && rec.data.content === 'backup'; }, handler: function(b, e, rec) { var vmtype; if (rec.data.volid.match(/vzdump-qemu-/)) { vmtype = 'qemu'; } else if (rec.data.volid.match(/vzdump-openvz-/) || rec.data.volid.match(/vzdump-lxc-/)) { vmtype = 'lxc'; } else { return; } var win = Ext.create('PVE.window.Restore', { nodename: nodename, volid: rec.data.volid, volidText: PVE.Utils.render_storage_content(rec.data.volid, {}, rec), vmtype: vmtype }); win.show(); win.on('destroy', reload); } }, removeButton, imageRemoveButton, templateButton, uploadButton, { xtype: 'proxmoxButton', text: gettext('Show Configuration'), disabled: true, selModel: sm, enableFn: function(rec) { return rec && rec.data.content === 'backup'; }, handler: function(b,e,rec) { var win = Ext.create('PVE.window.BackupConfig', { volume: rec.data.volid, pveSelNode: me.pveSelNode }); win.show(); } }, '->', gettext('Search') + ':', ' ', { xtype: 'textfield', width: 200, enableKeyEvents: true, listeners: { buffer: 500, keyup: function(field) { store.clearFilter(true); store.filter([ { property: 'text', value: field.getValue(), anyMatch: true, caseSensitive: false } ]); } } } ], columns: [ { header: gettext('Name'), flex: 1, sortable: true, renderer: PVE.Utils.render_storage_content, dataIndex: 'text' }, { header: gettext('Format'), width: 100, dataIndex: 'format' }, { header: gettext('Type'), width: 100, dataIndex: 'content', renderer: PVE.Utils.format_content_types }, { header: gettext('Size'), width: 100, renderer: Proxmox.Utils.format_size, dataIndex: 'size' } ], listeners: { activate: reload } }); me.callParent(); // disable the buttons/restrict the upload window // if templates or uploads are not allowed me.mon(me.statusStore, 'load', function(s,records,succes) { var availcontent = []; Ext.Array.each(records, function(item){ if (item.id === 'content') { availcontent = item.data.value.split(','); } }); var templ = false; var upload = false; var cts = []; Ext.Array.each(availcontent, function(content) { if (content === 'vztmpl') { templ = true; cts.push('vztmpl'); } else if (content === 'iso') { upload = true; cts.push('iso'); } }); if (templ !== upload) { uploadButton.contents = cts; } templateButton.setDisabled(!templ); uploadButton.setDisabled(!upload && !templ); }); } }, function() { Ext.define('pve-storage-content', { extend: 'Ext.data.Model', fields: [ 'volid', 'content', 'format', 'size', 'used', 'vmid', 'channel', 'id', 'lun', { name: 'text', convert: function(value, record) { // check for volid, because if you click on a grouping header, // it calls convert (but with an empty volid) if (value || record.data.volid === null) { return value; } return PVE.Utils.render_storage_content(value, {}, record); } } ], idProperty: 'volid' }); }); Ext.define('PVE.storage.StatusView', { extend: 'PVE.panel.StatusView', alias: 'widget.pveStorageStatusView', height: 230, title: gettext('Status'), layout: { type: 'vbox', align: 'stretch' }, defaults: { xtype: 'pveInfoWidget', padding: '0 30 5 30' }, items: [ { xtype: 'box', height: 30 }, { itemId: 'enabled', title: gettext('Enabled'), printBar: false, textField: 'disabled', renderer: Proxmox.Utils.format_neg_boolean }, { itemId: 'active', title: gettext('Active'), printBar: false, textField: 'active', renderer: Proxmox.Utils.format_boolean }, { itemId: 'content', title: gettext('Content'), printBar: false, textField: 'content', renderer: PVE.Utils.format_content_types }, { itemId: 'type', title: gettext('Type'), printBar: false, textField: 'type', renderer: PVE.Utils.format_storage_type }, { xtype: 'box', height: 10 }, { itemId: 'usage', title: gettext('Usage'), valueField: 'used', maxField: 'total' } ], updateTitle: function() { return; } }); Ext.define('PVE.storage.Summary', { extend: 'Ext.panel.Panel', alias: 'widget.pveStorageSummary', scrollable: true, bodyPadding: 5, tbar: [ '->', { xtype: 'proxmoxRRDTypeSelector' } ], layout: { type: 'column' }, defaults: { padding: 5, columnWidth: 1 }, initComponent: function() { var me = this; var nodename = me.pveSelNode.data.node; if (!nodename) { throw "no node name specified"; } var storage = me.pveSelNode.data.storage; if (!storage) { throw "no storage ID specified"; } var rstore = Ext.create('Proxmox.data.ObjectStore', { url: "/api2/json/nodes/" + nodename + "/storage/" + storage + "/status", interval: 1000 }); var rrdstore = Ext.create('Proxmox.data.RRDStore', { rrdurl: "/api2/json/nodes/" + nodename + "/storage/" + storage + "/rrddata", model: 'pve-rrd-storage' }); Ext.apply(me, { items: [ { xtype: 'pveStorageStatusView', pveSelNode: me.pveSelNode, rstore: rstore }, { xtype: 'proxmoxRRDChart', title: gettext('Usage'), fields: ['total','used'], fieldTitles: ['Total Size', 'Used Size'], store: rrdstore } ], listeners: { activate: function() { rstore.startUpdate(); rrdstore.startUpdate(); }, destroy: function() { rstore.stopUpdate(); rrdstore.stopUpdate(); } } }); me.callParent(); } }); Ext.define('PVE.storage.Browser', { extend: 'PVE.panel.Config', alias: 'widget.PVE.storage.Browser', onlineHelp: 'chapter_storage', initComponent: function() { var me = this; var nodename = me.pveSelNode.data.node; if (!nodename) { throw "no node name specified"; } var storeid = me.pveSelNode.data.storage; if (!storeid) { throw "no storage ID specified"; } me.items = [ { title: gettext('Summary'), xtype: 'pveStorageSummary', iconCls: 'fa fa-book', itemId: 'summary' } ]; var caps = Ext.state.Manager.get('GuiCap'); Ext.apply(me, { title: Ext.String.format(gettext("Storage {0} on node {1}"), "'" + storeid + "'", "'" + nodename + "'"), hstateid: 'storagetab' }); if (caps.storage['Datastore.Allocate'] || caps.storage['Datastore.AllocateSpace'] || caps.storage['Datastore.Audit']) { me.items.push({ xtype: 'pveStorageContentView', title: gettext('Content'), iconCls: 'fa fa-th', itemId: 'content' }); } if (caps.storage['Permissions.Modify']) { me.items.push({ xtype: 'pveACLView', title: gettext('Permissions'), iconCls: 'fa fa-unlock', itemId: 'permissions', path: '/storage/' + storeid }); } me.callParent(); } }); Ext.define('PVE.storage.DirInputPanel', { extend: 'PVE.panel.StorageBase', onlineHelp: 'storage_directory', initComponent : function() { var me = this; me.column1 = [ { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'path', value: '', fieldLabel: gettext('Directory'), allowBlank: false }, { xtype: 'pveContentTypeSelector', name: 'content', value: 'images', multiSelect: true, fieldLabel: gettext('Content'), allowBlank: false } ]; me.column2 = [ { xtype: 'proxmoxcheckbox', name: 'shared', uncheckedValue: 0, fieldLabel: gettext('Shared') }, { xtype: 'proxmoxintegerfield', fieldLabel: gettext('Max Backups'), disabled: true, name: 'maxfiles', reference: 'maxfiles', minValue: 0, maxValue: 365, value: me.isCreate ? '1' : undefined, allowBlank: false } ]; me.callParent(); } }); Ext.define('PVE.storage.NFSScan', { extend: 'Ext.form.field.ComboBox', alias: 'widget.pveNFSScan', queryParam: 'server', valueField: 'path', displayField: 'path', matchFieldWidth: false, listConfig: { loadingText: gettext('Scanning...'), width: 350 }, doRawQuery: function() { }, onTriggerClick: function() { var me = this; if (!me.queryCaching || me.lastQuery !== me.nfsServer) { me.store.removeAll(); } me.allQuery = me.nfsServer; me.callParent(); }, setServer: function(server) { var me = this; me.nfsServer = server; }, initComponent : function() { var me = this; if (!me.nodename) { me.nodename = 'localhost'; } var store = Ext.create('Ext.data.Store', { fields: [ 'path', 'options' ], proxy: { type: 'proxmox', url: '/api2/json/nodes/' + me.nodename + '/scan/nfs' } }); store.sort('path', 'ASC'); Ext.apply(me, { store: store }); me.callParent(); } }); Ext.define('PVE.storage.NFSInputPanel', { extend: 'PVE.panel.StorageBase', onlineHelp: 'storage_nfs', onGetValues: function(values) { var me = this; if (me.isCreate) { // hack: for now we always create nvf v3 // fixme: make this configurable values.options = 'vers=3'; } return me.callParent([values]); }, initComponent : function() { var me = this; me.column1 = [ { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'server', value: '', fieldLabel: gettext('Server'), allowBlank: false, listeners: { change: function(f, value) { if (me.isCreate) { var exportField = me.down('field[name=export]'); exportField.setServer(value); exportField.setValue(''); } } } }, { xtype: me.isCreate ? 'pveNFSScan' : 'displayfield', name: 'export', value: '', fieldLabel: 'Export', allowBlank: false }, { xtype: 'pveContentTypeSelector', name: 'content', value: 'images', multiSelect: true, fieldLabel: gettext('Content'), allowBlank: false } ]; me.column2 = [ { xtype: 'proxmoxintegerfield', fieldLabel: gettext('Max Backups'), disabled: true, name: 'maxfiles', reference: 'maxfiles', minValue: 0, maxValue: 365, value: me.isCreate ? '1' : undefined, allowBlank: false } ]; me.callParent(); } }); Ext.define('PVE.storage.CIFSScan', { extend: 'Ext.form.field.ComboBox', alias: 'widget.pveCIFSScan', queryParam: 'server', valueField: 'share', displayField: 'share', matchFieldWidth: false, listConfig: { loadingText: gettext('Scanning...'), width: 350 }, doRawQuery: function() { }, onTriggerClick: function() { var me = this; if (!me.queryCaching || me.lastQuery !== me.cifsServer) { me.store.removeAll(); } var params = {}; if (me.cifsUsername && me.cifsPassword) { params.username = me.cifsUsername; params.password = me.cifsPassword; } if (me.cifsDomain) { params.domain = me.cifsDomain; } me.store.getProxy().setExtraParams(params); me.allQuery = me.cifsServer; me.callParent(); }, setServer: function(server) { this.cifsServer = server; }, setUsername: function(username) { this.cifsUsername = username; }, setPassword: function(password) { this.cifsPassword = password; }, setDomain: function(domain) { this.cifsDomain = domain; }, initComponent : function() { var me = this; if (!me.nodename) { me.nodename = 'localhost'; } var store = Ext.create('Ext.data.Store', { fields: ['description', 'share'], proxy: { type: 'proxmox', url: '/api2/json/nodes/' + me.nodename + '/scan/cifs' } }); store.sort('share', 'ASC'); Ext.apply(me, { store: store }); me.callParent(); } }); Ext.define('PVE.storage.CIFSInputPanel', { extend: 'PVE.panel.StorageBase', onlineHelp: 'storage_cifs', initComponent : function() { var me = this; var passwordfield = Ext.createWidget(me.isCreate ? 'textfield' : 'displayfield', { inputType: 'password', name: 'password', value: me.isCreate ? '' : '********', fieldLabel: gettext('Password'), allowBlank: false, disabled: me.isCreate, minLength: 1, listeners: { change: function(f, value) { if (me.isCreate) { var exportField = me.down('field[name=share]'); exportField.setPassword(value); } } } }); me.column1 = [ { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'server', value: '', fieldLabel: gettext('Server'), allowBlank: false, listeners: { change: function(f, value) { if (me.isCreate) { var exportField = me.down('field[name=share]'); exportField.setServer(value); } } } }, { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'username', value: '', fieldLabel: gettext('Username'), emptyText: gettext('Guest user'), allowBlank: true, listeners: { change: function(f, value) { if (!me.isCreate) { return; } var exportField = me.down('field[name=share]'); exportField.setUsername(value); if (value == "") { passwordfield.disable(); } else { passwordfield.enable(); } passwordfield.validate(); } } }, passwordfield, { xtype: me.isCreate ? 'pveCIFSScan' : 'displayfield', name: 'share', value: '', fieldLabel: 'Share', allowBlank: false } ]; me.column2 = [ { xtype: 'proxmoxintegerfield', fieldLabel: gettext('Max Backups'), name: 'maxfiles', reference: 'maxfiles', minValue: 0, maxValue: 365, value: me.isCreate ? '1' : undefined, allowBlank: false }, { xtype: 'pveContentTypeSelector', name: 'content', value: 'images', multiSelect: true, fieldLabel: gettext('Content'), allowBlank: false }, { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'domain', value: me.isCreate ? '' : undefined, fieldLabel: gettext('Domain'), allowBlank: true, listeners: { change: function(f, value) { if (me.isCreate) { var exportField = me.down('field[name=share]'); exportField.setDomain(value); } } } } ]; me.callParent(); } }); Ext.define('PVE.storage.GlusterFsScan', { extend: 'Ext.form.field.ComboBox', alias: 'widget.pveGlusterFsScan', queryParam: 'server', valueField: 'volname', displayField: 'volname', matchFieldWidth: false, listConfig: { loadingText: 'Scanning...', width: 350 }, doRawQuery: function() { }, onTriggerClick: function() { var me = this; if (!me.queryCaching || me.lastQuery !== me.glusterServer) { me.store.removeAll(); } me.allQuery = me.glusterServer; me.callParent(); }, setServer: function(server) { var me = this; me.glusterServer = server; }, initComponent : function() { var me = this; if (!me.nodename) { me.nodename = 'localhost'; } var store = Ext.create('Ext.data.Store', { fields: [ 'volname' ], proxy: { type: 'proxmox', url: '/api2/json/nodes/' + me.nodename + '/scan/glusterfs' } }); store.sort('volname', 'ASC'); Ext.apply(me, { store: store }); me.callParent(); } }); Ext.define('PVE.storage.GlusterFsInputPanel', { extend: 'PVE.panel.StorageBase', onlineHelp: 'storage_glusterfs', initComponent : function() { var me = this; me.column1 = [ { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'server', value: '', fieldLabel: gettext('Server'), allowBlank: false, listeners: { change: function(f, value) { if (me.isCreate) { var volumeField = me.down('field[name=volume]'); volumeField.setServer(value); volumeField.setValue(''); } } } }, { xtype: me.isCreate ? 'proxmoxtextfield' : 'displayfield', name: 'server2', value: '', fieldLabel: gettext('Second Server'), allowBlank: true }, { xtype: me.isCreate ? 'pveGlusterFsScan' : 'displayfield', name: 'volume', value: '', fieldLabel: 'Volume name', allowBlank: false }, { xtype: 'pveContentTypeSelector', cts: ['images', 'iso', 'backup', 'vztmpl', 'snippets'], name: 'content', value: 'images', multiSelect: true, fieldLabel: gettext('Content'), allowBlank: false } ]; me.column2 = [ { xtype: 'proxmoxintegerfield', fieldLabel: gettext('Max Backups'), disabled: true, name: 'maxfiles', reference: 'maxfiles', minValue: 0, maxValue: 365, value: me.isCreate ? '1' : undefined, allowBlank: false } ]; me.callParent(); } }); Ext.define('PVE.storage.IScsiScan', { extend: 'Ext.form.field.ComboBox', alias: 'widget.pveIScsiScan', queryParam: 'portal', valueField: 'target', displayField: 'target', matchFieldWidth: false, listConfig: { loadingText: gettext('Scanning...'), width: 350 }, doRawQuery: function() { }, onTriggerClick: function() { var me = this; if (!me.queryCaching || me.lastQuery !== me.portal) { me.store.removeAll(); } me.allQuery = me.portal; me.callParent(); }, setPortal: function(portal) { var me = this; me.portal = portal; }, initComponent : function() { var me = this; if (!me.nodename) { me.nodename = 'localhost'; } var store = Ext.create('Ext.data.Store', { fields: [ 'target', 'portal' ], proxy: { type: 'proxmox', url: '/api2/json/nodes/' + me.nodename + '/scan/iscsi' } }); store.sort('target', 'ASC'); Ext.apply(me, { store: store }); me.callParent(); } }); Ext.define('PVE.storage.IScsiInputPanel', { extend: 'PVE.panel.StorageBase', onlineHelp: 'storage_open_iscsi', onGetValues: function(values) { var me = this; values.content = values.luns ? 'images' : 'none'; delete values.luns; return me.callParent([values]); }, setValues: function(values) { values.luns = (values.content.indexOf('images') !== -1) ? true : false; this.callParent([values]); }, initComponent : function() { var me = this; me.column1 = [ { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'portal', value: '', fieldLabel: 'Portal', allowBlank: false, listeners: { change: function(f, value) { if (me.isCreate) { var exportField = me.down('field[name=target]'); exportField.setPortal(value); exportField.setValue(''); } } } }, { readOnly: !me.isCreate, xtype: me.isCreate ? 'pveIScsiScan' : 'displayfield', name: 'target', value: '', fieldLabel: 'Target', allowBlank: false } ]; me.column2 = [ { xtype: 'checkbox', name: 'luns', checked: true, fieldLabel: gettext('Use LUNs directly') } ]; me.callParent(); } }); Ext.define('PVE.storage.VgSelector', { extend: 'Ext.form.field.ComboBox', alias: 'widget.pveVgSelector', valueField: 'vg', displayField: 'vg', queryMode: 'local', editable: false, initComponent : function() { var me = this; if (!me.nodename) { me.nodename = 'localhost'; } var store = Ext.create('Ext.data.Store', { autoLoad: {}, // true, fields: [ 'vg', 'size', 'free' ], proxy: { type: 'proxmox', url: '/api2/json/nodes/' + me.nodename + '/scan/lvm' } }); store.sort('vg', 'ASC'); Ext.apply(me, { store: store, listConfig: { loadingText: gettext('Scanning...') } }); me.callParent(); } }); Ext.define('PVE.storage.BaseStorageSelector', { extend: 'Ext.form.field.ComboBox', alias: 'widget.pveBaseStorageSelector', existingGroupsText: gettext("Existing volume groups"), queryMode: 'local', editable: false, value: '', valueField: 'storage', displayField: 'text', initComponent : function() { var me = this; var store = Ext.create('Ext.data.Store', { autoLoad: { addRecords: true, params: { type: 'iscsi' } }, fields: [ 'storage', 'type', 'content', { name: 'text', convert: function(value, record) { if (record.data.storage) { return record.data.storage + " (iSCSI)"; } else { return me.existingGroupsText; } } }], proxy: { type: 'proxmox', url: '/api2/json/storage/' } }); store.loadData([{ storage: '' }], true); store.sort('storage', 'ASC'); Ext.apply(me, { store: store }); me.callParent(); } }); Ext.define('PVE.storage.LVMInputPanel', { extend: 'PVE.panel.StorageBase', onlineHelp: 'storage_lvm', initComponent : function() { var me = this; me.column1 = []; var vgnameField = Ext.createWidget(me.isCreate ? 'textfield' : 'displayfield', { name: 'vgname', hidden: !!me.isCreate, disabled: !!me.isCreate, value: '', fieldLabel: gettext('Volume group'), allowBlank: false }); if (me.isCreate) { var vgField = Ext.create('PVE.storage.VgSelector', { name: 'vgname', fieldLabel: gettext('Volume group'), allowBlank: false }); var baseField = Ext.createWidget('pveFileSelector', { name: 'base', hidden: true, disabled: true, nodename: 'localhost', storageContent: 'images', fieldLabel: gettext('Base volume'), allowBlank: false }); me.column1.push({ xtype: 'pveBaseStorageSelector', name: 'basesel', fieldLabel: gettext('Base storage'), submitValue: false, listeners: { change: function(f, value) { if (value) { vgnameField.setVisible(true); vgnameField.setDisabled(false); vgField.setVisible(false); vgField.setDisabled(true); baseField.setVisible(true); baseField.setDisabled(false); } else { vgnameField.setVisible(false); vgnameField.setDisabled(true); vgField.setVisible(true); vgField.setDisabled(false); baseField.setVisible(false); baseField.setDisabled(true); } baseField.setStorage(value); } } }); me.column1.push(baseField); me.column1.push(vgField); } me.column1.push(vgnameField); // here value is an array, // while before it was a string /*jslint confusion: true*/ me.column1.push({ xtype: 'pveContentTypeSelector', cts: ['images', 'rootdir'], fieldLabel: gettext('Content'), name: 'content', value: ['images', 'rootdir'], multiSelect: true, allowBlank: false }); /*jslint confusion: false*/ me.column2 = [ { xtype: 'proxmoxcheckbox', name: 'shared', uncheckedValue: 0, fieldLabel: gettext('Shared') } ]; me.callParent(); } }); Ext.define('PVE.storage.TPoolSelector', { extend: 'Ext.form.field.ComboBox', alias: 'widget.pveTPSelector', queryParam: 'vg', valueField: 'lv', displayField: 'lv', editable: false, doRawQuery: function() { }, onTriggerClick: function() { var me = this; if (!me.queryCaching || me.lastQuery !== me.vg) { me.store.removeAll(); } me.allQuery = me.vg; me.callParent(); }, setVG: function(myvg) { var me = this; me.vg = myvg; }, initComponent : function() { var me = this; if (!me.nodename) { me.nodename = 'localhost'; } var store = Ext.create('Ext.data.Store', { fields: [ 'lv' ], proxy: { type: 'proxmox', url: '/api2/json/nodes/' + me.nodename + '/scan/lvmthin' } }); store.sort('lv', 'ASC'); Ext.apply(me, { store: store, listConfig: { loadingText: gettext('Scanning...') } }); me.callParent(); } }); Ext.define('PVE.storage.BaseVGSelector', { extend: 'Ext.form.field.ComboBox', alias: 'widget.pveBaseVGSelector', valueField: 'vg', displayField: 'vg', queryMode: 'local', editable: false, initComponent : function() { var me = this; if (!me.nodename) { me.nodename = 'localhost'; } var store = Ext.create('Ext.data.Store', { autoLoad: {}, fields: [ 'vg', 'size', 'free'], proxy: { type: 'proxmox', url: '/api2/json/nodes/' + me.nodename + '/scan/lvm' } }); Ext.apply(me, { store: store, listConfig: { loadingText: gettext('Scanning...') } }); me.callParent(); } }); Ext.define('PVE.storage.LvmThinInputPanel', { extend: 'PVE.panel.StorageBase', onlineHelp: 'storage_lvmthin', initComponent : function() { var me = this; me.column1 = []; var vgnameField = Ext.createWidget(me.isCreate ? 'textfield' : 'displayfield', { name: 'vgname', hidden: !!me.isCreate, disabled: !!me.isCreate, value: '', fieldLabel: gettext('Volume group'), allowBlank: false }); var thinpoolField = Ext.createWidget(me.isCreate ? 'textfield' : 'displayfield', { name: 'thinpool', hidden: !!me.isCreate, disabled: !!me.isCreate, value: '', fieldLabel: gettext('Thin Pool'), allowBlank: false }); if (me.isCreate) { var vgField = Ext.create('PVE.storage.TPoolSelector', { name: 'thinpool', fieldLabel: gettext('Thin Pool'), allowBlank: false }); me.column1.push({ xtype: 'pveBaseVGSelector', name: 'vgname', fieldLabel: gettext('Volume group'), listeners: { change: function(f, value) { if (me.isCreate) { vgField.setVG(value); vgField.setValue(''); } } } }); me.column1.push(vgField); } me.column1.push(vgnameField); me.column1.push(thinpoolField); // here value is an array, // while before it was a string /*jslint confusion: true*/ me.column1.push({ xtype: 'pveContentTypeSelector', cts: ['images', 'rootdir'], fieldLabel: gettext('Content'), name: 'content', value: ['images', 'rootdir'], multiSelect: true, allowBlank: false }); /*jslint confusion: false*/ me.column2 = []; me.callParent(); } }); /*jslint confusion: true*/ Ext.define('PVE.storage.CephFSInputPanel', { extend: 'PVE.panel.StorageBase', controller: 'cephstorage', onlineHelp: 'storage_cephfs', viewModel: { type: 'cephstorage' }, setValues: function(values) { if (values.monhost) { this.viewModel.set('pveceph', false); this.lookupReference('pvecephRef').setValue(false); this.lookupReference('pvecephRef').resetOriginalValue(); } this.callParent([values]); }, initComponent : function() { var me = this; if (!me.nodename) { me.nodename = 'localhost'; } me.type = 'cephfs'; me.column1 = []; me.column1.push( { xtype: 'textfield', name: 'monhost', vtype: 'HostList', value: '', bind: { disabled: '{pveceph}', submitValue: '{!pveceph}', hidden: '{pveceph}' }, fieldLabel: 'Monitor(s)', allowBlank: false }, { xtype: 'displayfield', reference: 'monhost', bind: { disabled: '{!pveceph}', hidden: '{!pveceph}' }, value: '', fieldLabel: 'Monitor(s)' }, { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'username', value: 'admin', bind: { disabled: '{pveceph}', submitValue: '{!pveceph}' }, fieldLabel: gettext('User name'), allowBlank: true } ); me.column2 = [ { xtype: 'pveContentTypeSelector', cts: ['backup', 'iso', 'vztmpl', 'snippets'], fieldLabel: gettext('Content'), name: 'content', value: 'backup', multiSelect: true, allowBlank: false }, { xtype: 'proxmoxintegerfield', fieldLabel: gettext('Max Backups'), name: 'maxfiles', reference: 'maxfiles', minValue: 0, maxValue: 365, value: me.isCreate ? '1' : undefined, allowBlank: false } ]; me.columnB = [{ xtype: 'proxmoxcheckbox', name: 'pveceph', reference: 'pvecephRef', bind : { disabled: '{!pvecephPossible}', value: '{pveceph}' }, checked: true, uncheckedValue: 0, submitValue: false, hidden: !me.isCreate, boxLabel: gettext('Use Proxmox VE managed hyper-converged cephFS') }]; me.callParent(); } }); /*jslint confusion: true*/ Ext.define('PVE.storage.Ceph.Model', { extend: 'Ext.app.ViewModel', alias: 'viewmodel.cephstorage', data: { pveceph: true, pvecephPossible: true } }); Ext.define('PVE.storage.Ceph.Controller', { extend: 'PVE.controller.StorageEdit', alias: 'controller.cephstorage', control: { '#': { afterrender: 'queryMonitors' }, 'textfield[name=username]': { disable: 'resetField' }, 'displayfield[name=monhost]': { enable: 'queryMonitors' }, 'textfield[name=monhost]': { disable: 'resetField', enable: 'resetField' } }, resetField: function(field) { field.reset(); }, queryMonitors: function(field, newVal, oldVal) { // we get called with two signatures, the above one for a field // change event and the afterrender from the view, this check only // can be true for the field change one and omit the API request if // pveceph got unchecked - as it's not needed there. if (field && !newVal && oldVal) { return; } var view = this.getView(); var vm = this.getViewModel(); if (!(view.isCreate || vm.get('pveceph'))) { return; // only query on create or if editing a pveceph store } var monhostField = this.lookupReference('monhost'); Proxmox.Utils.API2Request({ url: '/api2/json/nodes/localhost/ceph/mon', method: 'GET', scope: this, callback: function(options, success, response) { var data = response.result.data; if (response.status === 200) { if (data.length > 0) { var monhost = Ext.Array.pluck(data, 'name').sort().join(','); monhostField.setValue(monhost); monhostField.resetOriginalValue(); if (view.isCreate) { vm.set('pvecephPossible', true); } } else { vm.set('pveceph', false); } } else { vm.set('pveceph', false); vm.set('pvecephPossible', false); } } }); } }); Ext.define('PVE.storage.RBDInputPanel', { extend: 'PVE.panel.StorageBase', controller: 'cephstorage', onlineHelp: 'ceph_rados_block_devices', viewModel: { type: 'cephstorage' }, setValues: function(values) { if (values.monhost) { this.viewModel.set('pveceph', false); this.lookupReference('pvecephRef').setValue(false); this.lookupReference('pvecephRef').resetOriginalValue(); } this.callParent([values]); }, initComponent : function() { var me = this; if (!me.nodename) { me.nodename = 'localhost'; } me.type = 'rbd'; me.column1 = []; if (me.isCreate) { me.column1.push({ xtype: 'pveCephPoolSelector', nodename: me.nodename, name: 'pool', bind: { disabled: '{!pveceph}', submitValue: '{pveceph}', hidden: '{!pveceph}' }, fieldLabel: gettext('Pool'), allowBlank: false },{ xtype: 'textfield', name: 'pool', value: 'rbd', bind: { disabled: '{pveceph}', submitValue: '{!pveceph}', hidden: '{pveceph}' }, fieldLabel: gettext('Pool'), allowBlank: false }); } else { me.column1.push({ xtype: 'displayfield', nodename: me.nodename, name: 'pool', fieldLabel: gettext('Pool'), allowBlank: false }); } me.column1.push( { xtype: 'textfield', name: 'monhost', vtype: 'HostList', bind: { disabled: '{pveceph}', submitValue: '{!pveceph}', hidden: '{pveceph}' }, value: '', fieldLabel: 'Monitor(s)', allowBlank: false }, { xtype: 'displayfield', reference: 'monhost', bind: { disabled: '{!pveceph}', hidden: '{!pveceph}' }, value: '', fieldLabel: 'Monitor(s)' }, { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'username', bind: { disabled: '{pveceph}', submitValue: '{!pveceph}' }, value: 'admin', fieldLabel: gettext('User name'), allowBlank: true } ); me.column2 = [ { xtype: 'pveContentTypeSelector', cts: ['images', 'rootdir'], fieldLabel: gettext('Content'), name: 'content', value: ['images'], multiSelect: true, allowBlank: false }, { xtype: 'proxmoxcheckbox', name: 'krbd', uncheckedValue: 0, fieldLabel: 'KRBD' } ]; me.columnB = [{ xtype: 'proxmoxcheckbox', name: 'pveceph', reference: 'pvecephRef', bind : { disabled: '{!pvecephPossible}', value: '{pveceph}' }, checked: true, uncheckedValue: 0, submitValue: false, hidden: !me.isCreate, boxLabel: gettext('Use Proxmox VE managed hyper-converged ceph pool') }]; me.callParent(); } }); Ext.define('PVE.storage.SheepdogInputPanel', { extend: 'PVE.panel.StorageBase', onGetValues: function(values) { var me = this; if (me.isCreate) { values.content = 'images'; } return me.callParent([values]); }, initComponent : function() { var me = this; me.column1 = [ { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'portal', value: '127.0.0.1:7000', fieldLabel: gettext('Gateway'), allowBlank: false } ]; me.column2 = []; me.callParent(); } }); /*jslint confusion: true*/ Ext.define('PVE.storage.ZFSInputPanel', { extend: 'PVE.panel.StorageBase', viewModel: { parent: null, data: { isLIO: false, isComstar: true, hasWriteCacheOption: true } }, controller: { xclass: 'Ext.app.ViewController', control: { 'field[name=iscsiprovider]': { change: 'changeISCSIProvider' } }, changeISCSIProvider: function(f, newVal, oldVal) { var vm = this.getViewModel(); vm.set('isLIO', newVal === 'LIO'); vm.set('isComstar', newVal === 'comstar'); vm.set('hasWriteCacheOption', newVal === 'comstar' || newVal === 'istgt'); } }, onGetValues: function(values) { var me = this; if (me.isCreate) { values.content = 'images'; } values.nowritecache = values.writecache ? 0 : 1; delete values.writecache; return me.callParent([values]); }, setValues: function diff(values) { values.writecache = values.nowritecache ? 0 : 1; this.callParent([values]); }, initComponent : function() { var me = this; me.column1 = [ { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'portal', value: '', fieldLabel: gettext('Portal'), allowBlank: false }, { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'pool', value: '', fieldLabel: gettext('Pool'), allowBlank: false }, { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'blocksize', value: '4k', fieldLabel: gettext('Block Size'), allowBlank: false }, { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'target', value: '', fieldLabel: gettext('Target'), allowBlank: false }, { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'comstar_tg', value: '', fieldLabel: gettext('Target group'), bind: me.isCreate ? { disabled: '{!isComstar}' } : { hidden: '{!isComstar}' }, allowBlank: true } ]; me.column2 = [ { xtype: me.isCreate ? 'pveiScsiProviderSelector' : 'displayfield', name: 'iscsiprovider', value: 'comstar', fieldLabel: gettext('iSCSI Provider'), allowBlank: false }, { xtype: 'proxmoxcheckbox', name: 'sparse', checked: false, uncheckedValue: 0, fieldLabel: gettext('Thin provision') }, { xtype: 'proxmoxcheckbox', name: 'writecache', checked: true, bind: me.isCreate ? { disabled: '{!hasWriteCacheOption}' } : { hidden: '{!hasWriteCacheOption}' }, uncheckedValue: 0, fieldLabel: gettext('Write cache') }, { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'comstar_hg', value: '', bind: me.isCreate ? { disabled: '{!isComstar}' } : { hidden: '{!isComstar}' }, fieldLabel: gettext('Host group'), allowBlank: true }, { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'lio_tpg', value: '', bind: me.isCreate ? { disabled: '{!isLIO}' } : { hidden: '{!isLIO}' }, allowBlank: false, fieldLabel: gettext('Target portal group') } ]; me.callParent(); } }); Ext.define('PVE.storage.ZFSPoolSelector', { extend: 'Ext.form.field.ComboBox', alias: 'widget.pveZFSPoolSelector', valueField: 'pool', displayField: 'pool', queryMode: 'local', editable: false, listConfig: { loadingText: gettext('Scanning...') }, initComponent : function() { var me = this; if (!me.nodename) { me.nodename = 'localhost'; } var store = Ext.create('Ext.data.Store', { autoLoad: {}, // true, fields: [ 'pool', 'size', 'free' ], proxy: { type: 'proxmox', url: '/api2/json/nodes/' + me.nodename + '/scan/zfs' } }); store.sort('pool', 'ASC'); Ext.apply(me, { store: store }); me.callParent(); } }); Ext.define('PVE.storage.ZFSPoolInputPanel', { extend: 'PVE.panel.StorageBase', onlineHelp: 'storage_zfspool', initComponent : function() { var me = this; me.column1 = []; if (me.isCreate) { me.column1.push(Ext.create('PVE.storage.ZFSPoolSelector', { name: 'pool', fieldLabel: gettext('ZFS Pool'), allowBlank: false })); } else { me.column1.push(Ext.createWidget('displayfield', { name: 'pool', value: '', fieldLabel: gettext('ZFS Pool'), allowBlank: false })); } // value is an array, // while before it was a string /*jslint confusion: true*/ me.column1.push( {xtype: 'pveContentTypeSelector', cts: ['images', 'rootdir'], fieldLabel: gettext('Content'), name: 'content', value: ['images', 'rootdir'], multiSelect: true, allowBlank: false }); /*jslint confusion: false*/ me.column2 = [ { xtype: 'proxmoxcheckbox', name: 'sparse', checked: false, uncheckedValue: 0, fieldLabel: gettext('Thin provision') }, { xtype: 'textfield', name: 'blocksize', emptyText: '8k', fieldLabel: gettext('Block Size'), allowBlank: true } ]; me.callParent(); } }); Ext.define('PVE.ha.StatusView', { extend: 'Ext.grid.GridPanel', alias: ['widget.pveHAStatusView'], onlineHelp: 'chapter_ha_manager', sortPriority: { quorum: 1, master: 2, lrm: 3, service: 4 }, initComponent : function() { var me = this; if (!me.rstore) { throw "no rstore given"; } Proxmox.Utils.monStoreErrors(me, me.rstore); var store = Ext.create('Proxmox.data.DiffStore', { rstore: me.rstore, sortAfterUpdate: true, sorters: [{ sorterFn: function(rec1, rec2) { var p1 = me.sortPriority[rec1.data.type]; var p2 = me.sortPriority[rec2.data.type]; return (p1 !== p2) ? ((p1 > p2) ? 1 : -1) : 0; } }], filters: { property: 'type', value: 'service', operator: '!=' } }); Ext.apply(me, { store: store, stateful: false, viewConfig: { trackOver: false }, columns: [ { header: gettext('Type'), width: 80, dataIndex: 'type' }, { header: gettext('Status'), width: 80, flex: 1, dataIndex: 'status' } ] }); me.callParent(); me.on('activate', me.rstore.startUpdate); me.on('destroy', me.rstore.stopUpdate); } }, function() { Ext.define('pve-ha-status', { extend: 'Ext.data.Model', fields: [ 'id', 'type', 'node', 'status', 'sid', 'state', 'group', 'comment', 'max_restart', 'max_relocate', 'type', 'crm_state', 'request_state' ], idProperty: 'id' }); }); Ext.define('PVE.ha.Status', { extend: 'Ext.panel.Panel', alias: 'widget.pveHAStatus', onlineHelp: 'chapter_ha_manager', layout: { type: 'vbox', align: 'stretch' }, initComponent: function() { var me = this; me.rstore = Ext.create('Proxmox.data.ObjectStore', { interval: me.interval, model: 'pve-ha-status', storeid: 'pve-store-' + (++Ext.idSeed), groupField: 'type', proxy: { type: 'proxmox', url: '/api2/json/cluster/ha/status/current' } }); me.items = [{ xtype: 'pveHAStatusView', title: gettext('Status'), rstore: me.rstore, border: 0, collapsible: true, padding: '0 0 20 0' },{ xtype: 'pveHAResourcesView', flex: 1, collapsible: true, title: gettext('Resources'), border: 0, rstore: me.rstore }]; me.callParent(); me.on('activate', me.rstore.startUpdate); } }); Ext.define('PVE.ha.GroupSelector', { extend: 'Proxmox.form.ComboGrid', alias: ['widget.pveHAGroupSelector'], value: [], autoSelect: false, valueField: 'group', displayField: 'group', listConfig: { columns: [ { header: gettext('Group'), width: 100, sortable: true, dataIndex: 'group' }, { header: gettext('Nodes'), width: 100, sortable: false, dataIndex: 'nodes' }, { header: gettext('Comment'), flex: 1, dataIndex: 'comment', renderer: Ext.String.htmlEncode } ] }, store: { model: 'pve-ha-groups', sorters: { property: 'group', order: 'DESC' } }, initComponent: function() { var me = this; me.callParent(); me.getStore().load(); } }, function() { Ext.define('pve-ha-groups', { extend: 'Ext.data.Model', fields: [ 'group', 'type', 'digest', 'nodes', 'comment', { name : 'restricted', type: 'boolean' }, { name : 'nofailback', type: 'boolean' } ], proxy: { type: 'proxmox', url: "/api2/json/cluster/ha/groups" }, idProperty: 'group' }); }); Ext.define('PVE.ha.VMResourceInputPanel', { extend: 'Proxmox.panel.InputPanel', onlineHelp: 'ha_manager_resource_config', vmid: undefined, onGetValues: function(values) { var me = this; if (values.vmid) { values.sid = values.vmid; } delete values.vmid; PVE.Utils.delete_if_default(values, 'group', '', me.isCreate); PVE.Utils.delete_if_default(values, 'max_restart', '1', me.isCreate); PVE.Utils.delete_if_default(values, 'max_relocate', '1', me.isCreate); return values; }, initComponent : function() { var me = this; var MIN_QUORUM_VOTES = 3; var disabledHint = Ext.createWidget({ xtype: 'displayfield', // won't get submitted by default userCls: 'pve-hint', value: 'Disabling the resource will stop the guest system. ' + 'See the online help for details.', hidden: true }); var fewVotesHint = Ext.createWidget({ itemId: 'fewVotesHint', xtype: 'displayfield', userCls: 'pve-hint', value: 'At least three quorum votes are recommended for reliable HA.', hidden: true }); Proxmox.Utils.API2Request({ url: '/cluster/config/nodes', method: 'GET', failure: function(response) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); }, success: function(response) { var nodes = response.result.data; var votes = 0; Ext.Array.forEach(nodes, function(node) { var vote = parseInt(node.quorum_votes, 10); // parse as base 10 votes += vote || 0; // parseInt might return NaN, which is false }); if (votes < MIN_QUORUM_VOTES) { fewVotesHint.setVisible(true); } } }); /*jslint confusion: true */ var vmidStore = (me.vmid) ? {} : { model: 'PVEResources', autoLoad: true, sorters: 'vmid', filters: [ { property: 'type', value: /lxc|qemu/ }, { property: 'hastate', value: /unmanaged/ } ] }; // value is a string above, but a number below me.column1 = [ { xtype: me.vmid ? 'displayfield' : 'vmComboSelector', submitValue: me.isCreate, name: 'vmid', fieldLabel: (me.vmid && me.guestType === 'ct') ? 'CT' : 'VM', value: me.vmid, store: vmidStore, validateExists: true }, { xtype: 'proxmoxintegerfield', name: 'max_restart', fieldLabel: gettext('Max. Restart'), value: 1, minValue: 0, maxValue: 10, allowBlank: false }, { xtype: 'proxmoxintegerfield', name: 'max_relocate', fieldLabel: gettext('Max. Relocate'), value: 1, minValue: 0, maxValue: 10, allowBlank: false } ]; /*jslint confusion: false */ me.column2 = [ { xtype: 'pveHAGroupSelector', name: 'group', fieldLabel: gettext('Group') }, { xtype: 'proxmoxKVComboBox', name: 'state', value: 'started', fieldLabel: gettext('Request State'), comboItems: [ ['started', 'started'], ['stopped', 'stopped'], ['ignored', 'ignored'], ['disabled', 'disabled'] ], listeners: { 'change': function(field, newValue) { if (newValue === 'disabled') { disabledHint.setVisible(true); } else { if (disabledHint.isVisible()) { disabledHint.setVisible(false); } } } } }, disabledHint ]; me.columnB = [ { xtype: 'textfield', name: 'comment', fieldLabel: gettext('Comment') }, fewVotesHint ]; me.callParent(); } }); Ext.define('PVE.ha.VMResourceEdit', { extend: 'Proxmox.window.Edit', vmid: undefined, guestType: undefined, isCreate: undefined, initComponent : function() { var me = this; if (me.isCreate === undefined) { me.isCreate = !me.vmid; } if (me.isCreate) { me.url = '/api2/extjs/cluster/ha/resources'; me.method = 'POST'; } else { me.url = '/api2/extjs/cluster/ha/resources/' + me.vmid; me.method = 'PUT'; } var ipanel = Ext.create('PVE.ha.VMResourceInputPanel', { isCreate: me.isCreate, vmid: me.vmid, guestType: me.guestType }); Ext.apply(me, { subject: gettext('Resource') + ': ' + gettext('Container') + '/' + gettext('Virtual Machine'), isAdd: true, items: [ ipanel ] }); me.callParent(); if (!me.isCreate) { me.load({ success: function(response, options) { var values = response.result.data; var regex = /^(\S+):(\S+)$/; var res = regex.exec(values.sid); if (res[1] !== 'vm' && res[1] !== 'ct') { throw "got unexpected resource type"; } values.vmid = res[2]; ipanel.setValues(values); } }); } } }); Ext.define('PVE.ha.ResourcesView', { extend: 'Ext.grid.GridPanel', alias: ['widget.pveHAResourcesView'], onlineHelp: 'ha_manager_resources', stateful: true, stateId: 'grid-ha-resources', initComponent : function() { var me = this; var caps = Ext.state.Manager.get('GuiCap'); if (!me.rstore) { throw "no store given"; } Proxmox.Utils.monStoreErrors(me, me.rstore); var store = Ext.create('Proxmox.data.DiffStore', { rstore: me.rstore, filters: { property: 'type', value: 'service' } }); var reload = function() { me.rstore.load(); }; var render_error = function(dataIndex, value, metaData, record) { var errors = record.data.errors; if (errors) { var msg = errors[dataIndex]; if (msg) { metaData.tdCls = 'proxmox-invalid-row'; var html = '
' + Ext.htmlEncode(msg) + '
'; metaData.tdAttr = 'data-qwidth=600 data-qtitle="ERROR" data-qtip="' + html.replace(/\"/g,'"') + '"'; } } return value; }; var sm = Ext.create('Ext.selection.RowModel', {}); var run_editor = function() { var rec = sm.getSelection()[0]; var sid = rec.data.sid; var regex = /^(\S+):(\S+)$/; var res = regex.exec(sid); if (res[1] !== 'vm' && res[1] !== 'ct') { return; } var guestType = res[1]; var vmid = res[2]; var win = Ext.create('PVE.ha.VMResourceEdit',{ guestType: guestType, vmid: vmid }); win.on('destroy', reload); win.show(); }; var remove_btn = Ext.create('Proxmox.button.StdRemoveButton', { selModel: sm, baseurl: '/cluster/ha/resources/', getUrl: function(rec) { var me = this; return me.baseurl + '/' + rec.get('sid'); }, callback: function() { reload(); } }); var edit_btn = new Proxmox.button.Button({ text: gettext('Edit'), disabled: true, selModel: sm, handler: run_editor }); Ext.apply(me, { store: store, selModel: sm, viewConfig: { trackOver: false }, tbar: [ { text: gettext('Add'), disabled: !caps.nodes['Sys.Console'], handler: function() { var win = Ext.create('PVE.ha.VMResourceEdit',{}); win.on('destroy', reload); win.show(); } }, edit_btn, remove_btn ], columns: [ { header: 'ID', width: 100, sortable: true, dataIndex: 'sid' }, { header: gettext('State'), width: 100, sortable: true, dataIndex: 'state' }, { header: gettext('Node'), width: 100, sortable: true, dataIndex: 'node' }, { header: gettext('Request State'), width: 100, hidden: true, sortable: true, renderer: function(v) { return v || 'started'; }, dataIndex: 'request_state' }, { header: gettext('CRM State'), width: 100, hidden: true, sortable: true, dataIndex: 'crm_state' }, { header: gettext('Max. Restart'), width: 100, sortable: true, renderer: function(v) { return v || '1'; }, dataIndex: 'max_restart' }, { header: gettext('Max. Relocate'), width: 100, sortable: true, renderer: function(v) { return v || '1'; }, dataIndex: 'max_relocate' }, { header: gettext('Group'), width: 200, sortable: true, renderer: function(value, metaData, record) { return render_error('group', value, metaData, record); }, dataIndex: 'group' }, { header: gettext('Description'), flex: 1, renderer: Ext.String.htmlEncode, dataIndex: 'comment' } ], listeners: { beforeselect: function(grid, record, index, eOpts) { if (!caps.nodes['Sys.Console']) { return false; } }, itemdblclick: run_editor } }); me.callParent(); } }, function() { Ext.define('pve-ha-resources', { extend: 'Ext.data.Model', fields: [ 'sid', 'state', 'digest', 'errors', 'group', 'comment', 'max_restart', 'max_relocate', 'type', 'status', 'node', 'crm_state', 'request_state' ], idProperty: 'sid' }); }); Ext.define('PVE.ha.GroupInputPanel', { extend: 'Proxmox.panel.InputPanel', onlineHelp: 'ha_manager_groups', groupId: undefined, onGetValues: function(values) { var me = this; if (me.isCreate) { values.type = 'group'; } return values; }, initComponent : function() { var me = this; var update_nodefield, update_node_selection; var sm = Ext.create('Ext.selection.CheckboxModel', { mode: 'SIMPLE', listeners: { selectionchange: function(model, selected) { update_nodefield(selected); } } }); // use already cached data to avoid an API call var data = PVE.data.ResourceStore.getNodes(); var store = Ext.create('Ext.data.Store', { fields: [ 'node', 'mem', 'cpu', 'priority' ], data: data, proxy: { type: 'memory', reader: {type: 'json'} }, sorters: [ { property : 'node', direction: 'ASC' } ] }); var nodegrid = Ext.createWidget('grid', { store: store, border: true, height: 300, selModel: sm, columns: [ { header: gettext('Node'), flex: 1, dataIndex: 'node' }, { header: gettext('Memory usage') + " %", renderer: PVE.Utils.render_mem_usage_percent, sortable: true, width: 150, dataIndex: 'mem' }, { header: gettext('CPU usage'), renderer: PVE.Utils.render_cpu, sortable: true, width: 150, dataIndex: 'cpu' }, { header: 'Priority', xtype: 'widgetcolumn', dataIndex: 'priority', sortable: true, stopSelection: true, widget: { xtype: 'proxmoxintegerfield', minValue: 0, maxValue: 1000, isFormField: false, listeners: { change: function(numberfield, value, old_value) { var record = numberfield.getWidgetRecord(); record.set('priority', value); update_nodefield(sm.getSelection()); } } } } ] }); var nodefield = Ext.create('Ext.form.field.Hidden', { name: 'nodes', value: '', listeners: { change: function (nodefield, value) { update_node_selection(value); } }, isValid: function () { var value = nodefield.getValue(); return (value && 0 !== value.length); } }); update_node_selection = function(string) { sm.deselectAll(true); string.split(',').forEach(function (e, idx, array) { var res = e.split(':'); store.each(function(record) { var node = record.get('node'); if (node == res[0]) { sm.select(record, true); record.set('priority', res[1]); record.commit(); } }); }); nodegrid.reconfigure(store); }; update_nodefield = function(selected) { var nodes = ''; var first_iteration = true; Ext.Array.each(selected, function(record) { if (!first_iteration) { nodes += ','; } first_iteration = false; nodes += record.data.node; if (record.data.priority) { nodes += ':' + record.data.priority; } }); // nodefield change listener calls us again, which results in a // endless recursion, suspend the event temporary to avoid this nodefield.suspendEvent('change'); nodefield.setValue(nodes); nodefield.resumeEvent('change'); }; me.column1 = [ { xtype: me.isCreate ? 'textfield' : 'displayfield', name: 'group', value: me.groupId || '', fieldLabel: 'ID', vtype: 'StorageId', allowBlank: false }, nodefield ]; me.column2 = [ { xtype: 'proxmoxcheckbox', name: 'restricted', uncheckedValue: 0, fieldLabel: 'restricted' }, { xtype: 'proxmoxcheckbox', name: 'nofailback', uncheckedValue: 0, fieldLabel: 'nofailback' } ]; me.columnB = [ { xtype: 'textfield', name: 'comment', fieldLabel: gettext('Comment') }, nodegrid ]; me.callParent(); } }); Ext.define('PVE.ha.GroupEdit', { extend: 'Proxmox.window.Edit', groupId: undefined, initComponent : function() { var me = this; me.isCreate = !me.groupId; if (me.isCreate) { me.url = '/api2/extjs/cluster/ha/groups'; me.method = 'POST'; } else { me.url = '/api2/extjs/cluster/ha/groups/' + me.groupId; me.method = 'PUT'; } var ipanel = Ext.create('PVE.ha.GroupInputPanel', { isCreate: me.isCreate, groupId: me.groupId }); Ext.apply(me, { subject: gettext('HA Group'), items: [ ipanel ] }); me.callParent(); if (!me.isCreate) { me.load({ success: function(response, options) { var values = response.result.data; ipanel.setValues(values); } }); } } }); Ext.define('PVE.ha.GroupsView', { extend: 'Ext.grid.GridPanel', alias: ['widget.pveHAGroupsView'], onlineHelp: 'ha_manager_groups', stateful: true, stateId: 'grid-ha-groups', initComponent : function() { var me = this; var caps = Ext.state.Manager.get('GuiCap'); var store = new Ext.data.Store({ model: 'pve-ha-groups', sorters: { property: 'group', order: 'DESC' } }); var reload = function() { store.load(); }; var sm = Ext.create('Ext.selection.RowModel', {}); var run_editor = function() { var rec = sm.getSelection()[0]; var win = Ext.create('PVE.ha.GroupEdit',{ groupId: rec.data.group }); win.on('destroy', reload); win.show(); }; var remove_btn = Ext.create('Proxmox.button.StdRemoveButton', { selModel: sm, baseurl: '/cluster/ha/groups/', callback: function() { reload(); } }); var edit_btn = new Proxmox.button.Button({ text: gettext('Edit'), disabled: true, selModel: sm, handler: run_editor }); Ext.apply(me, { store: store, selModel: sm, viewConfig: { trackOver: false }, tbar: [ { text: gettext('Create'), disabled: !caps.nodes['Sys.Console'], handler: function() { var win = Ext.create('PVE.ha.GroupEdit',{}); win.on('destroy', reload); win.show(); } }, edit_btn, remove_btn ], columns: [ { header: gettext('Group'), width: 150, sortable: true, dataIndex: 'group' }, { header: 'restricted', width: 100, sortable: true, renderer: Proxmox.Utils.format_boolean, dataIndex: 'restricted' }, { header: 'nofailback', width: 100, sortable: true, renderer: Proxmox.Utils.format_boolean, dataIndex: 'nofailback' }, { header: gettext('Nodes'), flex: 1, sortable: false, dataIndex: 'nodes' }, { header: gettext('Comment'), flex: 1, renderer: Ext.String.htmlEncode, dataIndex: 'comment' } ], listeners: { activate: reload, beforeselect: function(grid, record, index, eOpts) { if (!caps.nodes['Sys.Console']) { return false; } }, itemdblclick: run_editor } }); me.callParent(); } }); Ext.define('PVE.ha.FencingView', { extend: 'Ext.grid.GridPanel', alias: ['widget.pveFencingView'], onlineHelp: 'ha_manager_fencing', initComponent : function() { var me = this; var store = new Ext.data.Store({ model: 'pve-ha-fencing', data: [] }); Ext.apply(me, { store: store, stateful: false, viewConfig: { trackOver: false, deferEmptyText: false, emptyText: 'Use watchdog based fencing.' }, columns: [ { header: 'Node', width: 100, sortable: true, dataIndex: 'node' }, { header: gettext('Command'), flex: 1, dataIndex: 'command' } ] }); me.callParent(); } }, function() { Ext.define('pve-ha-fencing', { extend: 'Ext.data.Model', fields: [ 'node', 'command', 'digest' ] }); }); Ext.define('PVE.dc.Summary', { extend: 'Ext.panel.Panel', alias: 'widget.pveDcSummary', scrollable: true, bodyPadding: 5, layout: 'column', defaults: { padding: 5, plugins: 'responsive', responsiveConfig: { 'width < 1900': { columnWidth: 1 }, 'width >= 1900': { columnWidth: 0.5 } } }, items: [ { itemId: 'dcHealth', xtype: 'pveDcHealth' }, { itemId: 'dcGuests', xtype: 'pveDcGuests' }, { title: gettext('Resources'), xtype: 'panel', minHeight: 250, bodyPadding: 5, layout: 'hbox', defaults: { xtype: 'proxmoxGauge', flex: 1 }, items:[ { title: gettext('CPU'), itemId: 'cpu' }, { title: gettext('Memory'), itemId: 'memory' }, { title: gettext('Storage'), itemId: 'storage' } ] }, { itemId: 'nodeview', xtype: 'pveDcNodeView', height: 250 }, { title: gettext('Subscriptions'), height: 220, items: [ { itemId: 'subscriptions', xtype: 'pveHealthWidget', userCls: 'pointer', listeners: { element: 'el', click: function() { if (this.component.userCls === 'pointer') { window.open('https://www.proxmox.com/en/proxmox-ve/pricing', '_blank'); } } } } ] } ], initComponent: function() { var me = this; var rstore = Ext.create('Proxmox.data.UpdateStore', { interval: 3000, storeid: 'pve-cluster-status', model: 'pve-dc-nodes', proxy: { type: 'proxmox', url: "/api2/json/cluster/status" } }); var gridstore = Ext.create('Proxmox.data.DiffStore', { rstore: rstore, filters: { property: 'type', value: 'node' }, sorters: { property: 'id', direction: 'ASC' } }); me.callParent(); me.getComponent('nodeview').setStore(gridstore); var gueststatus = me.getComponent('dcGuests'); var cpustat = me.down('#cpu'); var memorystat = me.down('#memory'); var storagestat = me.down('#storage'); var sp = Ext.state.Manager.getProvider(); me.mon(PVE.data.ResourceStore, 'load', function(curstore, results) { me.suspendLayout = true; var cpu = 0; var maxcpu = 0; var nodes = 0; var memory = 0; var maxmem = 0; var countedStorages = {}; var used = 0; var total = 0; var usableStorages = {}; var storages = sp.get('dash-storages') || ''; storages.split(',').forEach(function(storage){ if (storage !== '') { usableStorages[storage] = true; } }); var qemu = { running: 0, paused: 0, stopped: 0, template: 0 }; var lxc = { running: 0, paused: 0, stopped: 0, template: 0 }; var error = 0; var i; for (i = 0; i < results.length; i++) { var item = results[i]; switch(item.data.type) { case 'node': cpu += (item.data.cpu * item.data.maxcpu); maxcpu += item.data.maxcpu || 0; memory += item.data.mem || 0; maxmem += item.data.maxmem || 0; nodes++; // update grid also var griditem = gridstore.getById(item.data.id); if (griditem) { griditem.set('cpuusage', item.data.cpu); var max = item.data.maxmem || 1; var val = item.data.mem || 0; griditem.set('memoryusage', val/max); griditem.set('uptime', item.data.uptime); griditem.commit(); //else it marks the fields as dirty } break; case 'storage': if (!Ext.Object.isEmpty(usableStorages)) { if (usableStorages[item.data.id] === true) { used += item.data.disk; total += item.data.maxdisk; } break; } if (!countedStorages[item.data.storage] || (item.data.storage === 'local' && !countedStorages[item.data.id])) { used += item.data.disk; total += item.data.maxdisk; countedStorages[item.data.storage === 'local'?item.data.id:item.data.storage] = true; } break; case 'qemu': qemu[item.data.template ? 'template' : item.data.status]++; if (item.data.hastate === 'error') { error++; } break; case 'lxc': lxc[item.data.template ? 'template' : item.data.status]++; if (item.data.hastate === 'error') { error++; } break; default: break; } } var text = Ext.String.format(gettext('of {0} CPU(s)'), maxcpu); cpustat.updateValue((cpu/maxcpu), text); text = Ext.String.format(gettext('{0} of {1}'), PVE.Utils.render_size(memory), PVE.Utils.render_size(maxmem)); memorystat.updateValue((memory/maxmem), text); text = Ext.String.format(gettext('{0} of {1}'), PVE.Utils.render_size(used), PVE.Utils.render_size(total)); storagestat.updateValue((used/total), text); gueststatus.updateValues(qemu,lxc,error); me.suspendLayout = false; me.updateLayout(true); }); var dcHealth = me.getComponent('dcHealth'); me.mon(rstore, 'load', dcHealth.updateStatus, dcHealth); var subs = me.down('#subscriptions'); me.mon(rstore, 'load', function(store, records, success) { var i; var level; var curlevel; for (i = 0; i < records.length; i++) { if (records[i].get('type') !== 'node') { continue; } curlevel = records[i].get('level'); if (level === undefined || !curlevel) { level = curlevel; continue; } if (level !== curlevel) { break; } } if (level === '') { subs.setData({ title: gettext('No Subscription'), iconCls: PVE.Utils.get_health_icon('critical', true), text: gettext('You have at least one node without subscription.') }); subs.setUserCls('pointer'); } else if (level !== curlevel) { subs.setData({ title: gettext('Mixed Subscriptions'), iconCls: PVE.Utils.get_health_icon('warning', true), text: gettext('Warning: Your subscription levels are not the same.') }); subs.setUserCls('pointer'); } else { subs.setData({ title: PVE.Utils.render_support_level(level), iconCls: PVE.Utils.get_health_icon('good', true), text: gettext('Your subscription status is valid.') }); subs.setUserCls(''); } }); me.on('destroy', function(){ rstore.stopUpdate(); }); rstore.startUpdate(); } }); Ext.define('PVE.window.ReplicaEdit', { extend: 'Proxmox.window.Edit', xtype: 'pveReplicaEdit', subject: gettext('Replication Job'), url: '/cluster/replication', method: 'POST', initComponent: function() { var me = this; var vmid = me.pveSelNode.data.vmid; var nodename = me.pveSelNode.data.node; var items = []; items.push({ xtype: (me.isCreate && !vmid)?'pveGuestIDSelector':'displayfield', name: 'guest', fieldLabel: 'CT/VM ID', value: vmid || '' }); items.push( { xtype: me.isCreate ? 'pveNodeSelector':'displayfield', name: 'target', disallowedNodes: [nodename], allowBlank: false, onlineValidator: true, fieldLabel: gettext("Target") }, { xtype: 'pveCalendarEvent', fieldLabel: gettext('Schedule'), emptyText: '*/15 - ' + Ext.String.format(gettext('Every {0} minutes'), 15), name: 'schedule' }, { xtype: 'numberfield', fieldLabel: gettext('Rate limit') + ' (MB/s)', step: 1, minValue: 1, emptyText: gettext('unlimited'), name: 'rate' }, { xtype: 'textfield', fieldLabel: gettext('Comment'), name: 'comment' }, { xtype: 'proxmoxcheckbox', name: 'enabled', defaultValue: 'on', checked: true, fieldLabel: gettext('Enabled') } ); me.items = [ { xtype: 'inputpanel', itemId: 'ipanel', onlineHelp: 'pvesr_schedule_time_format', onGetValues: function(values) { var me = this.up('window'); values.disable = values.enabled ? 0 : 1; delete values.enabled; PVE.Utils.delete_if_default(values, 'rate', '', me.isCreate); PVE.Utils.delete_if_default(values, 'disable', 0, me.isCreate); PVE.Utils.delete_if_default(values, 'schedule', '*/15', me.isCreate); PVE.Utils.delete_if_default(values, 'comment', '', me.isCreate); if (me.isCreate) { values.type = 'local'; var vm = vmid || values.guest; var id = -1; if (me.highestids[vm] !== undefined) { id = me.highestids[vm]; } id++; values.id = vm + '-' + id.toString(); delete values.guest; } return values; }, items: items } ]; me.callParent(); if (me.isCreate) { me.load({ success: function(response) { var jobs = response.result.data; var highestids = {}; Ext.Array.forEach(jobs, function(job) { var match = /^([0-9]+)\-([0-9]+)$/.exec(job.id); if (match) { var vmid = parseInt(match[1],10); var id = parseInt(match[2],10); if (highestids[vmid] < id || highestids[vmid] === undefined) { highestids[vmid] = id; } } }); me.highestids = highestids; } }); } else { me.load({ success: function(response, options) { response.result.data.enabled = !response.result.data.disable; me.setValues(response.result.data); me.digest = response.result.data.digest; } }); } } }); /*jslint confusion: true */ /* callback is a function and string */ Ext.define('PVE.grid.ReplicaView', { extend: 'Ext.grid.Panel', xtype: 'pveReplicaView', onlineHelp: 'chapter_pvesr', stateful: true, stateId: 'grid-pve-replication-status', controller: { xclass: 'Ext.app.ViewController', addJob: function(button,event,rec) { var me = this.getView(); var controller = this; var win = Ext.create('PVE.window.ReplicaEdit', { isCreate: true, method: 'POST', pveSelNode: me.pveSelNode }); win.on('destroy', function() { controller.reload(); }); win.show(); }, editJob: function(button,event,rec) { var me = this.getView(); var controller = this; var data = rec.data; var win = Ext.create('PVE.window.ReplicaEdit', { url: '/cluster/replication/' + data.id, method: 'PUT', pveSelNode: me.pveSelNode }); win.on('destroy', function() { controller.reload(); }); win.show(); }, scheduleJobNow: function(button,event,rec) { var me = this.getView(); var controller = this; Proxmox.Utils.API2Request({ url: "/api2/extjs/nodes/" + me.nodename + "/replication/" + rec.data.id + "/schedule_now", method: 'POST', waitMsgTarget: me, callback: function() { controller.reload(); }, failure: function (response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); } }); }, showLog: function(button, event, rec) { var me = this.getView(); var controller = this; var logView = Ext.create('Proxmox.panel.LogView', { border: false, url: "/api2/extjs/nodes/" + me.nodename + "/replication/" + rec.data.id + "/log" }); var win = Ext.create('Ext.window.Window', { items: [ logView ], layout: 'fit', width: 800, height: 400, modal: true, title: gettext("Replication Log") }); var task = { run: function() { logView.requestUpdate(); }, interval: 1000 }; Ext.TaskManager.start(task); win.on('destroy', function() { Ext.TaskManager.stop(task); controller.reload(); }); win.show(); }, reload: function() { var me = this.getView(); me.rstore.load(); }, dblClick: function(grid, record, item) { var me = this; me.editJob(undefined, undefined, record); }, // check for cluster // currently replication is for cluster only, so we disable the whole // component checkPrerequisites: function() { var me = this.getView(); if (PVE.data.ResourceStore.getNodes().length < 2) { me.mask(gettext("Replication needs at least two nodes"), ['pve-static-mask']); } }, control: { '#': { itemdblclick: 'dblClick', afterlayout: 'checkPrerequisites' } } }, tbar: [ { text: gettext('Add'), itemId: 'addButton', handler: 'addJob' }, { xtype: 'proxmoxButton', text: gettext('Edit'), itemId: 'editButton', handler: 'editJob', disabled: true }, { xtype: 'proxmoxStdRemoveButton', itemId: 'removeButton', baseurl: '/api2/extjs/cluster/replication/', dangerous: true, callback: 'reload' }, { xtype: 'proxmoxButton', text: gettext('Log'), itemId: 'logButton', handler: 'showLog', disabled: true }, { xtype: 'proxmoxButton', text: gettext('Schedule now'), itemId: 'scheduleNowButton', handler: 'scheduleJobNow', disabled: true } ], initComponent: function() { var me = this; var mode = ''; var url = '/cluster/replication'; me.nodename = me.pveSelNode.data.node; me.vmid = me.pveSelNode.data.vmid; me.columns = [ { text: gettext('Enabled'), dataIndex: 'enabled', xtype: 'checkcolumn', sortable: true, disabled: true }, { text: 'ID', dataIndex: 'id', width: 60, hidden: true }, { text: gettext('Guest'), dataIndex: 'guest', width: 75 }, { text: gettext('Job'), dataIndex: 'jobnum', width: 60 }, { text: gettext('Target'), dataIndex: 'target' } ]; if (!me.nodename) { mode = 'dc'; me.stateId = 'grid-pve-replication-dc'; } else if (!me.vmid) { mode = 'node'; url = '/nodes/' + me.nodename + '/replication'; } else { mode = 'vm'; url = '/nodes/' + me.nodename + '/replication' + '?guest=' + me.vmid; } if (mode !== 'dc') { me.columns.push( { text: gettext('Status'), dataIndex: 'state', minWidth: 160, flex: 1, renderer: function(value, metadata, record) { if (record.data.pid) { metadata.tdCls = 'x-grid-row-loading'; return ''; } var icons = []; var states = []; if (record.data.remove_job) { icons.push(''); states.push(gettext("Removal Scheduled")); } if (record.data.error) { icons.push(''); states.push(record.data.error); } if (icons.length == 0) { icons.push(''); states.push(gettext('OK')); } return icons.join(',') + ' ' + states.join(','); } }, { text: gettext('Last Sync'), dataIndex: 'last_sync', width: 150, renderer: function(value, metadata, record) { if (!value) { return '-'; } if (record.data.pid) { return gettext('syncing'); } return Proxmox.Utils.render_timestamp(value); } }, { text: gettext('Duration'), dataIndex: 'duration', width: 60, renderer: PVE.Utils.render_duration }, { text: gettext('Next Sync'), dataIndex: 'next_sync', width: 150, renderer: function(value) { if (!value) { return '-'; } var now = new Date(); var next = new Date(value*1000); if (next < now) { return gettext('pending'); } return Proxmox.Utils.render_timestamp(value); } } ); } me.columns.push( { text: gettext('Schedule'), width: 75, dataIndex: 'schedule' }, { text: gettext('Rate limit'), dataIndex: 'rate', renderer: function(value) { if (!value) { return gettext('unlimited'); } return value.toString() + ' MB/s'; }, hidden: true }, { text: gettext('Comment'), dataIndex: 'comment', renderer: Ext.htmlEncode } ); me.rstore = Ext.create('Proxmox.data.UpdateStore', { storeid: 'pve-replica-' + me.nodename + me.vmid, model: (mode === 'dc')? 'pve-replication' : 'pve-replication-state', interval: 3000, proxy: { type: 'proxmox', url: "/api2/json" + url } }); me.store = Ext.create('Proxmox.data.DiffStore', { rstore: me.rstore, sorters: [ { property: 'guest' }, { property: 'jobnum' } ] }); me.callParent(); // we cannot access the log and scheduleNow button // in the datacenter, because // we do not know where/if the jobs runs if (mode === 'dc') { me.down('#logButton').setHidden(true); me.down('#scheduleNowButton').setHidden(true); } // if we set the warning mask, we do not want to load // or set the mask on store errors if (PVE.data.ResourceStore.getNodes().length < 2) { return; } Proxmox.Utils.monStoreErrors(me, me.rstore); me.on('destroy', me.rstore.stopUpdate); me.rstore.startUpdate(); } }, function() { Ext.define('pve-replication', { extend: 'Ext.data.Model', fields: [ 'id', 'target', 'comment', 'rate', 'type', { name: 'guest', type: 'integer' }, { name: 'jobnum', type: 'integer' }, { name: 'schedule', defaultValue: '*/15' }, { name: 'disable', defaultValue: '' }, { name: 'enabled', calculate: function(data) { return !data.disable; } } ] }); Ext.define('pve-replication-state', { extend: 'pve-replication', fields: [ 'last_sync', 'next_sync', 'error', 'duration', 'state', 'fail_count', 'remove_job', 'pid' ] }); }); Ext.define('PVE.dc.Health', { extend: 'Ext.panel.Panel', alias: 'widget.pveDcHealth', title: gettext('Health'), bodyPadding: 10, height: 220, layout: { type: 'hbox', align: 'stretch' }, defaults: { flex: 1, xtype: 'box', style: { 'text-align':'center' } }, nodeList: [], nodeIndex: 0, updateStatus: function(store, records, success) { var me = this; if (!success) { return; } var cluster = { iconCls: PVE.Utils.get_health_icon('good', true), text: gettext("Standalone node - no cluster defined") }; var nodes = { online: 0, offline: 0 }; // by default we have one node var numNodes = 1; var i; for (i = 0; i < records.length; i++) { var item = records[i]; if (item.data.type === 'node') { nodes[item.data.online === 1 ? 'online':'offline']++; } else if(item.data.type === 'cluster') { cluster.text = gettext("Cluster") + ": "; cluster.text += item.data.name + ", "; cluster.text += gettext("Quorate") + ": "; cluster.text += Proxmox.Utils.format_boolean(item.data.quorate); if (item.data.quorate != 1) { cluster.iconCls = PVE.Utils.get_health_icon('critical', true); } numNodes = item.data.nodes; } } if (numNodes !== (nodes.online + nodes.offline)) { nodes.offline = numNodes - nodes.online; } me.getComponent('clusterstatus').updateHealth(cluster); me.getComponent('nodestatus').update(nodes); }, updateCeph: function(store, records, success) { var me = this; var cephstatus = me.getComponent('ceph'); if (!success || records.length < 1) { // if ceph status is already visible // dont stop to update if (cephstatus.isVisible()) { return; } // try all nodes until we either get a successfull api call, // or we tried all nodes if (++me.nodeIndex >= me.nodeList.length) { me.cephstore.stopUpdate(); } else { store.getProxy().setUrl('/api2/json/nodes/' + me.nodeList[me.nodeIndex].node + '/ceph/status'); } return; } var state = PVE.Utils.render_ceph_health(records[0].data.health || {}); cephstatus.updateHealth(state); cephstatus.setVisible(true); }, listeners: { destroy: function() { var me = this; me.cephstore.stopUpdate(); } }, items: [ { itemId: 'clusterstatus', xtype: 'pveHealthWidget', title: gettext('Status') }, { itemId: 'nodestatus', data: { online: 0, offline: 0 }, tpl: [ '' + gettext('Nodes') + '
', '
',
'
', '
'
]
},
{
itemId: 'ceph',
width: 250,
columnWidth: undefined,
userCls: 'pointer',
title: 'Ceph',
xtype: 'pveHealthWidget',
hidden: true,
listeners: {
element: 'el',
click: function() {
var me = this.component.up('pveDcHealth');
var sp = Ext.state.Manager.getProvider();
// preselect the ceph tab
sp.set('nodetab', {value:'ceph'});
// select the node that had the successfull api call
var id = me.nodeList[me.nodeIndex].id;
Ext.ComponentQuery.query('pveResourceTree')[0].selectById(id);
}
}
}
],
initComponent: function() {
var me = this;
me.nodeList = PVE.data.ResourceStore.getNodes();
me.nodeIndex = 0;
me.cephstore = Ext.create('Proxmox.data.UpdateStore', {
interval: 3000,
storeid: 'pve-cluster-ceph',
proxy: {
type: 'proxmox',
url: '/api2/json/nodes/' + me.nodeList[me.nodeIndex].node + '/ceph/status'
}
});
me.callParent();
me.mon(me.cephstore, 'load', me.updateCeph, me);
me.cephstore.startUpdate();
}
});
Ext.define('PVE.dc.Guests', {
extend: 'Ext.panel.Panel',
alias: 'widget.pveDcGuests',
title: gettext('Guests'),
height: 220,
layout: {
type: 'table',
columns: 2,
tableAttrs: {
style: {
width: '100%'
}
}
},
bodyPadding: '0 20 20 20',
defaults: {
xtype: 'box',
padding: '0 50 0 50',
style: {
'text-align':'center',
'line-height':'1.2'
}
},
items: [{
itemId: 'qemu',
data: {
running: 0,
paused: 0,
stopped: 0,
template: 0
},
tpl: [
'',
' ',
gettext('Online'),
'
',
'{online}
',
'', '
',
' ',
gettext('Offline'),
'
',
'{offline}
',
'' + gettext("Virtual Machines") + '
', '',
' ',
gettext('Running'),
'
',
'{running}
' + '', '
',
' ',
gettext('Paused'),
'
',
'{paused}
' + '', '
',
' ',
gettext('Stopped'),
'
',
'{stopped}
' + '', '
',
' ',
gettext('Templates'),
'
',
'{template}
',
'' + gettext("LXC Container") + '
', '',
' ',
gettext('Running'),
'
',
'{running}
' + '', '
',
' ',
gettext('Paused'),
'
',
'{paused}
' + '', '
',
' ',
gettext('Stopped'),
'
',
'{stopped}
' + '', '
',
' ',
gettext('Templates'),
'
',
'{template}
',
'',
' ',
gettext('Error'),
'
',
'{num}
',
'No valid subscription
' + PVE.Utils.noSubKeyHtml, communityHtml: 'Please use the public community forum for any questions.', activeHtml: 'Please use our support portal for any questions. You can also use the public community forum to get additional information.', bugzillaHtml: 'Bug Tracking
Our bug tracking system is available here.', docuHtml: function() { var me = this; var guideUrl = window.location.origin + me.pveGuidePath; var text = Ext.String.format('Documentation
' + 'The official Proxmox VE Administration Guide' + ' is included with this installation and can be browsed at ' + '{0}', guideUrl); return text; }, updateActive: function(data) { var me = this; var html = '' + data.productname + '
' + me.activeHtml; html += '' + me.docuHtml(); html += '
' + me.bugzillaHtml; me.update(html); }, updateCommunity: function(data) { var me = this; var html = '
' + data.productname + '
' + me.communityHtml; html += '' + me.docuHtml(); html += '
' + me.bugzillaHtml; me.update(html); }, updateInactive: function(data) { var me = this; me.update(me.invalidHtml); }, initComponent: function() { var me = this; var reload = function() { Proxmox.Utils.API2Request({ url: '/nodes/localhost/subscription', method: 'GET', waitMsgTarget: me, failure: function(response, opts) { Ext.Msg.alert(gettext('Error'), response.htmlStatus); me.update('Unable to load subscription status' + ": " + response.htmlStatus); }, success: function(response, opts) { var data = response.result.data; if (data.status === 'Active') { if (data.level === 'c') { me.updateCommunity(data); } else { me.updateActive(data); } } else { me.updateInactive(data); } } }); }; Ext.apply(me, { autoScroll: true, bodyStyle: 'padding:10px', listeners: { activate: reload } }); me.callParent(); } }); Ext.define('pve-security-groups', { extend: 'Ext.data.Model', fields: [ 'group', 'comment', 'digest' ], idProperty: 'group' }); Ext.define('PVE.SecurityGroupEdit', { extend: 'Proxmox.window.Edit', base_url: "/cluster/firewall/groups", allow_iface: false, initComponent : function() { var me = this; me.isCreate = (me.group_name === undefined); var subject; me.url = '/api2/extjs' + me.base_url; me.method = 'POST'; var items = [ { xtype: 'textfield', name: 'group', value: me.group_name || '', fieldLabel: gettext('Name'), allowBlank: false }, { xtype: 'textfield', name: 'comment', value: me.group_comment || '', fieldLabel: gettext('Comment') } ]; if (me.isCreate) { subject = gettext('Security Group'); } else { subject = gettext('Security Group') + " '" + me.group_name + "'"; items.push({ xtype: 'hiddenfield', name: 'rename', value: me.group_name }); } var ipanel = Ext.create('Proxmox.panel.InputPanel', { // InputPanel does not have a 'create' property, does it need a 'isCreate' isCreate: me.isCreate, items: items }); Ext.apply(me, { subject: subject, items: [ ipanel ] }); me.callParent(); } }); Ext.define('PVE.SecurityGroupList', { extend: 'Ext.grid.Panel', alias: 'widget.pveSecurityGroupList', stateful: true, stateId: 'grid-securitygroups', rule_panel: undefined, addBtn: undefined, removeBtn: undefined, editBtn: undefined, base_url: "/cluster/firewall/groups", initComponent: function() { /*jslint confusion: true */ var me = this; if (me.rule_panel == undefined) { throw "no rule panel specified"; } if (me.base_url == undefined) { throw "no base_url specified"; } var store = new Ext.data.Store({ model: 'pve-security-groups', proxy: { type: 'proxmox', url: '/api2/json' + me.base_url }, sorters: { property: 'group', order: 'DESC' } }); var sm = Ext.create('Ext.selection.RowModel', {}); var reload = function() { var oldrec = sm.getSelection()[0]; store.load(function(records, operation, success) { if (oldrec) { var rec = store.findRecord('group', oldrec.data.group); if (rec) { sm.select(rec); } } }); }; var run_editor = function() { var rec = sm.getSelection()[0]; if (!rec) { return; } var win = Ext.create('PVE.SecurityGroupEdit', { digest: rec.data.digest, group_name: rec.data.group, group_comment: rec.data.comment }); win.show(); win.on('destroy', reload); }; me.editBtn = new Proxmox.button.Button({ text: gettext('Edit'), disabled: true, selModel: sm, handler: run_editor }); me.addBtn = new Proxmox.button.Button({ text: gettext('Create'), handler: function() { sm.deselectAll(); var win = Ext.create('PVE.SecurityGroupEdit', {}); win.show(); win.on('destroy', reload); } }); me.removeBtn = Ext.create('Proxmox.button.StdRemoveButton', { selModel: sm, baseurl: me.base_url + '/', enableFn: function(rec) { return (rec && me.base_url); }, callback: function() { reload(); } }); Ext.apply(me, { store: store, tbar: [ '' + gettext('Group') + ':', me.addBtn, me.removeBtn, me.editBtn ], selModel: sm, columns: [ { header: gettext('Group'), dataIndex: 'group', width: '100' }, { header: gettext('Comment'), dataIndex: 'comment', renderer: Ext.String.htmlEncode, flex: 1 } ], listeners: { itemdblclick: run_editor, select: function(sm, rec) { var url = '/cluster/firewall/groups/' + rec.data.group; me.rule_panel.setBaseUrl(url); }, deselect: function() { me.rule_panel.setBaseUrl(undefined); }, show: reload } }); me.callParent(); store.load(); } }); Ext.define('PVE.SecurityGroups', { extend: 'Ext.panel.Panel', alias: 'widget.pveSecurityGroups', title: 'Security Groups', initComponent: function() { var me = this; var rule_panel = Ext.createWidget('pveFirewallRules', { region: 'center', allow_groups: false, list_refs_url: '/cluster/firewall/refs', tbar_prefix: '' + gettext('Rules') + ':', border: false }); var sglist = Ext.createWidget('pveSecurityGroupList', { region: 'west', rule_panel: rule_panel, width: '25%', border: false, split: true }); Ext.apply(me, { layout: 'border', items: [ sglist, rule_panel ], listeners: { show: function() { sglist.fireEvent('show', sglist); } } }); me.callParent(); } }); /* * Datacenter config panel, located in the center of the ViewPort after the Datacenter view is selected */ Ext.define('PVE.dc.Config', { extend: 'PVE.panel.Config', alias: 'widget.PVE.dc.Config', onlineHelp: 'pve_admin_guide', initComponent: function() { var me = this; var caps = Ext.state.Manager.get('GuiCap'); me.items = []; Ext.apply(me, { title: gettext("Datacenter"), hstateid: 'dctab' }); if (caps.dc['Sys.Audit']) { me.items.push({ title: gettext('Summary'), xtype: 'pveDcSummary', iconCls: 'fa fa-book', itemId: 'summary' }, { title: gettext('Cluster'), xtype: 'pveClusterAdministration', iconCls: 'fa fa-server', itemId: 'cluster' }, { xtype: 'pveDcOptionView', title: gettext('Options'), iconCls: 'fa fa-gear', itemId: 'options' }); } if (caps.storage['Datastore.Allocate'] || caps.dc['Sys.Audit']) { me.items.push({ xtype: 'pveStorageView', title: gettext('Storage'), iconCls: 'fa fa-database', itemId: 'storage' }); } if (caps.dc['Sys.Audit']) { me.items.push({ xtype: 'pveDcBackupView', iconCls: 'fa fa-floppy-o', title: gettext('Backup'), itemId: 'backup' }, { xtype: 'pveReplicaView', iconCls: 'fa fa-retweet', title: gettext('Replication'), itemId: 'replication' }, { xtype: 'pveACLView', title: gettext('Permissions'), iconCls: 'fa fa-unlock', itemId: 'permissions', expandedOnInit: true }); } me.items.push({ xtype: 'pveUserView', groups: ['permissions'], iconCls: 'fa fa-user', title: gettext('Users'), itemId: 'users' }); if (caps.dc['Sys.Audit']) { me.items.push({ xtype: 'pveGroupView', title: gettext('Groups'), iconCls: 'fa fa-users', groups: ['permissions'], itemId: 'groups' }, { xtype: 'pvePoolView', title: gettext('Pools'), iconCls: 'fa fa-tags', groups: ['permissions'], itemId: 'pools' }, { xtype: 'pveRoleView', title: gettext('Roles'), iconCls: 'fa fa-male', groups: ['permissions'], itemId: 'roles' }, { xtype: 'pveAuthView', title: gettext('Authentication'), groups: ['permissions'], iconCls: 'fa fa-key', itemId: 'domains' }, { xtype: 'pveHAStatus', title: 'HA', iconCls: 'fa fa-heartbeat', itemId: 'ha' }, { title: gettext('Groups'), groups: ['ha'], xtype: 'pveHAGroupsView', iconCls: 'fa fa-object-group', itemId: 'ha-groups' }, { title: gettext('Fencing'), groups: ['ha'], iconCls: 'fa fa-bolt', xtype: 'pveFencingView', itemId: 'ha-fencing' }, { xtype: 'pveFirewallRules', title: gettext('Firewall'), allow_iface: true, base_url: '/cluster/firewall/rules', list_refs_url: '/cluster/firewall/refs', iconCls: 'fa fa-shield', itemId: 'firewall' }, { xtype: 'pveFirewallOptions', title: gettext('Options'), groups: ['firewall'], iconCls: 'fa fa-gear', base_url: '/cluster/firewall/options', onlineHelp: 'pve_firewall_cluster_wide_setup', fwtype: 'dc', itemId: 'firewall-options' }, { xtype: 'pveSecurityGroups', title: gettext('Security Group'), groups: ['firewall'], iconCls: 'fa fa-group', itemId: 'firewall-sg' }, { xtype: 'pveFirewallAliases', title: gettext('Alias'), groups: ['firewall'], iconCls: 'fa fa-external-link', base_url: '/cluster/firewall/aliases', itemId: 'firewall-aliases' }, { xtype: 'pveIPSet', title: 'IPSet', groups: ['firewall'], iconCls: 'fa fa-list-ol', base_url: '/cluster/firewall/ipset', list_refs_url: '/cluster/firewall/refs', itemId: 'firewall-ipset' }, { xtype: 'pveDcSupport', title: gettext('Support'), itemId: 'support', iconCls: 'fa fa-comments-o' }); } me.callParent(); } }); Ext.define('PVE.dc.NodeView', { extend: 'Ext.grid.GridPanel', alias: 'widget.pveDcNodeView', title: gettext('Nodes'), disableSelection: true, scrollable: true, columns: [ { header: gettext('Name'), flex: 1, sortable: true, dataIndex: 'name' }, { header: 'ID', width: 40, sortable: true, dataIndex: 'nodeid' }, { header: gettext('Online'), width: 60, sortable: true, dataIndex: 'online', renderer: function(value) { var cls = (value)?'good':'critical'; return ''; } }, { header: gettext('Support'), width: 100, sortable: true, dataIndex: 'level', renderer: PVE.Utils.render_support_level }, { header: gettext('Server Address'), width: 115, sortable: true, dataIndex: 'ip' }, { header: gettext('CPU usage'), sortable: true, width: 110, dataIndex: 'cpuusage', tdCls: 'x-progressbar-default-cell', xtype: 'widgetcolumn', widget: { xtype: 'pveProgressBar' } }, { header: gettext('Memory usage'), width: 110, sortable: true, tdCls: 'x-progressbar-default-cell', dataIndex: 'memoryusage', xtype: 'widgetcolumn', widget: { xtype: 'pveProgressBar' } }, { header: gettext('Uptime'), sortable: true, dataIndex: 'uptime', align: 'right', renderer: Proxmox.Utils.render_uptime } ], stateful: true, stateId: 'grid-cluster-nodes', tools: [ { type: 'up', handler: function(){ var me = this.up('grid'); var height = Math.max(me.getHeight()-50, 250); me.setHeight(height); } }, { type: 'down', handler: function(){ var me = this.up('grid'); var height = me.getHeight()+50; me.setHeight(height); } } ] }, function() { Ext.define('pve-dc-nodes', { extend: 'Ext.data.Model', fields: [ 'id', 'type', 'name', 'nodeid', 'ip', 'level', 'local', 'online'], idProperty: 'id' }); }); Ext.define('PVE.widget.ProgressBar',{ extend: 'Ext.Progress', alias: 'widget.pveProgressBar', animate: true, textTpl: [ '{percent}%' ], setValue: function(value){ var me = this; me.callParent([value]); me.removeCls(['warning', 'critical']); if (value > 0.89) { me.addCls('critical'); } else if (value > 0.59) { me.addCls('warning'); } } }); /*jslint confusion: true*/ Ext.define('pve-cluster-nodes', { extend: 'Ext.data.Model', fields: [ 'node', { type: 'integer', name: 'nodeid' }, 'ring0_addr', 'ring1_addr', { type: 'integer', name: 'quorum_votes' } ], proxy: { type: 'proxmox', url: "/api2/json/cluster/config/nodes" }, idProperty: 'nodeid' }); Ext.define('pve-cluster-info', { extend: 'Ext.data.Model', proxy: { type: 'proxmox', url: "/api2/json/cluster/config/join" } }); Ext.define('PVE.ClusterAdministration', { extend: 'Ext.panel.Panel', xtype: 'pveClusterAdministration', title: gettext('Cluster Administration'), onlineHelp: 'chapter_pvecm', border: false, defaults: { border: false }, viewModel: { parent: null, data: { totem: {}, nodelist: [], preferred_node: { name: '', fp: '', addr: '' }, isInCluster: false, nodecount: 0 } }, items: [ { xtype: 'panel', title: gettext('Cluster Information'), controller: { xclass: 'Ext.app.ViewController', init: function(view) { view.store = Ext.create('Proxmox.data.UpdateStore', { autoStart: true, interval: 15 * 1000, storeid: 'pve-cluster-info', model: 'pve-cluster-info' }); view.store.on('load', this.onLoad, this); view.on('destroy', view.store.stopUpdate); }, onLoad: function(store, records, success) { var vm = this.getViewModel(); if (!success || !records || !records[0].data) { vm.set('totem', {}); vm.set('isInCluster', false); vm.set('nodelist', []); vm.set('preferred_node', { name: '', addr: '', fp: '' }); return; } var data = records[0].data; vm.set('totem', data.totem); vm.set('isInCluster', !!data.totem.cluster_name); vm.set('nodelist', data.nodelist); var nodeinfo = Ext.Array.findBy(data.nodelist, function (el) { return el.name === data.preferred_node; }); vm.set('preferred_node', { name: data.preferred_node, addr: nodeinfo.pve_addr, ring_addr: [ nodeinfo.ring0_addr, nodeinfo.ring1_addr ], fp: nodeinfo.pve_fp }); }, onCreate: function() { var view = this.getView(); view.store.stopUpdate(); var win = Ext.create('PVE.ClusterCreateWindow', { autoShow: true, listeners: { destroy: function() { view.store.startUpdate(); } } }); }, onClusterInfo: function() { var vm = this.getViewModel(); var win = Ext.create('PVE.ClusterInfoWindow', { joinInfo: { ipAddress: vm.get('preferred_node.addr'), fingerprint: vm.get('preferred_node.fp'), ring_addr: vm.get('preferred_node.ring_addr'), totem: vm.get('totem') } }); win.show(); }, onJoin: function() { var view = this.getView(); view.store.stopUpdate(); var win = Ext.create('PVE.ClusterJoinNodeWindow', { autoShow: true, listeners: { destroy: function() { view.store.startUpdate(); } } }); } }, tbar: [ { text: gettext('Create Cluster'), reference: 'createButton', handler: 'onCreate', bind: { disabled: '{isInCluster}' } }, { text: gettext('Join Information'), reference: 'addButton', handler: 'onClusterInfo', bind: { disabled: '{!isInCluster}' } }, { text: gettext('Join Cluster'), reference: 'joinButton', handler: 'onJoin', bind: { disabled: '{isInCluster}' } } ], layout: 'hbox', bodyPadding: 5, items: [ { xtype: 'displayfield', fieldLabel: gettext('Cluster Name'), bind: { value: '{totem.cluster_name}', hidden: '{!isInCluster}' }, flex: 1 }, { xtype: 'displayfield', fieldLabel: gettext('Config Version'), bind: { value: '{totem.config_version}', hidden: '{!isInCluster}' }, flex: 1 }, { xtype: 'displayfield', fieldLabel: gettext('Number of Nodes'), labelWidth: 120, bind: { value: '{nodecount}', hidden: '{!isInCluster}' }, flex: 1 }, { xtype: 'displayfield', value: gettext('Standalone node - no cluster defined'), bind: { hidden: '{isInCluster}' }, flex: 1 } ] }, { xtype: 'grid', title: gettext('Cluster Nodes'), controller: { xclass: 'Ext.app.ViewController', init: function(view) { view.rstore = Ext.create('Proxmox.data.UpdateStore', { autoLoad: true, xtype: 'update', interval: 5 * 1000, autoStart: true, storeid: 'pve-cluster-nodes', model: 'pve-cluster-nodes' }); view.setStore(Ext.create('Proxmox.data.DiffStore', { rstore: view.rstore, sorters: { property: 'nodeid', order: 'DESC' } })); Proxmox.Utils.monStoreErrors(view, view.rstore); view.rstore.on('load', this.onLoad, this); view.on('destroy', view.rstore.stopUpdate); }, onLoad: function(store, records, success) { var vm = this.getViewModel(); if (!success || !records) { vm.set('nodecount', 0); return; } vm.set('nodecount', records.length); } }, columns: [ { header: gettext('Nodename'), flex: 2, dataIndex: 'name' }, { header: gettext('ID'), flex: 1, dataIndex: 'nodeid' }, { header: gettext('Votes'), flex: 1, dataIndex: 'quorum_votes' }, { header: gettext('Ring 0'), flex: 2, dataIndex: 'ring0_addr' }, { header: gettext('Ring 1'), flex: 2, dataIndex: 'ring1_addr' } ] } ] }); /*jslint confusion: true*/ Ext.define('PVE.ClusterCreateWindow', { extend: 'Proxmox.window.Edit', xtype: 'pveClusterCreateWindow', title: gettext('Create Cluster'), width: 600, method: 'POST', url: '/cluster/config', isCreate: true, subject: gettext('Cluster'), showTaskViewer: true, items: [ { xtype: 'textfield', fieldLabel: gettext('Cluster Name'), allowBlank: false, name: 'clustername' }, { xtype: 'proxmoxtextfield', fieldLabel: gettext('Ring 0 Address'), emptyText: gettext("Optional, defaults to IP resolved by node's hostname"), name: 'ring0_addr', skipEmptyText: true } // TODO: for advanced options: ring1_addr ] }); Ext.define('PVE.ClusterInfoWindow', { extend: 'Ext.window.Window', xtype: 'pveClusterInfoWindow', mixins: ['Proxmox.Mixin.CBind'], width: 800, modal: true, resizable: false, title: gettext('Cluster Join Information'), joinInfo: { ipAddress: undefined, fingerprint: undefined, totem: {} }, items: [ { xtype: 'component', border: false, padding: '10 10 10 10', html: gettext("Copy the Join Information here and use it on the node you want to add.") }, { xtype: 'container', layout: 'form', border: false, padding: '0 10 10 10', items: [ { xtype: 'textfield', fieldLabel: gettext('IP Address'), cbind: { value: '{joinInfo.ipAddress}' }, editable: false }, { xtype: 'textfield', fieldLabel: gettext('Fingerprint'), cbind: { value: '{joinInfo.fingerprint}' }, editable: false }, { xtype: 'textarea', inputId: 'pveSerializedClusterInfo', fieldLabel: gettext('Join Information'), grow: true, cbind: { joinInfo: '{joinInfo}' }, editable: false, listeners: { afterrender: function(field) { if (!field.joinInfo) { return; } var jsons = Ext.JSON.encode(field.joinInfo); var base64s = Ext.util.Base64.encode(jsons); field.setValue(base64s); } } } ] } ], dockedItems: [{ dock: 'bottom', xtype: 'toolbar', items: [{ xtype: 'button', handler: function(b) { var el = document.getElementById('pveSerializedClusterInfo'); el.select(); document.execCommand("copy"); }, text: gettext('Copy Information') }] }] }); Ext.define('PVE.ClusterJoinNodeWindow', { extend: 'Proxmox.window.Edit', xtype: 'pveClusterJoinNodeWindow', title: gettext('Cluster Join'), width: 800, method: 'POST', url: '/cluster/config/join', defaultFocus: 'textarea[name=serializedinfo]', isCreate: true, submitText: gettext('Join'), showTaskViewer: true, onlineHelp: 'chapter_pvecm', viewModel: { parent: null, data: { info: { fp: '', ip: '', ring0Needed: false, ring1Possible: false, ring1Needed: false } }, formulas: { ring0EmptyText: function(get) { if (get('info.ring0Needed')) { return gettext("Cannot use default address safely"); } else { return gettext("Default: IP resolved by node's hostname"); } } } }, controller: { xclass: 'Ext.app.ViewController', control: { '#': { close: function() { delete PVE.Utils.silenceAuthFailures; } }, 'proxmoxcheckbox[name=assistedEntry]': { change: 'onInputTypeChange' }, 'textarea[name=serializedinfo]': { change: 'recomputeSerializedInfo', enable: 'resetField' }, 'proxmoxtextfield[name=ring1_addr]': { enable: 'ring1Needed' }, 'textfield': { disable: 'resetField' } }, resetField: function(field) { field.reset(); }, ring1Needed: function(f) { var vm = this.getViewModel(); f.allowBlank = !vm.get('info.ring1Needed'); }, onInputTypeChange: function(field, assistedInput) { var vm = this.getViewModel(); if (!assistedInput) { vm.set('info.ring1Possible', true); } }, recomputeSerializedInfo: function(field, value) { var vm = this.getViewModel(); var jsons = Ext.util.Base64.decode(value); var joinInfo = Ext.JSON.decode(jsons, true); var info = { fp: '', ring1Needed: false, ring1Possible: false, ip: '' }; var totem = {}; if (!(joinInfo && joinInfo.totem)) { field.valid = false; } else { var ring0Needed = false; if (joinInfo.ring_addr !== undefined) { ring0Needed = joinInfo.ring_addr[0] !== joinInfo.ipAddress; } info = { ip: joinInfo.ipAddress, fp: joinInfo.fingerprint, ring0Needed: ring0Needed, ring1Possible: !!joinInfo.totem['interface']['1'], ring1Needed: !!joinInfo.totem['interface']['1'] }; totem = joinInfo.totem; field.valid = true; } vm.set('info', info); } }, submit: function() { // joining may produce temporarily auth failures, ignore as long the task runs PVE.Utils.silenceAuthFailures = true; this.callParent(); }, taskDone: function(success) { delete PVE.Utils.silenceAuthFailures; if (success) { var txt = gettext('Cluster join task finished, node certificate may have changed, reload GUI!'); // ensure user cannot do harm Ext.getBody().mask(txt, ['pve-static-mask']); // TaskView may hide above mask, so tell him directly Ext.Msg.show({ title: gettext('Join Task Finished'), icon: Ext.Msg.INFO, msg: txt }); // reload always (if user wasn't faster), but wait a bit for pveproxy Ext.defer(function() { window.location.reload(true); }, 5000); } }, items: [{ xtype: 'proxmoxcheckbox', reference: 'assistedEntry', name: 'assistedEntry', submitValue: false, value: true, autoEl: { tag: 'div', 'data-qtip': gettext('Select if join information should be extracted from pasted cluster information, deselect for manual entering') }, boxLabel: gettext('Assisted join: Paste encoded cluster join information and enter password.') }, { xtype: 'textarea', name: 'serializedinfo', submitValue: false, allowBlank: false, fieldLabel: gettext('Information'), emptyText: gettext('Paste encoded Cluster Information here'), validator: function(val) { return val === '' || this.valid || gettext('Does not seem like a valid encoded Cluster Information!'); }, bind: { disabled: '{!assistedEntry.checked}', hidden: '{!assistedEntry.checked}' }, value: '' }, { xtype: 'inputpanel', column1: [ { xtype: 'textfield', fieldLabel: gettext('Peer Address'), allowBlank: false, bind: { value: '{info.ip}', readOnly: '{assistedEntry.checked}' }, name: 'hostname' }, { xtype: 'textfield', inputType: 'password', emptyText: gettext("Peer's root password"), fieldLabel: gettext('Password'), allowBlank: false, name: 'password' } ], column2: [ { xtype: 'proxmoxtextfield', fieldLabel: gettext('Corosync Ring 0'), bind: { emptyText: '{ring0EmptyText}', allowBlank: '{!info.ring0Needed}' }, skipEmptyText: true, name: 'ring0_addr' }, { xtype: 'proxmoxtextfield', fieldLabel: gettext('Corosync Ring 1'), skipEmptyText: true, bind: { disabled: '{!info.ring1Possible}' }, name: 'ring1_addr' } ], columnB: [ { xtype: 'textfield', fieldLabel: gettext('Fingerprint'), allowBlank: false, bind: { value: '{info.fp}', readOnly: '{assistedEntry.checked}' }, name: 'fingerprint' } ] }] }); /* * Workspace base class * * popup login window when auth fails (call onLogin handler) * update (re-login) ticket every 15 minutes * */ Ext.define('PVE.Workspace', { extend: 'Ext.container.Viewport', title: 'Proxmox Virtual Environment', loginData: null, // Data from last login call onLogin: function(loginData) {}, // private updateLoginData: function(loginData) { var me = this; me.loginData = loginData; Proxmox.Utils.setAuthData(loginData); var rt = me.down('pveResourceTree'); rt.setDatacenterText(loginData.clustername); if (loginData.cap) { Ext.state.Manager.set('GuiCap', loginData.cap); } me.onLogin(loginData); }, // private showLogin: function() { var me = this; Proxmox.Utils.authClear(); Proxmox.UserName = null; me.loginData = null; if (!me.login) { me.login = Ext.create('PVE.window.LoginWindow', { handler: function(data) { me.login = null; me.updateLoginData(data); Proxmox.Utils.checked_command(function() {}); // display subscription status } }); } me.onLogin(null); me.login.show(); }, initComponent : function() { var me = this; Ext.tip.QuickTipManager.init(); // fixme: what about other errors Ext.Ajax.on('requestexception', function(conn, response, options) { if (response.status == 401 && !PVE.Utils.silenceAuthFailures) { // auth failure me.showLogin(); } }); me.callParent(); if (!Proxmox.Utils.authOK()) { me.showLogin(); } else { if (me.loginData) { me.onLogin(me.loginData); } } Ext.TaskManager.start({ run: function() { var ticket = Proxmox.Utils.authOK(); if (!ticket || !Proxmox.UserName) { return; } Ext.Ajax.request({ params: { username: Proxmox.UserName, password: ticket }, url: '/api2/json/access/ticket', method: 'POST', success: function(response, opts) { var obj = Ext.decode(response.responseText); me.updateLoginData(obj.data); } }); }, interval: 15*60*1000 }); } }); Ext.define('PVE.StdWorkspace', { extend: 'PVE.Workspace', alias: ['widget.pveStdWorkspace'], // private setContent: function(comp) { var me = this; var cont = me.child('#content'); var lay = cont.getLayout(); var cur = lay.getActiveItem(); if (comp) { Proxmox.Utils.setErrorMask(cont, false); comp.border = false; cont.add(comp); if (cur !== null && lay.getNext()) { lay.next(); var task = Ext.create('Ext.util.DelayedTask', function(){ cont.remove(cur); }); task.delay(10); } } else { // helper for cleaning the content when logging out cont.removeAll(); } }, selectById: function(nodeid) { var me = this; var tree = me.down('pveResourceTree'); tree.selectById(nodeid); }, onLogin: function(loginData) { var me = this; me.updateUserInfo(); if (loginData) { PVE.data.ResourceStore.startUpdate(); Proxmox.Utils.API2Request({ url: '/version', method: 'GET', success: function(response) { PVE.VersionInfo = response.result.data; me.updateVersionInfo(); } }); } }, updateUserInfo: function() { var me = this; var ui = me.query('#userinfo')[0]; if (Proxmox.UserName) { var msg = Ext.String.format(gettext("You are logged in as {0}"), "'" + Proxmox.UserName + "'"); ui.update('
' + msg + '
');
} else {
ui.update('');
}
ui.updateLayout();
},
updateVersionInfo: function() {
var me = this;
var ui = me.query('#versioninfo')[0];
if (PVE.VersionInfo) {
var version = PVE.VersionInfo.version + '-' + PVE.VersionInfo.release;
ui.update('Virtual Environment ' + version);
} else {
ui.update('Virtual Environment');
}
ui.updateLayout();
},
initComponent : function() {
var me = this;
Ext.History.init();
var sprovider = Ext.create('PVE.StateProvider');
Ext.state.Manager.setProvider(sprovider);
var selview = Ext.create('PVE.form.ViewSelector');
var rtree = Ext.createWidget('pveResourceTree', {
viewFilter: selview.getViewFilter(),
flex: 1,
selModel: {
selType: 'treemodel',
listeners: {
selectionchange: function(sm, selected) {
if (selected.length > 0) {
var n = selected[0];
var tlckup = {
root: 'PVE.dc.Config',
node: 'PVE.node.Config',
qemu: 'PVE.qemu.Config',
lxc: 'PVE.lxc.Config',
storage: 'PVE.storage.Browser',
pool: 'pvePoolConfig'
};
var comp = {
xtype: tlckup[n.data.type || 'root'] ||
'pvePanelConfig',
showSearch: (n.data.id === 'root') ||
Ext.isDefined(n.data.groupbyid),
pveSelNode: n,
workspace: me,
viewFilter: selview.getViewFilter()
};
PVE.curSelectedNode = n;
me.setContent(comp);
}
}
}
}
});
selview.on('select', function(combo, records) {
if (records) {
var view = combo.getViewFilter();
rtree.setViewFilter(view);
}
});
var caps = sprovider.get('GuiCap');
var createVM = Ext.createWidget('button', {
pack: 'end',
margin: '3 5 0 0',
baseCls: 'x-btn',
iconCls: 'fa fa-desktop',
text: gettext("Create VM"),
disabled: !caps.vms['VM.Allocate'],
handler: function() {
var wiz = Ext.create('PVE.qemu.CreateWizard', {});
wiz.show();
}
});
var createCT = Ext.createWidget('button', {
pack: 'end',
margin: '3 5 0 0',
baseCls: 'x-btn',
iconCls: 'fa fa-cube',
text: gettext("Create CT"),
disabled: !caps.vms['VM.Allocate'],
handler: function() {
var wiz = Ext.create('PVE.lxc.CreateWizard', {});
wiz.show();
}
});
sprovider.on('statechange', function(sp, key, value) {
if (key === 'GuiCap' && value) {
caps = value;
createVM.setDisabled(!caps.vms['VM.Allocate']);
createCT.setDisabled(!caps.vms['VM.Allocate']);
}
});
Ext.apply(me, {
layout: { type: 'border' },
border: false,
items: [
{
region: 'north',
layout: {
type: 'hbox',
align: 'middle'
},
baseCls: 'x-plain',
defaults: {
baseCls: 'x-plain'
},
border: false,
margin: '2 0 2 5',
items: [
{
html: '' +
'
'
},
{
minWidth: 150,
id: 'versioninfo',
html: 'Virtual Environment'
},
{
xtype: 'pveGlobalSearchField',
tree: rtree
},
{
flex: 1
},
{
pack: 'end',
id: 'userinfo',
stateful: false
},
{
xtype: 'button',
margin: '0 10 0 3',
iconCls: 'fa black fa-gear',
userCls: 'pointer',
handler: function() {
var win = Ext.create('PVE.window.Settings');
win.show();
}
},
{
xtype: 'proxmoxHelpButton',
hidden: false,
baseCls: 'x-btn',
iconCls: 'fa fa-book x-btn-icon-el-default-toolbar-small ',
listenToGlobalEvent: false,
onlineHelp: 'pve_documentation_index',
text: gettext('Documentation'),
margin: '0 5 0 0'
},
createVM,
createCT,
{
pack: 'end',
margin: '0 5 0 0',
xtype: 'button',
baseCls: 'x-btn',
iconCls: 'fa fa-sign-out',
text: gettext("Logout"),
handler: function() {
PVE.data.ResourceStore.loadData([], false);
me.showLogin();
me.setContent(null);
var rt = me.down('pveResourceTree');
rt.setDatacenterText(undefined);
rt.clearTree();
// empty the stores of the StatusPanel child items
var statusPanels = Ext.ComponentQuery.query('pveStatusPanel grid');
Ext.Array.forEach(statusPanels, function(comp) {
if (comp.getStore()) {
comp.getStore().loadData([], false);
}
});
}
}
]
},
{
region: 'center',
stateful: true,
stateId: 'pvecenter',
minWidth: 100,
minHeight: 100,
id: 'content',
xtype: 'container',
layout: { type: 'card' },
border: false,
margin: '0 5 0 0',
items: []
},
{
region: 'west',
stateful: true,
stateId: 'pvewest',
itemId: 'west',
xtype: 'container',
border: false,
layout: { type: 'vbox', align: 'stretch' },
margin: '0 0 0 5',
split: true,
width: 200,
items: [ selview, rtree ],
listeners: {
resize: function(panel, width, height) {
var viewWidth = me.getSize().width;
if (width > viewWidth - 100) {
panel.setWidth(viewWidth - 100);
}
}
}
},
{
xtype: 'pveStatusPanel',
stateful: true,
stateId: 'pvesouth',
itemId: 'south',
region: 'south',
margin:'0 5 5 5',
title: gettext('Logs'),
collapsible: true,
header: false,
height: 200,
split:true,
listeners: {
resize: function(panel, width, height) {
var viewHeight = me.getSize().height;
if (height > (viewHeight - 150)) {
panel.setHeight(viewHeight - 150);
}
}
}
}
]
});
me.callParent();
me.updateUserInfo();
// on resize, center all modal windows
Ext.on('resize', function(){
var wins = Ext.ComponentQuery.query('window[modal]');
if (wins.length > 0) {
wins.forEach(function(win){
win.alignTo(me, 'c-c');
});
}
});
}
});