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                     xtype: 'proxmoxButton',
  51                     text: gettext('Edit'),
  52                     disabled: true,
  53                     selModel: me.selModel,
  54                     handler: run_editor,
  55                 },
  56                 {
  57                     text: gettext('Create'),
  58                     handler: function() {
  59                         let win = Ext.createWidget('pmgTransportEditor', {
  60                             method: 'POST',
  61                             url: "/api2/extjs/config/transport",
  62                             isCreate: true,
  63                         });
  64                         win.on('destroy', reload);
  65                         win.show();
  66                     },
  67                 },
  68                 {
  69                     xtype: 'proxmoxStdRemoveButton',
  70                     selModel: me.selModel,
  71                     baseurl: '/config/transport',
  72                     callback: reload,
  73                     waitMsgTarget: me,
  74                 },
  75                 '->',
  76                 {
  77                     xtype: 'pmgFilterField',
  78                     filteredFields: ['domain', 'host', 'port', 'protocol', 'comment'],
  79                 },
  80             ],
  81             viewConfig: {
  82                 trackOver: false,
  83             },
  84             columns: [
  85                 {
  86                     header: gettext('Relay Domain'),
  87                     width: 200,
  88                     dataIndex: 'domain',
  89                 },
  90                 {
  91                     header: gettext('Host'),
  92                     width: 200,
  93                     dataIndex: 'host',
  94                 },
  95                 {
  96                     header: gettext('Protocol'),
  97                     width: 200,
  98                     dataIndex: 'protocol',
  99                 },
 100                 {
 101                     header: gettext('Port'),
 102                     width: 80,
 103                     dataIndex: 'port',
 104                 },
 105                 {
 106                     header: gettext('Use MX'),
 107                     width: 80,
 108                     renderer: Proxmox.Utils.format_boolean,
 109                     dataIndex: 'use_mx',
 110                 },
 111                 {
 112                     header: gettext('Comment'),
 113                     renderer: Ext.String.htmlEncode,
 114                     dataIndex: 'comment',
 115                     flex: 1,
 116                 },
 117             ],
 118             listeners: {
 119                 itemdblclick: run_editor,
 120                 activate: reload,
 121             },
 122         });
 123
 124         me.callParent();
 125     },
 126 });
 127
 128 Ext.define('PMG.TransportEditor', {
 129     extend: 'Proxmox.window.Edit',
 130     alias: 'widget.pmgTransportEditor',
 131     mixins: ['Proxmox.Mixin.CBind'],
 132
 133     cbindData: (cfg) => ({
 134         domainXType: cfg.method === 'POST' ? 'proxmoxtextfield' : 'displayfield',
 135     }),
 136
 137     viewModel: {
 138         data: {
 139             proto: 'smtp',
 140         },
 141         formulas: {
 142             protoIsSMTP: get => get('proto') === 'smtp',
 143         },
 144     },
 145     onlineHelp: 'pmgconfig_mailproxy_transports',
 146     subject: gettext("Transport"),
 147
 148     items: [
 149         {
 150             xtype: 'displayfield',
 151             cbind: {
 152                 xtype: '{domainXType}',
 153             },
 154             name: 'domain',
 155             fieldLabel: gettext("Relay Domain"),
 156         },
 157         {
 158             xtype: 'textfield',
 159             name: 'host',
 160             fieldLabel: gettext("Host"),
 161         },
 162         {
 163             xtype: 'proxmoxKVComboBox',
 164             name: 'protocol',
 165             fieldLabel: gettext('Protocol'),
 166             deleteEmpty: false,
 167             comboItems: [
 168                 ['smtp', 'SMTP'],
 169                 ['lmtp', 'LMTP'],
 170             ],
 171             allowBlank: true,
 172             value: 'smtp',
 173             bind: {
 174                 value: '{proto}',
 175             },
 176         },
 177         {
 178             xtype: 'proxmoxintegerfield',
 179             name: 'port',
 180             value: 25,
 181             minValue: 1,
 182             maxValue: 65535,
 183             fieldLabel: gettext("Port"),
 184         },
 185         {
 186             xtype: 'proxmoxcheckbox',
 187             name: 'use_mx',
 188             checked: true,
 189             bind: {
 190                 disabled: '{!protoIsSMTP}',
 191                 hidden: '{!protoIsSMTP}',
 192             },
 193             uncheckedValue: 0,
 194             fieldLabel: gettext('Use MX'),
 195         },
 196         {
 197             xtype: 'textfield',
 198             name: 'comment',
 199             fieldLabel: gettext("Comment"),
 200         },
 201     ],
 202 });