js/ObjectGroupList.js

   1 /*global Proxmox*/
   2 Ext.define('pmg-object-group', {
   3     extend: 'Ext.data.Model',
   4     fields: [ 'id', 'name', 'info' ],
   5     idProperty: 'id'
   6 });
   7
   8 Ext.define('pmg-object-list', {
   9     extend: 'Ext.data.Model',
  10     fields: [
  11         'id', 'descr',
  12         { name: 'otype', type: 'integer' },
  13         { name: 'receivertest', type: 'boolean' }
  14     ],
  15     idProperty: 'id'
  16 });
  17
  18
  19 Ext.define('PMG.ObjectGroupList', {
  20     extend: 'Ext.grid.GridPanel',
  21     alias: ['widget.pmgObjectGroupList'],
  22
  23     ogclass: undefined, //  'who', 'when', 'what'
  24
  25     subject: 'Object Group List', // please overwrite
  26
  27     baseurl: undefined,
  28
  29     enableButtons: true,
  30
  31     inputItems: [
  32         {
  33             xtype: 'textfield',
  34             name: 'name',
  35             allowBlank: false,
  36             fieldLabel: gettext('Name')
  37         },
  38         {
  39             xtype: 'textareafield',
  40             name: 'info',
  41             fieldLabel: gettext("Description")
  42         }
  43     ],
  44
  45     reload: function() {
  46         var me = this;
  47
  48         me.store.load();
  49     },
  50
  51     run_editor: function() {
  52         var me = this;
  53
  54         var rec = me.selModel.getSelection()[0];
  55         if (!rec) {
  56             return;
  57         }
  58
  59         var config = {
  60             url: "/api2/extjs" + me.baseurl +'/' + rec.data.id + '/config',
  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                 order: 'DESC'
  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                         isCreate: true,
 120                         width: 400,
 121                         subject: me.subject,
 122                         items: me.inputItems
 123                     };
 124
 125                     var win = Ext.createWidget('proxmoxWindowEdit', config);
 126
 127                     win.on('destroy', me.reload, me);
 128                     win.show();
 129                 }
 130             },
 131             remove_btn
 132         ];
 133
 134         Proxmox.Utils.monStoreErrors(me, me.store, true);
 135
 136         if (me.enableButtons) {
 137             me.tbar = tbar;
 138         }
 139
 140         Ext.apply(me, {
 141             columns: [
 142                 {
 143                     header: gettext('Name'),
 144                     sortable: true,
 145                     flex: 1,
 146                     dataIndex: 'name',
 147                     renderer: Ext.String.htmlEncode
 148                 }
 149             ],
 150             listeners: {
 151                 itemdblclick: function() {
 152                     if (me.enableButtons) {
 153                         me.run_editor();
 154                     }
 155                 },
 156                 activate: function() { me.reload(); }
 157             }
 158         });
 159
 160         me.callParent();
 161
 162         me.reload(); // initial load
 163     }
 164 });