js/MyNetworks.js

   1 /*global Proxmox*/
   2 Ext.define('pmg-mynetworks', {
   3     extend: 'Ext.data.Model',
   4     fields: [ 'cidr', 'comment' ],
   5     proxy: {
   6         type: 'proxmox',
   7         url: "/api2/json/config/mynetworks"
   8     },
   9     idProperty: 'cidr'
  10 });
  11
  12 Ext.define('PMG.MyNetworks', {
  13     extend: 'Ext.grid.GridPanel',
  14     alias: ['widget.pmgMyNetworks'],
  15
  16     initComponent : function() {
  17         var me = this;
  18
  19         var store = new Ext.data.Store({
  20             model: 'pmg-mynetworks',
  21             sorters: {
  22                 property: 'cidr',
  23                 order: 'DESC'
  24             }
  25         });
  26
  27         var reload = function() {
  28             store.load();
  29         };
  30
  31         me.selModel = Ext.create('Ext.selection.RowModel', {});
  32
  33         var remove_btn =  Ext.createWidget('proxmoxStdRemoveButton', {
  34             selModel: me.selModel,
  35             baseurl: '/config/mynetworks',
  36             callback: reload,
  37             waitMsgTarget: me
  38         });
  39
  40         var run_editor = function() {
  41             var rec = me.selModel.getSelection()[0];
  42             if (!rec) {
  43                 return;
  44             }
  45
  46             var config = {
  47                 url: "/api2/extjs/config/mynetworks/" + rec.data.cidr,
  48                 method: 'PUT',
  49                 subject: gettext("Trusted Network"),
  50                 items: [
  51                     {
  52                         xtype: 'displayfield',
  53                         name: 'cidr',
  54                         fieldLabel: 'CIDR'
  55                     },
  56                     {
  57                         xtype: 'textfield',
  58                         name: 'comment',
  59                         fieldLabel: gettext("Comment")
  60                     }
  61                 ]
  62             };
  63
  64             var win = Ext.createWidget('proxmoxWindowEdit', config);
  65
  66             win.load();
  67             win.on('destroy', reload);
  68             win.show();
  69         };
  70
  71         var tbar = [
  72             {
  73                 xtype: 'proxmoxButton',
  74                 text: gettext('Edit'),
  75                 disabled: true,
  76                 selModel: me.selModel,
  77                 handler: run_editor
  78             },
  79             {
  80                 text: gettext('Create'),
  81                 handler: function() {
  82                     var config = {
  83                         method: 'POST',
  84                         url: "/api2/extjs/config/mynetworks",
  85                         create: true,
  86                         subject: gettext("Trusted Network"),
  87                         items: [
  88                             {
  89                                 xtype: 'proxmoxtextfield',
  90                                 name: 'cidr',
  91                                 fieldLabel: 'CIDR'
  92                             },
  93                             {
  94                                 xtype: 'proxmoxtextfield',
  95                                 name: 'comment',
  96                                 fieldLabel: gettext("Comment")
  97                             }
  98                         ]
  99                     };
 100
 101                     var win = Ext.createWidget('proxmoxWindowEdit', config);
 102
 103                     win.on('destroy', reload);
 104                     win.show();
 105                 }
 106             },
 107             remove_btn
 108         ];
 109
 110         Proxmox.Utils.monStoreErrors(me, store, true);
 111
 112         Ext.apply(me, {
 113             store: store,
 114             tbar: tbar,
 115             viewConfig: {
 116                 trackOver: false
 117             },
 118             columns: [
 119                 {
 120                     header: gettext('Trusted Network'),
 121                     width: 200,
 122                     sortable: true,
 123                     dataIndex: 'cidr'
 124                 },
 125                 {
 126                     header: gettext('Comment'),
 127                     sortable: false,
 128                     renderer: Ext.String.htmlEncode,
 129                     dataIndex: 'comment',
 130                     flex: 1
 131                 }
 132             ],
 133             listeners: {
 134                 itemdblclick: run_editor,
 135                 activate: reload
 136             }
 137         });
 138
 139         me.callParent();
 140     }
 141 });