configuration: options: adapt to new advanced statistic filter default

[pmg-gui.git] / js / Transport.js

diff --git a/js/Transport.js b/js/Transport.js
index b5e20d8b4f0006c916088ac893173b689111d4a0..141fde1d2840412801b57fb918a31eb875de93b4 100644 (file)
--- a/js/Transport.js
+++ b/js/Transport.js
@@ -1,181 +1,197 @@
-/*global Proxmox*/
 Ext.define('pmg-transport', {
     extend: 'Ext.data.Model',
-    fields: [ 'domain', 'host', { name: 'port', type: 'integer' },
-             { name: 'use_mx', type: 'boolean' }, 'comment' ],
+    fields: ['domain', 'host', 'protocol', { name: 'port', type: 'integer' },
+             { name: 'use_mx', type: 'boolean' }, 'comment'],
     proxy: {
         type: 'proxmox',
-       url: "/api2/json/config/transport"
+       url: "/api2/json/config/transport",
     },
-    idProperty: 'domain'
+    idProperty: 'domain',
 });
 
 Ext.define('PMG.Transport', {
     extend: 'Ext.grid.GridPanel',
     alias: ['widget.pmgTransport'],
 
-    initComponent : function() {
-       var me = this;
+    initComponent: function() {
+       let me = this;
 
-       var store = new Ext.data.Store({
+       let store = new Ext.data.Store({
            model: 'pmg-transport',
            sorters: {
                property: 'domain',
-               order: 'DESC'
-           }
-       });
-
-        var reload = function() {
-            store.load();
-        };
-
-       me.selModel = Ext.create('Ext.selection.RowModel', {});
-
-       var remove_btn =  Ext.createWidget('proxmoxStdRemoveButton', {
-           selModel: me.selModel,
-           baseurl: '/config/transport',
-           callback: reload,
-           waitMsgTarget: me
-       });
-
-       var common_properties = [
-           {
-               xtype: 'textfield',
-               name: 'host',
-               fieldLabel: gettext("Host")
-           },
-           {
-               xtype: 'proxmoxintegerfield',
-               name: 'port',
-               value: 25,
-               minValue: 1,
-               maxValue: 65535,
-               fieldLabel: gettext("Port")
-           },
-           {
-               xtype: 'proxmoxcheckbox',
-               name: 'use_mx',
-               checked: true,
-               uncheckedValue: 0,
-               fieldLabel: gettext("Use MX")
+               direction: 'ASC',
            },
-           {
-               xtype: 'textfield',
-               name: 'comment',
-               fieldLabel: gettext("Comment")
-           }
-       ];
-
-       var edit_properties = common_properties.slice();
-       edit_properties.unshift({
-           xtype: 'displayfield',
-           name: 'domain',
-           fieldLabel: gettext("Relay Domain")
        });
+       Proxmox.Utils.monStoreErrors(me, store, true);
+       let reload = () => store.load();
 
-       var create_properties = common_properties.slice();
-       create_properties.unshift({
-           xtype: 'proxmoxtextfield',
-           name: 'domain',
-           fieldLabel: gettext("Relay Domain")
-       });
+       me.selModel = Ext.create('Ext.selection.RowModel', {});
 
-       var run_editor = function() {
-           var rec = me.selModel.getSelection()[0];
+       let run_editor = function() {
+           let rec = me.selModel.getSelection()[0];
            if (!rec) {
                return;
            }
 
-           var config = {
+           let win = Ext.createWidget('pmgTransportEditor', {
                url: "/api2/extjs/config/transport/" + rec.data.domain,
                method: 'PUT',
-               subject: gettext("Transport"),
-               items: edit_properties
-           };
-
-           var win = Ext.createWidget('proxmoxWindowEdit', config);
-
+           });
            win.load();
            win.on('destroy', reload);
            win.show();
        };
 
-       var tbar = [
-            {
-               xtype: 'proxmoxButton',
-               text: gettext('Edit'),
-               disabled: true,
-               selModel: me.selModel,
-               handler: run_editor
-            },
-            {
-               text: gettext('Create'),
-               handler: function() {
-                   var config = {
-                       method: 'POST',
-                       url: "/api2/extjs/config/transport",
-                       isCreate: true,
-                       subject: gettext("Transport"),
-                       items: create_properties
-                   };
-
-                   var win = Ext.createWidget('proxmoxWindowEdit', config);
-
-                   win.on('destroy', reload);
-                   win.show();
-               }
-            },
-           remove_btn
-        ];
-
-       Proxmox.Utils.monStoreErrors(me, store, true);
-
        Ext.apply(me, {
            store: store,
-           tbar: tbar,
+           tbar: [
+               {
+                   xtype: 'proxmoxButton',
+                   text: gettext('Edit'),
+                   disabled: true,
+                   selModel: me.selModel,
+                   handler: run_editor,
+               },
+               {
+                   text: gettext('Create'),
+                   handler: function() {
+                       let win = Ext.createWidget('pmgTransportEditor', {
+                           method: 'POST',
+                           url: "/api2/extjs/config/transport",
+                           isCreate: true,
+                       });
+                       win.on('destroy', reload);
+                       win.show();
+                   },
+               },
+               {
+                   xtype: 'proxmoxStdRemoveButton',
+                   selModel: me.selModel,
+                   baseurl: '/config/transport',
+                   callback: reload,
+                   waitMsgTarget: me,
+               },
+           ],
            viewConfig: {
-               trackOver: false
+               trackOver: false,
            },
            columns: [
                {
                    header: gettext('Relay Domain'),
                    width: 200,
-                   sortable: true,
-                   dataIndex: 'domain'
+                   dataIndex: 'domain',
                },
                {
                    header: gettext('Host'),
                    width: 200,
-                   sortable: true,
-                   dataIndex: 'host'
+                   dataIndex: 'host',
+               },
+               {
+                   header: gettext('Protocol'),
+                   width: 200,
+                   dataIndex: 'protocol',
                },
                {
                    header: gettext('Port'),
                    width: 80,
-                   sortable: false,
-                   dataIndex: 'port'
+                   dataIndex: 'port',
                },
                {
                    header: gettext('Use MX'),
                    width: 80,
                    renderer: Proxmox.Utils.format_boolean,
-                   sortable: false,
-                   dataIndex: 'use_mx'
+                   dataIndex: 'use_mx',
                },
                {
                    header: gettext('Comment'),
-                   sortable: false,
                    renderer: Ext.String.htmlEncode,
                    dataIndex: 'comment',
-                   flex: 1
-               }
+                   flex: 1,
+               },
            ],
            listeners: {
                itemdblclick: run_editor,
-               activate: reload
-           }
+               activate: reload,
+           },
        });
 
        me.callParent();
-    }
+    },
+});
+
+Ext.define('PMG.TransportEditor', {
+    extend: 'Proxmox.window.Edit',
+    alias: 'widget.pmgTransportEditor',
+    mixins: ['Proxmox.Mixin.CBind'],
+
+    cbindData: (cfg) => ({
+       domainXType: cfg.method === 'POST' ? 'proxmoxtextfield' : 'displayfield',
+    }),
+
+    viewModel: {
+       data: {
+           proto: 'smtp',
+       },
+       formulas: {
+           protoIsSMTP: get => get('proto') === 'smtp',
+       },
+    },
+    onlineHelp: 'pmgconfig_mailproxy_transports',
+    subject: gettext("Transport"),
+
+    items: [
+       {
+           xtype: 'displayfield',
+           cbind: {
+               xtype: '{domainXType}',
+           },
+           name: 'domain',
+           fieldLabel: gettext("Relay Domain"),
+       },
+       {
+           xtype: 'textfield',
+           name: 'host',
+           fieldLabel: gettext("Host"),
+       },
+       {
+           xtype: 'proxmoxKVComboBox',
+           name: 'protocol',
+           fieldLabel: gettext('Protocol'),
+           deleteEmpty: false,
+           comboItems: [
+               ['smtp', 'SMTP'],
+               ['lmtp', 'LMTP'],
+           ],
+           allowBlank: true,
+           value: 'smtp',
+           bind: {
+               value: '{proto}',
+           },
+       },
+       {
+           xtype: 'proxmoxintegerfield',
+           name: 'port',
+           value: 25,
+           minValue: 1,
+           maxValue: 65535,
+           fieldLabel: gettext("Port"),
+       },
+       {
+           xtype: 'proxmoxcheckbox',
+           name: 'use_mx',
+           checked: true,
+           bind: {
+               disabled: '{!protoIsSMTP}',
+               hidden: '{!protoIsSMTP}',
+           },
+           uncheckedValue: 0,
+           fieldLabel: gettext('Use MX'),
+       },
+       {
+           xtype: 'textfield',
+           name: 'comment',
+           fieldLabel: gettext("Comment"),
+       },
+    ],
 });