Ext.define('PVE.storage.SheepdogInputPanel', { extend: 'PVE.panel.InputPanel', onGetValues: function(values) { var me = this; if (me.create) { values.type = 'sheepdog'; values.content = 'images'; } else { delete values.storage; } values.disable = values.enable ? 0 : 1; delete values.enable; return values; }, initComponent : function() { var me = this; me.column1 = [ { xtype: me.create ? 'textfield' : 'displayfield', name: 'storage', height: 22, // hack: set same height as text fields value: me.storageId || '', fieldLabel: 'ID', vtype: 'StorageId', allowBlank: false }, { xtype: me.create ? 'textfield' : 'displayfield', name: 'portal', height: 22, // hack: set same height as text fields value: '127.0.0.1:7000', fieldLabel: gettext('Gateway'), allowBlank: false } ]; me.column2 = [ { xtype: 'pvecheckbox', name: 'enable', checked: true, uncheckedValue: 0, fieldLabel: gettext('Enable') } ]; if (me.create || me.storageId !== 'local') { me.column2.unshift({ xtype: 'PVE.form.NodeSelector', name: 'nodes', fieldLabel: gettext('Nodes'), emptyText: gettext('All') + ' (' + gettext('No restrictions') +')', multiSelect: true, autoSelect: false }); } me.callParent(); } }); Ext.define('PVE.storage.SheepdogEdit', { extend: 'PVE.window.Edit', initComponent : function() { var me = this; me.create = !me.storageId; if (me.create) { me.url = '/api2/extjs/storage'; me.method = 'POST'; } else { me.url = '/api2/extjs/storage/' + me.storageId; me.method = 'PUT'; } var ipanel = Ext.create('PVE.storage.SheepdogInputPanel', { create: me.create, storageId: me.storageId }); Ext.apply(me, { subject: PVE.Utils.format_storage_type('sheepdog'), isAdd: true, items: [ ipanel ] }); me.callParent(); if (!me.create) { me.load({ success: function(response, options) { var values = response.result.data; if (values.nodes) { values.nodes = values.nodes.split(','); } values.enable = values.disable ? 0 : 1; ipanel.setValues(values); } }); } } });