Upstream proxmox-git/proxmox-widget-toolkit state of the touched files before ef098ff9ef
This commit is contained in:
upstream committed
1 parent
9b1e7d66ce
commit
060e0c6fa9
6 files changed
+3134
No files matched your search
@@ -0,0 +1,75 @@
|
||||
Ext.define('Proxmox.panel.GotifyEditPanel', {
|
||||
extend: 'Proxmox.panel.InputPanel',
|
||||
xtype: 'pmxGotifyEditPanel',
|
||||
mixins: ['Proxmox.Mixin.CBind'],
|
||||
onlineHelp: 'notification_targets_gotify',
|
||||
|
||||
type: 'gotify',
|
||||
|
||||
items: [
|
||||
{
|
||||
xtype: 'pmxDisplayEditField',
|
||||
name: 'name',
|
||||
cbind: {
|
||||
value: '{name}',
|
||||
editable: '{isCreate}',
|
||||
},
|
||||
fieldLabel: gettext('Endpoint Name'),
|
||||
allowBlank: false,
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxcheckbox',
|
||||
name: 'enable',
|
||||
fieldLabel: gettext('Enable'),
|
||||
allowBlank: false,
|
||||
checked: true,
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxtextfield',
|
||||
fieldLabel: gettext('Server URL'),
|
||||
name: 'server',
|
||||
allowBlank: false,
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxtextfield',
|
||||
inputType: 'password',
|
||||
fieldLabel: gettext('API Token'),
|
||||
name: 'token',
|
||||
cbind: {
|
||||
emptyText: (get) => (!get('isCreate') ? gettext('Unchanged') : ''),
|
||||
allowBlank: '{!isCreate}',
|
||||
},
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxtextfield',
|
||||
name: 'comment',
|
||||
fieldLabel: gettext('Comment'),
|
||||
cbind: {
|
||||
deleteEmpty: '{!isCreate}',
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
onSetValues: (values) => {
|
||||
values.enable = !values.disable;
|
||||
|
||||
delete values.disable;
|
||||
return values;
|
||||
},
|
||||
|
||||
onGetValues: function (values) {
|
||||
let me = this;
|
||||
|
||||
if (values.enable) {
|
||||
if (!me.isCreate) {
|
||||
Proxmox.Utils.assemble_field_data(values, { delete: 'disable' });
|
||||
}
|
||||
} else {
|
||||
values.disable = 1;
|
||||
}
|
||||
|
||||
delete values.enable;
|
||||
|
||||
return values;
|
||||
},
|
||||
});
|
||||
@@ -0,0 +1,103 @@
|
||||
Ext.define('Proxmox.panel.SendmailEditPanel', {
|
||||
extend: 'Proxmox.panel.InputPanel',
|
||||
xtype: 'pmxSendmailEditPanel',
|
||||
mixins: ['Proxmox.Mixin.CBind'],
|
||||
|
||||
type: 'sendmail',
|
||||
onlineHelp: 'notification_targets_sendmail',
|
||||
|
||||
mailValidator: function () {
|
||||
let mailto_user = this.down(`[name=mailto-user]`);
|
||||
let mailto = this.down(`[name=mailto]`);
|
||||
|
||||
if (!mailto_user.getValue()?.length && !mailto.getValue()) {
|
||||
return gettext('Either mailto or mailto-user must be set');
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
items: [
|
||||
{
|
||||
xtype: 'pmxDisplayEditField',
|
||||
name: 'name',
|
||||
cbind: {
|
||||
value: '{name}',
|
||||
editable: '{isCreate}',
|
||||
},
|
||||
fieldLabel: gettext('Endpoint Name'),
|
||||
allowBlank: false,
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxcheckbox',
|
||||
name: 'enable',
|
||||
fieldLabel: gettext('Enable'),
|
||||
allowBlank: false,
|
||||
checked: true,
|
||||
},
|
||||
{
|
||||
// provides 'mailto' and 'mailto-user' fields
|
||||
xtype: 'pmxEmailRecipientPanel',
|
||||
cbind: {
|
||||
isCreate: '{isCreate}',
|
||||
},
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxtextfield',
|
||||
name: 'comment',
|
||||
fieldLabel: gettext('Comment'),
|
||||
cbind: {
|
||||
deleteEmpty: '{!isCreate}',
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
advancedItems: [
|
||||
{
|
||||
xtype: 'proxmoxtextfield',
|
||||
fieldLabel: gettext('Author'),
|
||||
name: 'author',
|
||||
allowBlank: true,
|
||||
cbind: {
|
||||
emptyText: '{defaultMailAuthor}',
|
||||
deleteEmpty: '{!isCreate}',
|
||||
},
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxtextfield',
|
||||
fieldLabel: gettext('From Address'),
|
||||
name: 'from-address',
|
||||
allowBlank: true,
|
||||
emptyText: gettext('Defaults to datacenter configuration, or root@$hostname'),
|
||||
cbind: {
|
||||
deleteEmpty: '{!isCreate}',
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
onSetValues: (values) => {
|
||||
values.enable = !values.disable;
|
||||
|
||||
delete values.disable;
|
||||
return values;
|
||||
},
|
||||
|
||||
onGetValues: function (values) {
|
||||
let me = this;
|
||||
|
||||
if (values.enable) {
|
||||
if (!me.isCreate) {
|
||||
Proxmox.Utils.assemble_field_data(values, { delete: 'disable' });
|
||||
}
|
||||
} else {
|
||||
values.disable = 1;
|
||||
}
|
||||
|
||||
delete values.enable;
|
||||
|
||||
if (values.mailto) {
|
||||
values.mailto = values.mailto.split(/[\s,;]+/);
|
||||
}
|
||||
return values;
|
||||
},
|
||||
});
|
||||
@@ -0,0 +1,218 @@
|
||||
Ext.define('Proxmox.panel.SmtpEditPanel', {
|
||||
extend: 'Proxmox.panel.InputPanel',
|
||||
xtype: 'pmxSmtpEditPanel',
|
||||
mixins: ['Proxmox.Mixin.CBind'],
|
||||
onlineHelp: 'notification_targets_smtp',
|
||||
|
||||
type: 'smtp',
|
||||
|
||||
viewModel: {
|
||||
xtype: 'viewmodel',
|
||||
data: {
|
||||
mode: 'tls',
|
||||
authentication: true,
|
||||
originalAuthentication: true,
|
||||
},
|
||||
formulas: {
|
||||
portEmptyText: function (get) {
|
||||
let port;
|
||||
|
||||
switch (get('mode')) {
|
||||
case 'insecure':
|
||||
port = 25;
|
||||
break;
|
||||
case 'starttls':
|
||||
port = 587;
|
||||
break;
|
||||
case 'tls':
|
||||
port = 465;
|
||||
break;
|
||||
}
|
||||
return `${Proxmox.Utils.defaultText} (${port})`;
|
||||
},
|
||||
passwordEmptyText: function (get) {
|
||||
let isCreate = this.getView().isCreate;
|
||||
|
||||
let auth = get('authentication');
|
||||
let origAuth = get('originalAuthentication');
|
||||
let shouldShowUnchanged = !isCreate && auth && origAuth;
|
||||
|
||||
return shouldShowUnchanged ? gettext('Unchanged') : '';
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
columnT: [
|
||||
{
|
||||
xtype: 'pmxDisplayEditField',
|
||||
name: 'name',
|
||||
cbind: {
|
||||
value: '{name}',
|
||||
editable: '{isCreate}',
|
||||
},
|
||||
fieldLabel: gettext('Endpoint Name'),
|
||||
allowBlank: false,
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxcheckbox',
|
||||
name: 'enable',
|
||||
fieldLabel: gettext('Enable'),
|
||||
allowBlank: false,
|
||||
checked: true,
|
||||
},
|
||||
],
|
||||
|
||||
column1: [
|
||||
{
|
||||
xtype: 'proxmoxtextfield',
|
||||
fieldLabel: gettext('Server'),
|
||||
name: 'server',
|
||||
allowBlank: false,
|
||||
emptyText: gettext('mail.example.com'),
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxKVComboBox',
|
||||
name: 'mode',
|
||||
fieldLabel: gettext('Encryption'),
|
||||
editable: false,
|
||||
comboItems: [
|
||||
['insecure', gettext('None (insecure)')],
|
||||
['starttls', 'STARTTLS'],
|
||||
['tls', 'TLS'],
|
||||
],
|
||||
bind: '{mode}',
|
||||
cbind: {
|
||||
deleteEmpty: '{!isCreate}',
|
||||
},
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxintegerfield',
|
||||
name: 'port',
|
||||
fieldLabel: gettext('Port'),
|
||||
minValue: 1,
|
||||
maxValue: 65535,
|
||||
bind: {
|
||||
emptyText: '{portEmptyText}',
|
||||
},
|
||||
submitEmptyText: false,
|
||||
cbind: {
|
||||
deleteEmpty: '{!isCreate}',
|
||||
},
|
||||
},
|
||||
],
|
||||
column2: [
|
||||
{
|
||||
xtype: 'proxmoxcheckbox',
|
||||
fieldLabel: gettext('Authenticate'),
|
||||
name: 'authentication',
|
||||
bind: {
|
||||
value: '{authentication}',
|
||||
},
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxtextfield',
|
||||
fieldLabel: gettext('Username'),
|
||||
name: 'username',
|
||||
allowBlank: false,
|
||||
cbind: {
|
||||
deleteEmpty: '{!isCreate}',
|
||||
},
|
||||
bind: {
|
||||
disabled: '{!authentication}',
|
||||
},
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxtextfield',
|
||||
inputType: 'password',
|
||||
fieldLabel: gettext('Password'),
|
||||
name: 'password',
|
||||
cbind: {
|
||||
allowBlank: '{!isCreate}',
|
||||
},
|
||||
bind: {
|
||||
disabled: '{!authentication}',
|
||||
emptyText: '{passwordEmptyText}',
|
||||
},
|
||||
},
|
||||
],
|
||||
columnB: [
|
||||
{
|
||||
xtype: 'proxmoxtextfield',
|
||||
fieldLabel: gettext('From Address'),
|
||||
name: 'from-address',
|
||||
allowBlank: false,
|
||||
emptyText: gettext('user@example.com'),
|
||||
},
|
||||
{
|
||||
// provides 'mailto' and 'mailto-user' fields
|
||||
xtype: 'pmxEmailRecipientPanel',
|
||||
cbind: {
|
||||
isCreate: '{isCreate}',
|
||||
},
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxtextfield',
|
||||
name: 'comment',
|
||||
fieldLabel: gettext('Comment'),
|
||||
cbind: {
|
||||
deleteEmpty: '{!isCreate}',
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
advancedColumnB: [
|
||||
{
|
||||
xtype: 'proxmoxtextfield',
|
||||
fieldLabel: gettext('Author'),
|
||||
name: 'author',
|
||||
allowBlank: true,
|
||||
cbind: {
|
||||
emptyText: '{defaultMailAuthor}',
|
||||
deleteEmpty: '{!isCreate}',
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
onGetValues: function (values) {
|
||||
let me = this;
|
||||
|
||||
if (values.mailto) {
|
||||
values.mailto = values.mailto.split(/[\s,;]+/);
|
||||
}
|
||||
|
||||
if (!values.authentication && !me.isCreate) {
|
||||
Proxmox.Utils.assemble_field_data(values, { delete: 'username' });
|
||||
Proxmox.Utils.assemble_field_data(values, { delete: 'password' });
|
||||
}
|
||||
|
||||
if (values.enable) {
|
||||
if (!me.isCreate) {
|
||||
Proxmox.Utils.assemble_field_data(values, { delete: 'disable' });
|
||||
}
|
||||
} else {
|
||||
values.disable = 1;
|
||||
}
|
||||
|
||||
delete values.enable;
|
||||
|
||||
delete values.authentication;
|
||||
|
||||
return values;
|
||||
},
|
||||
|
||||
onSetValues: function (values) {
|
||||
let me = this;
|
||||
|
||||
values.authentication = !!values.username;
|
||||
values.enable = !values.disable;
|
||||
delete values.disable;
|
||||
|
||||
// Fix race condition in chromium-based browsers. Without this, the
|
||||
// 'Authenticate' remains ticked (the default value) if loading an
|
||||
// SMTP target without authentication.
|
||||
me.getViewModel().set('authentication', values.authentication);
|
||||
me.getViewModel().set('originalAuthentication', values.authentication);
|
||||
|
||||
return values;
|
||||
},
|
||||
});
|
||||
@@ -0,0 +1,427 @@
|
||||
Ext.define('Proxmox.panel.WebhookEditPanel', {
|
||||
extend: 'Proxmox.panel.InputPanel',
|
||||
xtype: 'pmxWebhookEditPanel',
|
||||
mixins: ['Proxmox.Mixin.CBind'],
|
||||
onlineHelp: 'notification_targets_webhook',
|
||||
|
||||
type: 'webhook',
|
||||
|
||||
columnT: [],
|
||||
|
||||
column1: [
|
||||
{
|
||||
xtype: 'pmxDisplayEditField',
|
||||
name: 'name',
|
||||
cbind: {
|
||||
value: '{name}',
|
||||
editable: '{isCreate}',
|
||||
},
|
||||
fieldLabel: gettext('Endpoint Name'),
|
||||
regex: Proxmox.Utils.safeIdRegex,
|
||||
allowBlank: false,
|
||||
},
|
||||
],
|
||||
|
||||
column2: [
|
||||
{
|
||||
xtype: 'proxmoxcheckbox',
|
||||
name: 'enable',
|
||||
fieldLabel: gettext('Enable'),
|
||||
allowBlank: false,
|
||||
checked: true,
|
||||
},
|
||||
],
|
||||
|
||||
columnB: [
|
||||
{
|
||||
xtype: 'fieldcontainer',
|
||||
fieldLabel: gettext('Method/URL'),
|
||||
layout: 'hbox',
|
||||
border: false,
|
||||
margin: '0 0 5 0',
|
||||
items: [
|
||||
{
|
||||
xtype: 'proxmoxKVComboBox',
|
||||
name: 'method',
|
||||
editable: false,
|
||||
value: 'post',
|
||||
comboItems: [
|
||||
['post', 'POST'],
|
||||
['put', 'PUT'],
|
||||
['get', 'GET'],
|
||||
],
|
||||
width: 80,
|
||||
margin: '0 5 0 0',
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxtextfield',
|
||||
name: 'url',
|
||||
allowBlank: false,
|
||||
emptyText: 'https://example.com/hook',
|
||||
regex: Proxmox.Utils.httpUrlRegex,
|
||||
regexText: gettext('Must be a valid URL'),
|
||||
flex: 4,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
xtype: 'pmxWebhookKeyValueList',
|
||||
name: 'header',
|
||||
fieldLabel: gettext('Headers'),
|
||||
addLabel: gettext('Add Header'),
|
||||
maskValues: false,
|
||||
cbind: {
|
||||
isCreate: '{isCreate}',
|
||||
},
|
||||
margin: '0 0 10 0',
|
||||
},
|
||||
{
|
||||
xtype: 'textarea',
|
||||
fieldLabel: gettext('Body'),
|
||||
name: 'body',
|
||||
allowBlank: true,
|
||||
minHeight: '150',
|
||||
fieldStyle: {
|
||||
'font-family': 'monospace',
|
||||
},
|
||||
margin: '0 0 5 0',
|
||||
},
|
||||
{
|
||||
xtype: 'pmxWebhookKeyValueList',
|
||||
name: 'secret',
|
||||
fieldLabel: gettext('Secrets'),
|
||||
addLabel: gettext('Add Secret'),
|
||||
maskValues: true,
|
||||
cbind: {
|
||||
isCreate: '{isCreate}',
|
||||
},
|
||||
margin: '0 0 10 0',
|
||||
},
|
||||
{
|
||||
xtype: 'proxmoxtextfield',
|
||||
name: 'comment',
|
||||
fieldLabel: gettext('Comment'),
|
||||
cbind: {
|
||||
deleteEmpty: '{!isCreate}',
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
onSetValues: (values) => {
|
||||
values.enable = !values.disable;
|
||||
|
||||
if (values.body) {
|
||||
values.body = Proxmox.Utils.base64ToUtf8(values.body);
|
||||
}
|
||||
|
||||
delete values.disable;
|
||||
return values;
|
||||
},
|
||||
|
||||
onGetValues: function (values) {
|
||||
let me = this;
|
||||
|
||||
if (values.enable) {
|
||||
if (!me.isCreate) {
|
||||
Proxmox.Utils.assemble_field_data(values, { delete: 'disable' });
|
||||
}
|
||||
} else {
|
||||
values.disable = 1;
|
||||
}
|
||||
|
||||
if (values.body) {
|
||||
values.body = Proxmox.Utils.utf8ToBase64(values.body);
|
||||
} else {
|
||||
delete values.body;
|
||||
if (!me.isCreate) {
|
||||
Proxmox.Utils.assemble_field_data(values, { delete: 'body' });
|
||||
}
|
||||
}
|
||||
|
||||
if (Ext.isArray(values.header) && !values.header.length) {
|
||||
delete values.header;
|
||||
if (!me.isCreate) {
|
||||
Proxmox.Utils.assemble_field_data(values, { delete: 'header' });
|
||||
}
|
||||
}
|
||||
|
||||
if (Ext.isArray(values.secret) && !values.secret.length) {
|
||||
delete values.secret;
|
||||
if (!me.isCreate) {
|
||||
Proxmox.Utils.assemble_field_data(values, { delete: 'secret' });
|
||||
}
|
||||
}
|
||||
delete values.enable;
|
||||
|
||||
return values;
|
||||
},
|
||||
});
|
||||
|
||||
Ext.define('Proxmox.form.WebhookKeyValueList', {
|
||||
extend: 'Ext.form.FieldContainer',
|
||||
alias: 'widget.pmxWebhookKeyValueList',
|
||||
|
||||
mixins: ['Ext.form.field.Field'],
|
||||
|
||||
// override for column header
|
||||
fieldTitle: gettext('Item'),
|
||||
|
||||
// label displayed in the "Add" button
|
||||
addLabel: undefined,
|
||||
|
||||
// will be applied to the textfields
|
||||
maskRe: undefined,
|
||||
|
||||
allowBlank: true,
|
||||
selectAll: false,
|
||||
isFormField: true,
|
||||
deleteEmpty: false,
|
||||
config: {
|
||||
deleteEmpty: false,
|
||||
maskValues: false,
|
||||
},
|
||||
|
||||
setValue: function (list) {
|
||||
let me = this;
|
||||
|
||||
list = Ext.isArray(list) ? list : (list ?? '').split(';').filter((t) => t !== '');
|
||||
|
||||
let store = me.lookup('grid').getStore();
|
||||
if (list.length > 0) {
|
||||
store.setData(
|
||||
list.map((item) => {
|
||||
let properties = Proxmox.Utils.parsePropertyString(item);
|
||||
|
||||
// decode base64
|
||||
let value = me.maskValues ? '' : Proxmox.Utils.base64ToUtf8(properties.value);
|
||||
|
||||
let obj = {
|
||||
headerName: properties.name,
|
||||
headerValue: value,
|
||||
};
|
||||
|
||||
if (!me.isCreate && me.maskValues) {
|
||||
obj.emptyText = gettext('Unchanged');
|
||||
}
|
||||
|
||||
return obj;
|
||||
}),
|
||||
);
|
||||
} else {
|
||||
store.removeAll();
|
||||
}
|
||||
me.checkChange();
|
||||
return me;
|
||||
},
|
||||
|
||||
getValue: function () {
|
||||
let me = this;
|
||||
let values = [];
|
||||
me.lookup('grid')
|
||||
.getStore()
|
||||
.each((rec) => {
|
||||
if (rec.data.headerName) {
|
||||
let obj = {
|
||||
name: rec.data.headerName,
|
||||
value: Proxmox.Utils.utf8ToBase64(rec.data.headerValue),
|
||||
};
|
||||
|
||||
values.push(Proxmox.Utils.printPropertyString(obj));
|
||||
}
|
||||
});
|
||||
|
||||
return values;
|
||||
},
|
||||
|
||||
getErrors: function (value) {
|
||||
let me = this;
|
||||
let empty = false;
|
||||
|
||||
me.lookup('grid')
|
||||
.getStore()
|
||||
.each((rec) => {
|
||||
if (!rec.data.headerName) {
|
||||
empty = true;
|
||||
}
|
||||
|
||||
if (!rec.data.headerValue && rec.data.newValue) {
|
||||
empty = true;
|
||||
}
|
||||
|
||||
if (!rec.data.headerValue && !me.maskValues) {
|
||||
empty = true;
|
||||
}
|
||||
});
|
||||
if (empty) {
|
||||
return [gettext('Name/value must not be empty.')];
|
||||
}
|
||||
return [];
|
||||
},
|
||||
|
||||
// override framework function to implement deleteEmpty behaviour
|
||||
getSubmitData: function () {
|
||||
let me = this,
|
||||
data = null,
|
||||
val;
|
||||
if (!me.disabled && me.submitValue) {
|
||||
val = me.getValue();
|
||||
if (val !== null && val !== '') {
|
||||
data = {};
|
||||
data[me.getName()] = val;
|
||||
} else if (me.getDeleteEmpty()) {
|
||||
data = {};
|
||||
data.delete = me.getName();
|
||||
}
|
||||
}
|
||||
return data;
|
||||
},
|
||||
|
||||
controller: {
|
||||
xclass: 'Ext.app.ViewController',
|
||||
|
||||
addLine: function () {
|
||||
let me = this;
|
||||
me.lookup('grid')
|
||||
.getStore()
|
||||
.add({
|
||||
headerName: '',
|
||||
headerValue: '',
|
||||
emptyText: gettext('Value'),
|
||||
newValue: true,
|
||||
});
|
||||
},
|
||||
|
||||
removeSelection: function (field) {
|
||||
let me = this;
|
||||
let view = me.getView();
|
||||
let grid = me.lookup('grid');
|
||||
|
||||
let record = field.getWidgetRecord();
|
||||
if (record === undefined) {
|
||||
// this is sometimes called before a record/column is initialized
|
||||
return;
|
||||
}
|
||||
|
||||
grid.getStore().remove(record);
|
||||
view.checkChange();
|
||||
view.validate();
|
||||
},
|
||||
|
||||
itemChange: function (field, newValue) {
|
||||
let rec = field.getWidgetRecord();
|
||||
if (!rec) {
|
||||
return;
|
||||
}
|
||||
|
||||
let column = field.getWidgetColumn();
|
||||
rec.set(column.dataIndex, newValue);
|
||||
let list = field.up('pmxWebhookKeyValueList');
|
||||
list.checkChange();
|
||||
list.validate();
|
||||
},
|
||||
|
||||
control: {
|
||||
'grid button': {
|
||||
click: 'removeSelection',
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
initComponent: function () {
|
||||
let me = this;
|
||||
|
||||
let items = [
|
||||
{
|
||||
xtype: 'grid',
|
||||
reference: 'grid',
|
||||
minHeight: 100,
|
||||
maxHeight: 100,
|
||||
scrollable: 'vertical',
|
||||
|
||||
viewConfig: {
|
||||
deferEmptyText: false,
|
||||
},
|
||||
|
||||
store: {
|
||||
listeners: {
|
||||
update: function () {
|
||||
this.commitChanges();
|
||||
},
|
||||
},
|
||||
},
|
||||
margin: '5 0 5 0',
|
||||
columns: [
|
||||
{
|
||||
header: me.fieldTtitle,
|
||||
dataIndex: 'headerName',
|
||||
xtype: 'widgetcolumn',
|
||||
widget: {
|
||||
xtype: 'textfield',
|
||||
isFormField: false,
|
||||
maskRe: me.maskRe,
|
||||
allowBlank: false,
|
||||
queryMode: 'local',
|
||||
emptyText: gettext('Key'),
|
||||
listeners: {
|
||||
change: 'itemChange',
|
||||
},
|
||||
},
|
||||
onWidgetAttach: function (_col, widget) {
|
||||
widget.isValid();
|
||||
},
|
||||
flex: 1,
|
||||
},
|
||||
{
|
||||
header: me.fieldTtitle,
|
||||
dataIndex: 'headerValue',
|
||||
xtype: 'widgetcolumn',
|
||||
widget: {
|
||||
xtype: 'proxmoxtextfield',
|
||||
inputType: me.maskValues ? 'password' : 'text',
|
||||
isFormField: false,
|
||||
maskRe: me.maskRe,
|
||||
queryMode: 'local',
|
||||
listeners: {
|
||||
change: 'itemChange',
|
||||
},
|
||||
allowBlank: !me.isCreate && me.maskValues,
|
||||
|
||||
bind: {
|
||||
emptyText: '{record.emptyText}',
|
||||
},
|
||||
},
|
||||
onWidgetAttach: function (_col, widget) {
|
||||
widget.isValid();
|
||||
},
|
||||
flex: 1,
|
||||
},
|
||||
{
|
||||
xtype: 'widgetcolumn',
|
||||
width: 40,
|
||||
widget: {
|
||||
xtype: 'button',
|
||||
iconCls: 'fa fa-trash-o',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
xtype: 'button',
|
||||
text: me.addLabel ? me.addLabel : gettext('Add'),
|
||||
iconCls: 'fa fa-plus-circle',
|
||||
handler: 'addLine',
|
||||
},
|
||||
];
|
||||
|
||||
for (const [key, value] of Object.entries(me.gridConfig ?? {})) {
|
||||
items[0][key] = value;
|
||||
}
|
||||
|
||||
Ext.apply(me, {
|
||||
items,
|
||||
});
|
||||
|
||||
me.callParent();
|
||||
me.initField();
|
||||
},
|
||||
});
|
||||
Reference in new issue
Block a user