js/ObjectGroup.js

   1 Ext.define('PMG.ObjectGroup', {
   2     extend: 'Ext.grid.GridPanel',
   3     alias: 'widget.pmgObjectGroup',
   4
   5     baseurl: undefined,
   6
   7     otype_list: [],
   8
   9     hideGroupInfo: false,
  10     showDirection: false, // only important for SMTP Whitelist
  11
  12     ogdata: undefined,
  13
  14     emptyText: gettext('Please select an object.'),
  15
  16     setBaseUrl: function(baseurl) {
  17         var me = this;
  18
  19         me.baseurl = baseurl;
  20
  21         if (me.baseurl === undefined) {
  22             me.store.proxy.setUrl(undefined);
  23             me.store.setData([]);
  24             me.setButtonState(me.store, [], false);
  25         } else {
  26             var url = '/api2/json' + me.baseurl + '/objects';
  27             me.store.proxy.setUrl(url);
  28             me.store.load();
  29         }
  30     },
  31
  32     setObjectInfo: function(ogdata) {
  33         var me = this;
  34
  35         me.ogdata = ogdata;
  36
  37         if (me.ogdata === undefined) {
  38
  39             me.down('#oginfo').update(me.emptyText);
  40
  41         } else {
  42
  43             var html = '<b>' + Ext.String.htmlEncode(me.ogdata.name) + '</b>';
  44             html += "<br><br>";
  45             html += Ext.String.htmlEncode(Ext.String.trim(me.ogdata.info));
  46
  47             me.down('#oginfo').update(html);
  48             me.down('#ogdata').setHidden(false);
  49         }
  50     },
  51
  52     setButtonState: function(store, records, success) {
  53         var me = this;
  54         if (!success || !me.baseurl) {
  55             me.down('#addMenuButton').setDisabled(true);
  56             return;
  57         }
  58         me.down('#addMenuButton').setDisabled(false);
  59     },
  60
  61     initComponent : function() {
  62         var me = this;
  63
  64         me.store = new Ext.data.Store({
  65             model: 'pmg-object-list',
  66             proxy: {
  67                 type: 'proxmox'
  68             },
  69             sorters: [
  70                 {
  71                     property : 'receivertest'
  72                 },
  73                 {
  74                     property : 'otype',
  75                     direction: 'ASC'
  76                 }
  77             ]
  78         });
  79
  80         me.columns = [{
  81             header: gettext('Type'),
  82             dataIndex: 'otype',
  83             renderer: PMG.Utils.format_otype,
  84             width: 200
  85         }];
  86
  87         if (me.showDirection) {
  88             me.columns.push({
  89                 header: gettext('Direction'),
  90                 dataIndex: 'receivertest',
  91                 renderer: function(value) {
  92                     return value ? PMG.Utils.receiverText : PMG.Utils.senderText;
  93                 }
  94             });
  95         }
  96
  97         me.columns.push({
  98             header: gettext('Value'),
  99             dataIndex: 'descr',
 100             renderer: Ext.String.htmlEncode,
 101             flex: 1
 102         });
 103
 104         var reload = function() {
 105             me.store.load();
 106         };
 107
 108         me.selModel = Ext.create('Ext.selection.RowModel', {});
 109
 110         var remove_btn = Ext.createWidget('proxmoxStdRemoveButton', {
 111             selModel: me.selModel,
 112             getUrl: function(rec) {
 113                 return me.baseurl + '/objects/' + rec.data.id;
 114             },
 115             callback: reload,
 116             getRecordName: function(rec) {
 117                 return PMG.Utils.format_otype(rec.data.otype) +
 118                     ': ' + rec.data.descr;
 119             },
 120             waitMsgTarget: me
 121         });
 122
 123         var full_subject = function(subject, receivertest) {
 124             if (me.showDirection) {
 125                 var direction = receivertest ?
 126                     PMG.Utils.receiverText : PMG.Utils.senderText;
 127
 128                 return subject + ' (' + direction + ')';
 129             } else {
 130                 return subject;
 131             }
 132         };
 133
 134         var run_editor = function() {
 135             var rec = me.selModel.getSelection()[0];
 136             if (!rec) {
 137                 return;
 138             }
 139
 140             var editor = PMG.Utils.object_editors[rec.data.otype];
 141             if (!editor || editor.uneditable) {
 142                 return;
 143             }
 144
 145             var config = Ext.apply({ method: 'PUT' }, editor);
 146             config.subject = full_subject(editor.subject, rec.data.receivertest);
 147             config.url = me.baseurl + '/' + editor.subdir + '/' + rec.data.id;
 148
 149             var win = Ext.createWidget(config);
 150
 151             win.load();
 152             win.on('destroy', reload);
 153             win.show();
 154         };
 155
 156         var menu_items = [];
 157
 158         Ext.Array.each(me.otype_list, function(otype) {
 159
 160             var editor = PMG.Utils.object_editors[otype];
 161
 162             var config = Ext.apply({ method: 'POST' }, editor);
 163             config.subject = full_subject(editor.subject, editor.receivertest);
 164
 165             menu_items.push({
 166                 text: config.subject,
 167                 iconCls: config.iconCls || 'fa fa-question-circle',
 168                 handler: function() {
 169                     if (me.baseurl == undefined) {
 170                         return;
 171                     }
 172                     config.url = me.baseurl + '/' + editor.subdir;
 173                     var win = Ext.create(config);
 174                     win.on('destroy', reload);
 175                     win.show();
 176                 }
 177             });
 178         });
 179
 180         me.dockedItems = [];
 181
 182         me.dockedItems.push({
 183             xtype: 'toolbar',
 184             dock: 'top',
 185             items: [
 186                 {
 187                     text: gettext('Add'),
 188                     disabled: true,
 189                     itemId: 'addMenuButton',
 190                     menu: {
 191                         items: menu_items
 192                     }
 193                 },
 194                 {
 195                     xtype: 'proxmoxButton',
 196                     text: gettext('Edit'),
 197                     disabled: true,
 198                     selModel: me.selModel,
 199                     enableFn: function(rec) {
 200                         var editor = PMG.Utils.object_editors[rec.data.otype];
 201                         return (editor && !editor.uneditable);
 202                     },
 203                     handler: run_editor
 204                 },
 205                 remove_btn
 206             ]
 207         });
 208
 209         me.dockedItems.push({
 210             dock: 'top',
 211             border: 1,
 212             layout: 'anchor',
 213             hidden: me.hideGroupInfo ? true : false,
 214             itemId: 'ogdata',
 215             items: [
 216                 {
 217                     xtype: 'component',
 218                     anchor: '100%',
 219                     itemId: 'oginfo',
 220                     style: { 'white-space': 'pre' },
 221                     padding: 10,
 222                     html: me.emptyText,
 223                     listeners: {
 224                         dblclick: {
 225                             fn: function(e, t) {
 226                                 if (me.ogdata === undefined) { return; }
 227                                 me.fireEvent('dblclickOGInfo', me, e, t, me.ogdata);
 228                             },
 229                             element: 'el',
 230                             scope: this
 231                         }
 232                     }
 233                 }
 234             ]
 235         });
 236
 237         Proxmox.Utils.monStoreErrors(me, me.store, true);
 238
 239         Ext.apply(me, {
 240             listeners: {
 241                 itemdblclick: run_editor,
 242                 activate: reload
 243             }
 244         });
 245
 246         me.callParent();
 247
 248         me.mon(me.store, 'load', me.setButtonState, me);
 249
 250         if (me.baseurl) {
 251             me.setBaseUrl(me.baseurl); // configure store, load()
 252         }
 253     }
 254 });