js/Transport.js

   1 Ext.define('pmg-transport', {
   2     extend: 'Ext.data.Model',
   3     fields: ['domain', 'host', 'protocol', { name: 'port', type: 'integer' },
   4               { name: 'use_mx', type: 'boolean' }, 'comment'],
   5     proxy: {
   6         type: 'proxmox',
   7         url: "/api2/json/config/transport",
   8     },
   9     idProperty: 'domain',
  10 });
  11
  12 Ext.define('PMG.Transport', {
  13     extend: 'Ext.grid.GridPanel',
  14     alias: ['widget.pmgTransport'],
  15
  16     initComponent: function() {
  17         let me = this;
  18
  19         let store = new Ext.data.Store({
  20             model: 'pmg-transport',
  21             sorters: {
  22                 property: 'domain',
  23                 direction: 'ASC',
  24             },
  25         });
  26         Proxmox.Utils.monStoreErrors(me, store, true);
  27         let reload = () => store.load();
  28
  29         me.selModel = Ext.create('Ext.selection.RowModel', {});
  30
  31         let run_editor = function() {
  32             let rec = me.selModel.getSelection()[0];
  33             if (!rec) {
  34                 return;
  35             }
  36
  37             let win = Ext.createWidget('pmgTransportEditor', {
  38                 url: "/api2/extjs/config/transport/" + rec.data.domain,
  39                 method: 'PUT',
  40             });
  41             win.load();
  42             win.on('destroy', reload);
  43             win.show();
  44         };
  45
  46         Ext.apply(me, {
  47             store: store,
  48             tbar: [
  49                 {
  50                     text: gettext('Create'),
  51                     handler: () => Ext.createWidget('pmgTransportEditor', {
  52                         autoShow: true,
  53                         method: 'POST',
  54                         url: "/api2/extjs/config/transport",
  55                         isCreate: true,
  56                         listeners: {
  57                             destroy: () => reload(),
  58                         },
  59                     }),
  60                 },
  61                 '-',
  62                 {
  63                     xtype: 'proxmoxButton',
  64                     text: gettext('Edit'),
  65                     disabled: true,
  66                     selModel: me.selModel,
  67                     handler: run_editor,
  68                 },
  69                 {
  70                     xtype: 'proxmoxStdRemoveButton',
  71                     selModel: me.selModel,
  72                     baseurl: '/config/transport',
  73                     callback: reload,
  74                     waitMsgTarget: me,
  75                 },
  76                 '->',
  77                 {
  78                     xtype: 'pmgFilterField',
  79                     filteredFields: ['domain', 'host', 'port', 'protocol', 'comment'],
  80                 },
  81             ],
  82             viewConfig: {
  83                 trackOver: false,
  84             },
  85             columns: [
  86                 {
  87                     header: gettext('Relay Domain'),
  88                     width: 200,
  89                     dataIndex: 'domain',
  90                 },
  91                 {
  92                     header: gettext('Host'),
  93                     width: 200,
  94                     dataIndex: 'host',
  95                 },
  96                 {
  97                     header: gettext('Protocol'),
  98                     width: 200,
  99                     dataIndex: 'protocol',
 100                 },
 101                 {
 102                     header: gettext('Port'),
 103                     width: 80,
 104                     dataIndex: 'port',
 105                 },
 106                 {
 107                     header: gettext('Use MX'),
 108                     width: 80,
 109                     renderer: Proxmox.Utils.format_boolean,
 110                     dataIndex: 'use_mx',
 111                 },
 112                 {
 113                     header: gettext('Comment'),
 114                     renderer: Ext.String.htmlEncode,
 115                     dataIndex: 'comment',
 116                     flex: 1,
 117                 },
 118             ],
 119             listeners: {
 120                 itemdblclick: run_editor,
 121                 activate: reload,
 122             },
 123         });
 124
 125         me.callParent();
 126     },
 127 });
 128
 129 Ext.define('PMG.TransportEditor', {
 130     extend: 'Proxmox.window.Edit',
 131     alias: 'widget.pmgTransportEditor',
 132     mixins: ['Proxmox.Mixin.CBind'],
 133
 134     cbindData: (cfg) => ({
 135         domainXType: cfg.method === 'POST' ? 'proxmoxtextfield' : 'displayfield',
 136     }),
 137
 138     viewModel: {
 139         data: {
 140             proto: 'smtp',
 141         },
 142         formulas: {
 143             protoIsSMTP: get => get('proto') === 'smtp',
 144         },
 145     },
 146     onlineHelp: 'pmgconfig_mailproxy_transports',
 147     subject: gettext("Transport"),
 148
 149     items: [
 150         {
 151             xtype: 'displayfield',
 152             cbind: {
 153                 xtype: '{domainXType}',
 154             },
 155             name: 'domain',
 156             fieldLabel: gettext("Relay Domain"),
 157         },
 158         {
 159             xtype: 'textfield',
 160             name: 'host',
 161             fieldLabel: gettext("Host"),
 162         },
 163         {
 164             xtype: 'proxmoxKVComboBox',
 165             name: 'protocol',
 166             fieldLabel: gettext('Protocol'),
 167             deleteEmpty: false,
 168             comboItems: [
 169                 ['smtp', 'SMTP'],
 170                 ['lmtp', 'LMTP'],
 171             ],
 172             allowBlank: true,
 173             value: 'smtp',
 174             bind: {
 175                 value: '{proto}',
 176             },
 177         },
 178         {
 179             xtype: 'proxmoxintegerfield',
 180             name: 'port',
 181             value: 25,
 182             minValue: 1,
 183             maxValue: 65535,
 184             fieldLabel: gettext("Port"),
 185         },
 186         {
 187             xtype: 'proxmoxcheckbox',
 188             name: 'use_mx',
 189             checked: true,
 190             bind: {
 191                 disabled: '{!protoIsSMTP}',
 192                 hidden: '{!protoIsSMTP}',
 193             },
 194             uncheckedValue: 0,
 195             fieldLabel: gettext('Use MX'),
 196         },
 197         {
 198             xtype: 'textfield',
 199             name: 'comment',
 200             fieldLabel: gettext("Comment"),
 201         },
 202     ],
 203 });