www/manager6/grid/PoolMembers.js

   1 Ext.define('PVE.pool.AddVM', {
   2     extend: 'Proxmox.window.Edit',
   3     width: 600,
   4     height: 400,
   5     isAdd: true,
   6     isCreate: true,
   7     initComponent: function() {
   8         var me = this;
   9
  10         if (!me.pool) {
  11             throw "no pool specified";
  12         }
  13
  14         me.url = "/pools/" + me.pool;
  15         me.method = 'PUT';
  16
  17         var vmsField = Ext.create('Ext.form.field.Text', {
  18             name: 'vms',
  19             hidden: true,
  20             allowBlank: false,
  21         });
  22
  23         var vmStore = Ext.create('Ext.data.Store', {
  24             model: 'PVEResources',
  25             sorters: [
  26                 {
  27                     property: 'vmid',
  28                     order: 'ASC',
  29                 },
  30             ],
  31             filters: [
  32                 function(item) {
  33                     return (item.data.type === 'lxc' || item.data.type === 'qemu') && item.data.pool === '';
  34                 },
  35             ],
  36         });
  37
  38         var vmGrid = Ext.create('widget.grid', {
  39             store: vmStore,
  40             border: true,
  41             height: 300,
  42             scrollable: true,
  43             selModel: {
  44                 selType: 'checkboxmodel',
  45                 mode: 'SIMPLE',
  46                 listeners: {
  47                     selectionchange: function(model, selected, opts) {
  48                         var selectedVms = [];
  49                         selected.forEach(function(vm) {
  50                             selectedVms.push(vm.data.vmid);
  51                         });
  52                         vmsField.setValue(selectedVms);
  53                     },
  54                 },
  55             },
  56             columns: [
  57                 {
  58                     header: 'ID',
  59                     dataIndex: 'vmid',
  60                     width: 60,
  61                 },
  62                 {
  63                     header: gettext('Node'),
  64                     dataIndex: 'node',
  65                 },
  66                 {
  67                     header: gettext('Status'),
  68                     dataIndex: 'uptime',
  69                     renderer: function(value) {
  70                         if (value) {
  71                             return Proxmox.Utils.runningText;
  72                         } else {
  73                             return Proxmox.Utils.stoppedText;
  74                         }
  75                     },
  76                 },
  77                 {
  78                     header: gettext('Name'),
  79                     dataIndex: 'name',
  80                     flex: 1,
  81                 },
  82                 {
  83                     header: gettext('Type'),
  84                     dataIndex: 'type',
  85                 },
  86             ],
  87         });
  88         Ext.apply(me, {
  89             subject: gettext('Virtual Machine'),
  90             items: [vmsField, vmGrid],
  91         });
  92
  93         me.callParent();
  94         vmStore.load();
  95     },
  96 });
  97
  98 Ext.define('PVE.pool.AddStorage', {
  99     extend: 'Proxmox.window.Edit',
 100
 101     initComponent: function() {
 102         var me = this;
 103
 104         if (!me.pool) {
 105             throw "no pool specified";
 106         }
 107
 108         me.isCreate = true;
 109         me.isAdd = true;
 110         me.url = "/pools/" + me.pool;
 111         me.method = 'PUT';
 112
 113         Ext.apply(me, {
 114             subject: gettext('Storage'),
 115             width: 350,
 116             items: [
 117                 {
 118                     xtype: 'pveStorageSelector',
 119                     name: 'storage',
 120                     nodename: 'localhost',
 121                     autoSelect: false,
 122                     value: '',
 123                     fieldLabel: gettext("Storage"),
 124                 },
 125             ],
 126         });
 127
 128         me.callParent();
 129     },
 130 });
 131
 132 Ext.define('PVE.grid.PoolMembers', {
 133     extend: 'Ext.grid.GridPanel',
 134     alias: ['widget.pvePoolMembers'],
 135
 136     // fixme: dynamic status update ?
 137
 138     stateful: true,
 139     stateId: 'grid-pool-members',
 140
 141     initComponent: function() {
 142         var me = this;
 143
 144         if (!me.pool) {
 145             throw "no pool specified";
 146         }
 147
 148         var store = Ext.create('Ext.data.Store', {
 149             model: 'PVEResources',
 150             sorters: [
 151                 {
 152                     property: 'type',
 153                     direction: 'ASC',
 154                 },
 155             ],
 156             proxy: {
 157                 type: 'proxmox',
 158                 root: 'data.members',
 159                 url: "/api2/json/pools/" + me.pool,
 160             },
 161         });
 162
 163         var coldef = PVE.data.ResourceStore.defaultColumns();
 164
 165         var reload = function() {
 166             store.load();
 167         };
 168
 169         var sm = Ext.create('Ext.selection.RowModel', {});
 170
 171         var remove_btn = new Proxmox.button.Button({
 172             text: gettext('Remove'),
 173             disabled: true,
 174             selModel: sm,
 175             confirmMsg: function(rec) {
 176                 return Ext.String.format(gettext('Are you sure you want to remove entry {0}'),
 177                                          "'" + rec.data.id + "'");
 178             },
 179             handler: function(btn, event, rec) {
 180                 var params = { 'delete': 1 };
 181                 if (rec.data.type === 'storage') {
 182                     params.storage = rec.data.storage;
 183                 } else if (rec.data.type === 'qemu' || rec.data.type === 'lxc' || rec.data.type === 'openvz') {
 184                     params.vms = rec.data.vmid;
 185                 } else {
 186                     throw "unknown resource type";
 187                 }
 188
 189                 Proxmox.Utils.API2Request({
 190                     url: '/pools/' + me.pool,
 191                     method: 'PUT',
 192                     params: params,
 193                     waitMsgTarget: me,
 194                     callback: function() {
 195                         reload();
 196                     },
 197                     failure: function(response, opts) {
 198                         Ext.Msg.alert(gettext('Error'), response.htmlStatus);
 199                     },
 200                 });
 201             },
 202         });
 203
 204         Ext.apply(me, {
 205             store: store,
 206             selModel: sm,
 207             tbar: [
 208                 {
 209                     text: gettext('Add'),
 210                     menu: new Ext.menu.Menu({
 211                         items: [
 212                             {
 213                                 text: gettext('Virtual Machine'),
 214                                 iconCls: 'pve-itype-icon-qemu',
 215                                 handler: function() {
 216                                     var win = Ext.create('PVE.pool.AddVM', { pool: me.pool });
 217                                     win.on('destroy', reload);
 218                                     win.show();
 219                                 },
 220                             },
 221                             {
 222                                 text: gettext('Storage'),
 223                                 iconCls: 'pve-itype-icon-storage',
 224                                 handler: function() {
 225                                     var win = Ext.create('PVE.pool.AddStorage', { pool: me.pool });
 226                                     win.on('destroy', reload);
 227                                     win.show();
 228                                 },
 229                             },
 230                         ],
 231                     }),
 232                 },
 233                 remove_btn,
 234             ],
 235             viewConfig: {
 236                 stripeRows: true,
 237             },
 238             columns: coldef,
 239             listeners: {
 240                 itemcontextmenu: PVE.Utils.createCmdMenu,
 241                 itemdblclick: function(v, record) {
 242                     var ws = me.up('pveStdWorkspace');
 243                     ws.selectById(record.data.id);
 244                 },
 245                 activate: reload,
 246             },
 247         });
 248
 249         me.callParent();
 250     },
 251 });