me.vg = myvg;
},
- initComponent : function() {
+ initComponent: function() {
var me = this;
if (!me.nodename) {
}
var store = Ext.create('Ext.data.Store', {
- fields: [ 'lv' ],
+ fields: ['lv'],
proxy: {
- type: 'pve',
- url: '/api2/json/nodes/' + me.nodename + '/scan/lvmthin'
- }
+ 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', {
displayField: 'vg',
queryMode: 'local',
editable: false,
- initComponent : function() {
+ initComponent: function() {
var me = this;
if (!me.nodename) {
var store = Ext.create('Ext.data.Store', {
autoLoad: {},
- fields: [ 'vg', 'size', 'free'],
+ fields: ['vg', 'size', 'free'],
proxy: {
- type: 'pve',
- url: '/api2/json/nodes/' + me.nodename + '/scan/lvm'
- }
+ 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.InputPanel',
+ extend: 'PVE.panel.StorageBase',
- onGetValues: function(values) {
- var me = this;
+ onlineHelp: 'storage_lvmthin',
- if (me.create) {
- values.type = 'lvmthin';
- } else {
- delete values.storage;
- }
-
- values.disable = values.enable ? 0 : 1;
- delete values.enable;
-
- return values;
- },
-
- initComponent : function() {
+ 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',
- submitValue: !!me.create,
- allowBlank: false
- }
- ];
-
- var vgnameField = Ext.createWidget(me.create ? 'textfield' : 'displayfield', {
- height: 22, // hack: set same height as text fields
+ me.column1 = [];
+
+ var vgnameField = Ext.createWidget(me.isCreate ? 'textfield' : 'displayfield', {
name: 'vgname',
- hidden: !!me.create,
- disabled: !!me.create,
+ hidden: !!me.isCreate,
+ disabled: !!me.isCreate,
value: '',
fieldLabel: gettext('Volume group'),
- allowBlank: false
+ allowBlank: false,
});
- var thinpoolField = Ext.createWidget(me.create ? 'textfield' : 'displayfield', {
- height: 22, // hack: set same height as text fields
+ var thinpoolField = Ext.createWidget(me.isCreate ? 'textfield' : 'displayfield', {
name: 'thinpool',
- hidden: !!me.create,
- disabled: !!me.create,
+ hidden: !!me.isCreate,
+ disabled: !!me.isCreate,
value: '',
fieldLabel: gettext('Thin Pool'),
- allowBlank: false
+ allowBlank: false,
});
- if (me.create) {
+ if (me.isCreate) {
var vgField = Ext.create('PVE.storage.TPoolSelector', {
name: 'thinpool',
fieldLabel: gettext('Thin Pool'),
- allowBlank: false
+ allowBlank: false,
});
me.column1.push({
xtype: 'pveBaseVGSelector',
name: 'vgname',
- fieldLabel: gettext('Volume Group'),
+ fieldLabel: gettext('Volume group'),
listeners: {
change: function(f, value) {
- if (me.create) {
+ if (me.isCreate) {
vgField.setVG(value);
vgField.setValue('');
}
- }
- }
+ },
+ },
});
me.column1.push(vgField);
me.column1.push(thinpoolField);
+ // here value is an array,
+ // while before it was a string
me.column1.push({
xtype: 'pveContentTypeSelector',
cts: ['images', 'rootdir'],
name: 'content',
value: ['images', 'rootdir'],
multiSelect: true,
- allowBlank: false
- });
-
- me.column2 = [
- {
- xtype: 'pveNodeSelector',
- name: 'nodes',
- fieldLabel: gettext('Nodes'),
- emptyText: gettext('All') + ' (' +
- gettext('No restrictions') +')',
- multiSelect: true,
- autoSelect: false
- },
- {
- xtype: 'pvecheckbox',
- name: 'enable',
- checked: true,
- uncheckedValue: 0,
- fieldLabel: gettext('Enable')
- }
- ];
-
- me.callParent();
- }
-});
-
-Ext.define('PVE.storage.LvmThinEdit', {
- 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.LvmThinInputPanel', {
- create: me.create,
- storageId: me.storageId
+ allowBlank: false,
});
- Ext.apply(me, {
- subject: PVE.Utils.format_storage_type('lvmthin'),
- isAdd: true,
- items: [ ipanel ]
- });
+ me.column2 = [];
me.callParent();
-
- if (!me.create) {
- 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);
- }
- });
- }
- }
+ },
});