js/ObjectGroupList.js

   1 Ext.define('pmg-object-group', {
   2     extend: 'Ext.data.Model',
   3     fields: ['id', 'name', 'info'],
   4     idProperty: 'id',
   5 });
   6
   7 Ext.define('pmg-object-list', {
   8     extend: 'Ext.data.Model',
   9     fields: [
  10         'id', 'descr',
  11         { name: 'otype', type: 'integer' },
  12         { name: 'receivertest', type: 'boolean' },
  13     ],
  14     idProperty: 'id',
  15 });
  16
  17
  18 Ext.define('PMG.ObjectGroupList', {
  19     extend: 'Ext.grid.GridPanel',
  20     alias: ['widget.pmgObjectGroupList'],
  21
  22     ogclass: undefined, //  'who', 'when', 'what'
  23
  24     subject: 'Object Group List', // please overwrite
  25
  26     baseurl: undefined,
  27
  28     enableButtons: true,
  29
  30     inputItems: [
  31         {
  32             xtype: 'textfield',
  33             name: 'name',
  34             allowBlank: false,
  35             fieldLabel: gettext('Name'),
  36         },
  37         {
  38             xtype: 'textareafield',
  39             name: 'info',
  40             fieldLabel: gettext("Description"),
  41         },
  42     ],
  43
  44     reload: function() {
  45         var me = this;
  46
  47         me.store.load();
  48     },
  49
  50     run_editor: function() {
  51         var me = this;
  52
  53         var rec = me.selModel.getSelection()[0];
  54         if (!rec) {
  55             return;
  56         }
  57
  58         var config = {
  59             url: "/api2/extjs" + me.baseurl +'/' + rec.data.id + '/config',
  60             onlineHelp: 'chapter_mailfilter',
  61             method: 'PUT',
  62             subject: me.subject,
  63             width: 400,
  64             items: me.inputItems,
  65         };
  66
  67         var win = Ext.createWidget('proxmoxWindowEdit', config);
  68
  69         win.load();
  70         win.on('destroy', me.reload, me);
  71         win.show();
  72     },
  73
  74     initComponent: function() {
  75         var me = this;
  76
  77         if (!me.ogclass) {
  78             throw "ogclass not initialized";
  79         }
  80
  81         me.baseurl = "/config/ruledb/" + me.ogclass;
  82
  83         me.store = new Ext.data.Store({
  84             model: 'pmg-object-group',
  85             proxy: {
  86                 type: 'proxmox',
  87                 url: "/api2/json" + me.baseurl,
  88             },
  89             sorters: {
  90                 property: 'name',
  91                 direction: 'ASC',
  92             },
  93         });
  94
  95         me.selModel = Ext.create('Ext.selection.RowModel', {});
  96
  97         var remove_btn = Ext.createWidget('proxmoxStdRemoveButton', {
  98             selModel: me.selModel,
  99             baseurl: me.baseurl,
 100             callback: function() { me.reload(); },
 101             getRecordName: function(rec) { return rec.data.name; },
 102             waitMsgTarget: me,
 103         });
 104
 105         var tbar = [
 106             {
 107                 xtype: 'proxmoxButton',
 108                 text: gettext('Edit'),
 109                 disabled: true,
 110                 selModel: me.selModel,
 111                 handler: function() { me.run_editor(); },
 112             },
 113             {
 114                 text: gettext('Create'),
 115                 handler: function() {
 116                     var config = {
 117                         method: 'POST',
 118                         url: "/api2/extjs" + me.baseurl,
 119                         onlineHelp: 'chapter_mailfilter',
 120                         isCreate: true,
 121                         width: 400,
 122                         subject: me.subject,
 123                         items: me.inputItems,
 124                     };
 125
 126                     var win = Ext.createWidget('proxmoxWindowEdit', config);
 127
 128                     win.on('destroy', me.reload, me);
 129                     win.show();
 130                 },
 131             },
 132             remove_btn,
 133         ];
 134
 135         Proxmox.Utils.monStoreErrors(me, me.store, true);
 136
 137         if (me.enableButtons) {
 138             me.tbar = tbar;
 139         }
 140
 141         Ext.apply(me, {
 142             columns: [
 143                 {
 144                     header: gettext('Name'),
 145                     sortable: true,
 146                     flex: 1,
 147                     dataIndex: 'name',
 148                     renderer: Ext.String.htmlEncode,
 149                 },
 150             ],
 151             listeners: {
 152                 itemdblclick: function() {
 153                     if (me.enableButtons) {
 154                         me.run_editor();
 155                     }
 156                 },
 157                 activate: function() { me.reload(); },
 158             },
 159         });
 160
 161         me.callParent();
 162
 163         me.reload(); // initial load
 164     },
 165 });