www/manager6/storage/GlusterFsEdit.js

   1 Ext.define('PVE.storage.GlusterFsScan', {
   2     extend: 'Ext.form.field.ComboBox',
   3     alias: 'widget.pveGlusterFsScan',
   4
   5     queryParam: 'server',
   6
   7     valueField: 'volname',
   8     displayField: 'volname',
   9     matchFieldWidth: false,
  10     listConfig: {
  11         loadingText: 'Scanning...',
  12         width: 350
  13     },
  14     doRawQuery: function() {
  15     },
  16
  17     onTriggerClick: function() {
  18         var me = this;
  19
  20         if (!me.queryCaching || me.lastQuery !== me.glusterServer) {
  21             me.store.removeAll();
  22         }
  23
  24         me.allQuery = me.glusterServer;
  25
  26         me.callParent();
  27     },
  28
  29     setServer: function(server) {
  30         var me = this;
  31
  32         me.glusterServer = server;
  33     },
  34
  35     initComponent : function() {
  36         var me = this;
  37
  38         if (!me.nodename) {
  39             me.nodename = 'localhost';
  40         }
  41
  42         var store = Ext.create('Ext.data.Store', {
  43             fields: [ 'volname' ],
  44             proxy: {
  45                 type: 'proxmox',
  46                 url: '/api2/json/nodes/' + me.nodename + '/scan/glusterfs'
  47             }
  48         });
  49
  50         store.sort('volname', 'ASC');
  51
  52         Ext.apply(me, {
  53             store: store
  54         });
  55
  56         me.callParent();
  57     }
  58 });
  59
  60 Ext.define('PVE.storage.GlusterFsInputPanel', {
  61     extend: 'PVE.panel.InputPanel',
  62     controller: 'storageEdit',
  63
  64     onGetValues: function(values) {
  65         var me = this;
  66
  67         if (me.isCreate) {
  68             values.type = 'glusterfs';
  69         } else {
  70             delete values.storage;
  71         }
  72
  73         values.disable = values.enable ? 0 : 1;
  74         delete values.enable;
  75
  76         return values;
  77     },
  78
  79     initComponent : function() {
  80         var me = this;
  81
  82
  83         me.column1 = [
  84             {
  85                 xtype: me.isCreate ? 'textfield' : 'displayfield',
  86                 name: 'storage',
  87                 value: me.storageId || '',
  88                 fieldLabel: 'ID',
  89                 vtype: 'StorageId',
  90                 allowBlank: false
  91             },
  92             {
  93                 xtype: me.isCreate ? 'textfield' : 'displayfield',
  94                 name: 'server',
  95                 value: '',
  96                 fieldLabel: gettext('Server'),
  97                 allowBlank: false,
  98                 listeners: {
  99                     change: function(f, value) {
 100                         if (me.isCreate) {
 101                             var volumeField = me.down('field[name=volume]');
 102                             volumeField.setServer(value);
 103                             volumeField.setValue('');
 104                         }
 105                     }
 106                 }
 107             },
 108             {
 109                 xtype: me.isCreate ? 'proxmoxtextfield' : 'displayfield',
 110                 name: 'server2',
 111                 value: '',
 112                 fieldLabel: gettext('Second Server'),
 113                 allowBlank: true
 114             },
 115             {
 116                 xtype: me.isCreate ? 'pveGlusterFsScan' : 'displayfield',
 117                 name: 'volume',
 118                 value: '',
 119                 fieldLabel: 'Volume name',
 120                 allowBlank: false
 121             },
 122             {
 123                 xtype: 'pveContentTypeSelector',
 124                 cts: ['images', 'iso', 'backup', 'vztmpl'],
 125                 name: 'content',
 126                 value: 'images',
 127                 multiSelect: true,
 128                 fieldLabel: gettext('Content'),
 129                 allowBlank: false
 130             }
 131         ];
 132
 133         me.column2 = [
 134             {
 135                 xtype: 'pveNodeSelector',
 136                 name: 'nodes',
 137                 fieldLabel: gettext('Nodes'),
 138                 emptyText: gettext('All') + ' (' +
 139                     gettext('No restrictions') +')',
 140                 multiSelect: true,
 141                 autoSelect: false
 142             },
 143             {
 144                 xtype: 'proxmoxcheckbox',
 145                 name: 'enable',
 146                 checked: true,
 147                 uncheckedValue: 0,
 148                 fieldLabel: gettext('Enable')
 149             },
 150             {
 151                 xtype: 'proxmoxintegerfield',
 152                 fieldLabel: gettext('Max Backups'),
 153                 disabled: true,
 154                 name: 'maxfiles',
 155                 reference: 'maxfiles',
 156                 minValue: 0,
 157                 maxValue: 365,
 158                 value: me.isCreate ? '1' : undefined,
 159                 allowBlank: false
 160             }
 161         ];
 162
 163         me.callParent();
 164     }
 165 });
 166
 167 Ext.define('PVE.storage.GlusterFsEdit', {
 168     extend: 'Proxmox.window.Edit',
 169
 170     initComponent : function() {
 171         var me = this;
 172
 173         me.isCreate = !me.storageId;
 174
 175         if (me.isCreate) {
 176             me.url = '/api2/extjs/storage';
 177             me.method = 'POST';
 178         } else {
 179             me.url = '/api2/extjs/storage/' + me.storageId;
 180             me.method = 'PUT';
 181         }
 182
 183         var ipanel = Ext.create('PVE.storage.GlusterFsInputPanel', {
 184             isCreate: me.isCreate,
 185             storageId: me.storageId
 186         });
 187
 188         Ext.apply(me, {
 189             subject: PVE.Utils.format_storage_type('glusterfs'),
 190             isAdd: true,
 191             items: [ ipanel ]
 192         });
 193
 194         me.callParent();
 195
 196         if (!me.isCreate) {
 197             me.load({
 198                 success:  function(response, options) {
 199                     var values = response.result.data;
 200                     var ctypes = values.content || '';
 201
 202                     values.content = ctypes.split(',');
 203
 204                     if (values.nodes) {
 205                         values.nodes = values.nodes.split(',');
 206                     }
 207                     values.enable = values.disable ? 0 : 1;
 208                     ipanel.setValues(values);
 209                 }
 210             });
 211         }
 212     }
 213 });