www/manager6/form/BridgeSelector.js

   1 Ext.define('PVE.form.BridgeSelector', {
   2     extend: 'Proxmox.form.ComboGrid',
   3     alias: ['widget.PVE.form.BridgeSelector'],
   4
   5     bridgeType: 'any_bridge', // bridge, OVSBridge or any_bridge
   6
   7     store: {
   8         fields: ['iface', 'active', 'type'],
   9         filterOnLoad: true,
  10         sorters: [
  11             {
  12                 property: 'iface',
  13                 direction: 'ASC',
  14             },
  15         ],
  16     },
  17     valueField: 'iface',
  18     displayField: 'iface',
  19     listConfig: {
  20         columns: [
  21             {
  22                 header: gettext('Bridge'),
  23                 dataIndex: 'iface',
  24                 hideable: false,
  25                 width: 100,
  26             },
  27             {
  28                 header: gettext('Active'),
  29                 width: 60,
  30                 dataIndex: 'active',
  31                 renderer: Proxmox.Utils.format_boolean,
  32             },
  33             {
  34                 header: gettext('Comment'),
  35                 dataIndex: 'comments',
  36                 renderer: Ext.String.htmlEncode,
  37                 flex: 1,
  38             },
  39         ],
  40     },
  41
  42     setNodename: function(nodename) {
  43         var me = this;
  44
  45         if (!nodename || me.nodename === nodename) {
  46             return;
  47         }
  48
  49         me.nodename = nodename;
  50
  51         me.store.setProxy({
  52             type: 'proxmox',
  53             url: '/api2/json/nodes/' + me.nodename + '/network?type=' +
  54                 me.bridgeType,
  55         });
  56
  57         me.store.load();
  58     },
  59
  60     initComponent: function() {
  61         var me = this;
  62
  63         var nodename = me.nodename;
  64         me.nodename = undefined;
  65
  66         me.callParent();
  67
  68         me.setNodename(nodename);
  69     },
  70 });
  71