},
border: false,
- // the action to set, currently there are: `startall`, `migrateall`, `stopall`
+ // the action to set, currently there are: `startall`, `migrateall`, `stopall`, `suspendall`
action: undefined,
submit: function(params) {
if (me.action === 'migrateall') {
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,
+ xtype: 'fieldcontainer',
+ layout: 'hbox',
+ items: [{
+ flex: 1,
+ xtype: 'pveNodeSelector',
+ name: 'target',
+ disallowedNodes: [me.nodename],
+ fieldLabel: gettext('Target node'),
+ labelWidth: 200,
+ allowBlank: false,
+ onlineValidator: true,
+ padding: '0 10 0 0',
+ },
+ {
+ xtype: 'proxmoxintegerfield',
+ name: 'maxworkers',
+ minValue: 1,
+ maxValue: 100,
+ value: 1,
+ fieldLabel: gettext('Parallel jobs'),
+ allowBlank: false,
+ flex: 1,
+ }],
},
{
xtype: 'fieldcontainer',
- fieldLabel: gettext('Allow local disk migration'),
layout: 'hbox',
items: [{
xtype: 'proxmoxcheckbox',
+ fieldLabel: gettext('Allow local disk migration'),
name: 'with-local-disks',
+ labelWidth: 200,
checked: true,
uncheckedValue: 0,
- listeners: {
- change: (cb, val) => me.down('#localdiskwarning').setVisible(val),
- },
+ flex: 1,
+ padding: '0 10 0 0',
},
{
- itemId: 'localdiskwarning',
+ itemId: 'lxcwarning',
xtype: 'displayfield',
- flex: 1,
- padding: '0 0 0 10',
userCls: 'pmx-hint',
- value: 'Note: Migration with local disks might take long.',
+ value: 'Warning: Running CTs will be migrated in Restart Mode.',
+ hidden: true, // only visible if running container chosen
+ flex: 1,
}],
},
- {
- itemId: 'lxcwarning',
- xtype: 'displayfield',
- userCls: 'pmx-hint',
- value: 'Warning: Running CTs will be migrated in Restart Mode.',
- hidden: true, // only visible if running container chosen
- },
);
} else if (me.action === 'startall') {
items.push({
value: 1,
});
} else if (me.action === 'stopall') {
- items.push(
- {
+ items.push({
+ xtype: 'fieldcontainer',
+ layout: 'hbox',
+ items: [{
xtype: 'proxmoxcheckbox',
name: 'force-stop',
+ labelWidth: 120,
fieldLabel: gettext('Force Stop'),
boxLabel: gettext('Force stop guest if shutdown times out.'),
checked: true,
uncheckedValue: 0,
+ flex: 1,
},
{
xtype: 'proxmoxintegerfield',
name: 'timeout',
fieldLabel: gettext('Timeout (s)'),
+ labelWidth: 120,
emptyText: '180',
minValue: 0,
maxValue: 7200,
allowBlank: true,
- },
- );
+ flex: 1,
+ }],
+ });
}
+ let refreshLxcWarning = function(vmids, records) {
+ let showWarning = records.some(
+ item => vmids.includes(item.data.vmid) && item.data.type === 'lxc' && item.data.status === 'running',
+ );
+ me.down('#lxcwarning').setVisible(showWarning);
+ };
+
+ let defaultStatus = me.action === 'migrateall' ? '' : me.action === 'startall' ? 'stopped' : 'running';
+ let defaultType = me.action === 'suspendall' ? 'qemu' : '';
+
+ let statusMap = [];
+ let poolMap = [];
+ let haMap = [];
+ let tagMap = [];
+ PVE.data.ResourceStore.each((rec) => {
+ if (['qemu', 'lxc'].indexOf(rec.data.type) !== -1) {
+ statusMap[rec.data.status] = true;
+ }
+ if (rec.data.type === 'pool') {
+ poolMap[rec.data.pool] = true;
+ }
+ if (rec.data.hastate !== "") {
+ haMap[rec.data.hastate] = true;
+ }
+ if (rec.data.tags !== "") {
+ rec.data.tags.split(/[,; ]/).forEach((tag) => {
+ if (tag !== '') {
+ tagMap[tag] = true;
+ }
+ });
+ }
+ });
+
+ let statusList = Object.keys(statusMap).map(key => [key, key]);
+ statusList.unshift(['', gettext('All')]);
+ let poolList = Object.keys(poolMap).map(key => [key, key]);
+ let tagList = Object.keys(tagMap).map(key => ({ value: key }));
+ let haList = Object.keys(haMap).map(key => [key, key]);
+
+ let clearFilters = function() {
+ me.down('#namefilter').setValue('');
+ ['name', 'status', 'pool', 'type', 'hastate', 'includetag', 'excludetag', 'vmid'].forEach((filter) => {
+ me.down(`#${filter}filter`).setValue('');
+ });
+ };
+
+ let filterChange = function() {
+ let nameValue = me.down('#namefilter').getValue();
+ let filterCount = 0;
+
+ if (nameValue !== '') {
+ filterCount++;
+ }
+
+ let arrayFiltersData = [];
+ ['pool', 'hastate'].forEach((filter) => {
+ let selected = me.down(`#${filter}filter`).getValue() ?? [];
+ if (selected.length) {
+ filterCount++;
+ arrayFiltersData.push([filter, [...selected]]);
+ }
+ });
+
+ let singleFiltersData = [];
+ ['status', 'type'].forEach((filter) => {
+ let selected = me.down(`#${filter}filter`).getValue() ?? '';
+ if (selected.length) {
+ filterCount++;
+ singleFiltersData.push([filter, selected]);
+ }
+ });
+
+ let includeTags = me.down('#includetagfilter').getValue() ?? [];
+ if (includeTags.length) {
+ filterCount++;
+ }
+ let excludeTags = me.down('#excludetagfilter').getValue() ?? [];
+ if (excludeTags.length) {
+ filterCount++;
+ }
+
+ let fieldSet = me.down('#filters');
+ let clearBtn = me.down('#clearBtn');
+ if (filterCount) {
+ fieldSet.setTitle(Ext.String.format(gettext('Filters ({0})'), filterCount));
+ clearBtn.setDisabled(false);
+ } else {
+ fieldSet.setTitle(gettext('Filters'));
+ clearBtn.setDisabled(true);
+ }
+
+ let filterFn = function(value) {
+ let name = value.data.name.toLowerCase().indexOf(nameValue.toLowerCase()) !== -1;
+ let arrayFilters = arrayFiltersData.every(([filter, selected]) =>
+ !selected.length || selected.indexOf(value.data[filter]) !== -1);
+ let singleFilters = singleFiltersData.every(([filter, selected]) =>
+ !selected.length || value.data[filter].indexOf(selected) !== -1);
+ let tags = value.data.tags.split(/[;, ]/).filter(t => !!t);
+ let includeFilter = !includeTags.length || tags.some(tag => includeTags.indexOf(tag) !== -1);
+ let excludeFilter = !excludeTags.length || tags.every(tag => excludeTags.indexOf(tag) === -1);
+
+ return name && arrayFilters && singleFilters && includeFilter && excludeFilter;
+ };
+ let vmselector = me.down('#vms');
+ vmselector.getStore().setFilters({
+ id: 'customFilter',
+ filterFn,
+ });
+ vmselector.checkChange();
+ if (me.action === 'migrateall') {
+ let records = vmselector.getSelection();
+ refreshLxcWarning(vmselector.getValue(), records);
+ }
+ };
+
+ items.push({
+ xtype: 'fieldset',
+ itemId: 'filters',
+ collapsible: true,
+ title: gettext('Filters'),
+ layout: 'hbox',
+ items: [
+ {
+ xtype: 'container',
+ flex: 1,
+ padding: 5,
+ layout: {
+ type: 'vbox',
+ align: 'stretch',
+ },
+ defaults: {
+ listeners: {
+ change: filterChange,
+ },
+ isFormField: false,
+ },
+ items: [
+ {
+ fieldLabel: gettext("Name"),
+ itemId: 'namefilter',
+ xtype: 'textfield',
+ },
+ {
+ xtype: 'combobox',
+ itemId: 'statusfilter',
+ fieldLabel: gettext("Status"),
+ emptyText: gettext('All'),
+ editable: false,
+ value: defaultStatus,
+ store: statusList,
+ },
+ {
+ xtype: 'combobox',
+ itemId: 'poolfilter',
+ fieldLabel: gettext("Pool"),
+ emptyText: gettext('All'),
+ editable: false,
+ multiSelect: true,
+ store: poolList,
+ },
+ ],
+ },
+ {
+ xtype: 'container',
+ layout: {
+ type: 'vbox',
+ align: 'stretch',
+ },
+ flex: 1,
+ padding: 5,
+ defaults: {
+ listeners: {
+ change: filterChange,
+ },
+ isFormField: false,
+ },
+ items: [
+ {
+ xtype: 'combobox',
+ itemId: 'typefilter',
+ fieldLabel: gettext("Type"),
+ emptyText: gettext('All'),
+ editable: false,
+ value: defaultType,
+ store: [
+ ['', gettext('All')],
+ ['lxc', gettext('CT')],
+ ['qemu', gettext('VM')],
+ ],
+ },
+ {
+ xtype: 'proxmoxComboGrid',
+ itemId: 'includetagfilter',
+ fieldLabel: gettext("Include Tags"),
+ emptyText: gettext('All'),
+ editable: false,
+ multiSelect: true,
+ valueField: 'value',
+ displayField: 'value',
+ listConfig: {
+ userCls: 'proxmox-tags-full',
+ columns: [
+ {
+ dataIndex: 'value',
+ flex: 1,
+ renderer: value =>
+ PVE.Utils.renderTags(value, PVE.UIOptions.tagOverrides),
+ },
+ ],
+ },
+ store: {
+ data: tagList,
+ },
+ listeners: {
+ change: filterChange,
+ },
+ },
+ {
+ xtype: 'proxmoxComboGrid',
+ itemId: 'excludetagfilter',
+ fieldLabel: gettext("Exclude Tags"),
+ emptyText: gettext('None'),
+ multiSelect: true,
+ editable: false,
+ valueField: 'value',
+ displayField: 'value',
+ listConfig: {
+ userCls: 'proxmox-tags-full',
+ columns: [
+ {
+ dataIndex: 'value',
+ flex: 1,
+ renderer: value =>
+ PVE.Utils.renderTags(value, PVE.UIOptions.tagOverrides),
+ },
+ ],
+ },
+ store: {
+ data: tagList,
+ },
+ listeners: {
+ change: filterChange,
+ },
+ },
+ ],
+ },
+ {
+ xtype: 'container',
+ layout: {
+ type: 'vbox',
+ align: 'stretch',
+ },
+ flex: 1,
+ padding: 5,
+ defaults: {
+ listeners: {
+ change: filterChange,
+ },
+ isFormField: false,
+ },
+ items: [
+ {
+ xtype: 'combobox',
+ itemId: 'hastatefilter',
+ fieldLabel: gettext("HA status"),
+ emptyText: gettext('All'),
+ multiSelect: true,
+ editable: false,
+ store: haList,
+ listeners: {
+ change: filterChange,
+ },
+ },
+ {
+ xtype: 'container',
+ layout: {
+ type: 'vbox',
+ align: 'end',
+ },
+ items: [
+ {
+ xtype: 'button',
+ itemId: 'clearBtn',
+ text: gettext('Clear Filters'),
+ disabled: true,
+ handler: clearFilters,
+ },
+ ],
+ },
+ ],
+ },
+ ],
+ });
+
items.push({
xtype: 'vmselector',
itemId: 'vms',
height: 300,
selectAll: true,
allowBlank: false,
+ plugins: '',
nodename: me.nodename,
- action: me.action,
listeners: {
selectionchange: function(vmselector, records) {
if (me.action === 'migrateall') {
- let showWarning = records.some(
- item => item.data.type === 'lxc' && item.data.status === 'running',
- );
- me.down('#lxcwarning').setVisible(showWarning);
+ let vmids = me.down('#vms').getValue();
+ refreshLxcWarning(vmids, records);
}
},
},
align: 'stretch',
},
fieldDefaults: {
- labelWidth: me.action === 'migrateall' ? 300 : 120,
anchor: '100%',
},
items: items,
submitBtn.setDisabled(!valid);
});
form.isValid();
+
+ filterChange();
},
});