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                     direction: '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().filter((c) =>
 164             c.dataIndex !== 'tags' && c.dataIndex !== 'lock',
 165         );
 166
 167         var reload = function() {
 168             store.load();
 169         };
 170
 171         var sm = Ext.create('Ext.selection.RowModel', {});
 172
 173         var remove_btn = new Proxmox.button.Button({
 174             text: gettext('Remove'),
 175             disabled: true,
 176             selModel: sm,
 177             confirmMsg: function(rec) {
 178                 return Ext.String.format(gettext('Are you sure you want to remove entry {0}'),
 179                                          "'" + rec.data.id + "'");
 180             },
 181             handler: function(btn, event, rec) {
 182                 var params = { 'delete': 1 };
 183                 if (rec.data.type === 'storage') {
 184                     params.storage = rec.data.storage;
 185                 } else if (rec.data.type === 'qemu' || rec.data.type === 'lxc' || rec.data.type === 'openvz') {
 186                     params.vms = rec.data.vmid;
 187                 } else {
 188                     throw "unknown resource type";
 189                 }
 190
 191                 Proxmox.Utils.API2Request({
 192                     url: '/pools/' + me.pool,
 193                     method: 'PUT',
 194                     params: params,
 195                     waitMsgTarget: me,
 196                     callback: function() {
 197                         reload();
 198                     },
 199                     failure: function(response, opts) {
 200                         Ext.Msg.alert(gettext('Error'), response.htmlStatus);
 201                     },
 202                 });
 203             },
 204         });
 205
 206         Ext.apply(me, {
 207             store: store,
 208             selModel: sm,
 209             tbar: [
 210                 {
 211                     text: gettext('Add'),
 212                     menu: new Ext.menu.Menu({
 213                         items: [
 214                             {
 215                                 text: gettext('Virtual Machine'),
 216                                 iconCls: 'pve-itype-icon-qemu',
 217                                 handler: function() {
 218                                     var win = Ext.create('PVE.pool.AddVM', { pool: me.pool });
 219                                     win.on('destroy', reload);
 220                                     win.show();
 221                                 },
 222                             },
 223                             {
 224                                 text: gettext('Storage'),
 225                                 iconCls: 'pve-itype-icon-storage',
 226                                 handler: function() {
 227                                     var win = Ext.create('PVE.pool.AddStorage', { pool: me.pool });
 228                                     win.on('destroy', reload);
 229                                     win.show();
 230                                 },
 231                             },
 232                         ],
 233                     }),
 234                 },
 235                 remove_btn,
 236             ],
 237             viewConfig: {
 238                 stripeRows: true,
 239             },
 240             columns: coldef,
 241             listeners: {
 242                 itemcontextmenu: PVE.Utils.createCmdMenu,
 243                 itemdblclick: function(v, record) {
 244                     var ws = me.up('pveStdWorkspace');
 245                     ws.selectById(record.data.id);
 246                 },
 247                 activate: reload,
 248             },
 249         });
 250
 251         me.callParent();
 252     },
 253 });