www/manager6/form/StorageSelector.js

   1 Ext.define('PVE.form.StorageSelector', {
   2     extend: 'Proxmox.form.ComboGrid',
   3     alias: 'widget.pveStorageSelector',
   4
   5     allowBlank: false,
   6     valueField: 'storage',
   7     displayField: 'storage',
   8     listConfig: {
   9         columns: [
  10             {
  11                 header: gettext('Name'),
  12                 dataIndex: 'storage',
  13                 hideable: false,
  14                 flex: 1
  15             },
  16             {
  17                 header: gettext('Type'),
  18                 width: 60,
  19                 dataIndex: 'type'
  20             },
  21             {
  22                 header: gettext('Avail'),
  23                 width: 80,
  24                 dataIndex: 'avail',
  25                 renderer: PVE.Utils.format_size
  26             },
  27             {
  28                 header: gettext('Capacity'),
  29                 width: 80,
  30                 dataIndex: 'total',
  31                 renderer: PVE.Utils.format_size
  32             }
  33         ]
  34     },
  35
  36     reloadStorageList: function() {
  37         var me = this;
  38         if (!me.nodename) {
  39             return;
  40         }
  41
  42         var params = {
  43             format: 1
  44         };
  45         var url = '/api2/json/nodes/' + me.nodename + '/storage';
  46         if (me.storageContent) {
  47             params.content = me.storageContent;
  48         }
  49         if (me.targetNode) {
  50             params.target = me.targetNode;
  51             params.enabled = 1; // skip disabled storages
  52         }
  53         me.store.setProxy({
  54             type: 'pve',
  55             url: url,
  56             extraParams: params
  57         });
  58
  59         me.store.load();
  60
  61     },
  62
  63     setTargetNode: function(targetNode) {
  64         var me = this;
  65
  66         if (!targetNode || (me.targetNode === targetNode)) {
  67             return;
  68         }
  69
  70         me.targetNode = targetNode;
  71
  72         me.reloadStorageList();
  73     },
  74
  75     setNodename: function(nodename) {
  76         var me = this;
  77
  78         if (!nodename || (me.nodename === nodename)) {
  79             return;
  80         }
  81
  82         me.nodename = nodename;
  83
  84         me.reloadStorageList();
  85     },
  86
  87     initComponent: function() {
  88         var me = this;
  89
  90         var nodename = me.nodename;
  91         me.nodename = undefined;
  92
  93         var store = Ext.create('Ext.data.Store', {
  94             model: 'pve-storage-status',
  95             sorters: {
  96                 property: 'storage',
  97                 order: 'DESC'
  98             }
  99         });
 100
 101         Ext.apply(me, {
 102             store: store
 103         });
 104
 105         me.callParent();
 106
 107         if (nodename) {
 108             me.setNodename(nodename);
 109         }
 110     }
 111 }, function() {
 112
 113     Ext.define('pve-storage-status', {
 114         extend: 'Ext.data.Model',
 115         fields: [ 'storage', 'active', 'type', 'avail', 'total' ],
 116         idProperty: 'storage'
 117     });
 118
 119 });