www/manager6/window/Clone.js

   1 Ext.define('PVE.window.Clone', {
   2     extend: 'Ext.window.Window',
   3
   4     resizable: false,
   5
   6     isTemplate: false,
   7
   8     onlineHelp: 'qm_copy_and_clone',
   9
  10     controller: {
  11         xclass: 'Ext.app.ViewController',
  12         control: {
  13             'panel[reference=cloneform]': {
  14                 validitychange: 'disableSubmit',
  15             },
  16         },
  17         disableSubmit: function(form) {
  18             this.lookupReference('submitBtn').setDisabled(!form.isValid());
  19         },
  20     },
  21
  22     statics: {
  23         // display a snapshot selector only if needed
  24         wrap: function(nodename, vmid, isTemplate, guestType) {
  25             Proxmox.Utils.API2Request({
  26                 url: '/nodes/' + nodename + '/' + guestType + '/' + vmid +'/snapshot',
  27                 failure: function(response, opts) {
  28                     Ext.Msg.alert('Error', response.htmlStatus);
  29                 },
  30                 success: function(response, opts) {
  31                     var snapshotList = response.result.data;
  32                     var hasSnapshots = !(snapshotList.length === 1 &&
  33                         snapshotList[0].name === 'current');
  34
  35                     Ext.create('PVE.window.Clone', {
  36                         nodename: nodename,
  37                         guestType: guestType,
  38                         vmid: vmid,
  39                         isTemplate: isTemplate,
  40                         hasSnapshots: hasSnapshots,
  41                     }).show();
  42                 },
  43             });
  44         },
  45     },
  46
  47     create_clone: function(values) {
  48         var me = this;
  49
  50         var params = { newid: values.newvmid };
  51
  52         if (values.snapname && values.snapname !== 'current') {
  53             params.snapname = values.snapname;
  54         }
  55
  56         if (values.pool) {
  57             params.pool = values.pool;
  58         }
  59
  60         if (values.name) {
  61             if (me.guestType === 'lxc') {
  62                 params.hostname = values.name;
  63             } else {
  64                 params.name = values.name;
  65             }
  66         }
  67
  68         if (values.target) {
  69             params.target = values.target;
  70         }
  71
  72         if (values.clonemode === 'copy') {
  73             params.full = 1;
  74             if (values.hdstorage) {
  75                 params.storage = values.hdstorage;
  76                 if (values.diskformat && me.guestType !== 'lxc') {
  77                     params.format = values.diskformat;
  78                 }
  79             }
  80         }
  81
  82         Proxmox.Utils.API2Request({
  83             params: params,
  84             url: '/nodes/' + me.nodename + '/' + me.guestType + '/' + me.vmid + '/clone',
  85             waitMsgTarget: me,
  86             method: 'POST',
  87             failure: function(response, opts) {
  88                 Ext.Msg.alert('Error', response.htmlStatus);
  89             },
  90             success: function(response, options) {
  91                 me.close();
  92             },
  93         });
  94     },
  95
  96     // disable the Storage selector when clone mode is linked clone
  97     updateVisibility: function() {
  98         var me = this;
  99         var clonemode = me.lookupReference('clonemodesel').getValue();
 100         var disksel = me.lookup('diskselector');
 101         disksel.setDisabled(clonemode === 'clone');
 102     },
 103
 104     // add to the list of valid nodes each node where
 105     // all the VM disks are available
 106     verifyFeature: function() {
 107         var me = this;
 108
 109         var snapname = me.lookupReference('snapshotsel').getValue();
 110         var clonemode = me.lookupReference('clonemodesel').getValue();
 111
 112         var params = { feature: clonemode };
 113         if (snapname !== 'current') {
 114             params.snapname = snapname;
 115         }
 116
 117         Proxmox.Utils.API2Request({
 118             waitMsgTarget: me,
 119             url: '/nodes/' + me.nodename + '/' + me.guestType + '/' + me.vmid + '/feature',
 120             params: params,
 121             method: 'GET',
 122             failure: function(response, opts) {
 123                 me.lookupReference('submitBtn').setDisabled(true);
 124                 Ext.Msg.alert('Error', response.htmlStatus);
 125             },
 126             success: function(response, options) {
 127                 var res = response.result.data;
 128
 129                 me.lookupReference('targetsel').allowedNodes = res.nodes;
 130                 me.lookupReference('targetsel').validate();
 131             },
 132         });
 133     },
 134
 135     initComponent: function() {
 136         var me = this;
 137
 138         if (!me.nodename) {
 139             throw "no node name specified";
 140         }
 141
 142         if (!me.vmid) {
 143             throw "no VM ID specified";
 144         }
 145
 146         if (!me.snapname) {
 147             me.snapname = 'current';
 148         }
 149
 150         if (!me.guestType) {
 151             throw "no Guest Type specified";
 152         }
 153
 154         var titletext = me.guestType === 'lxc' ? 'CT' : 'VM';
 155         if (me.isTemplate) {
 156             titletext += ' Template';
 157         }
 158         me.title = "Clone " + titletext + " " + me.vmid;
 159
 160         var col1 = [];
 161         var col2 = [];
 162
 163         col1.push({
 164             xtype: 'pveNodeSelector',
 165             name: 'target',
 166             reference: 'targetsel',
 167             fieldLabel: gettext('Target node'),
 168             selectCurNode: true,
 169             allowBlank: false,
 170             onlineValidator: true,
 171             listeners: {
 172                 change: function(f, value) {
 173                     me.lookup('diskselector').getComponent('hdstorage').setTargetNode(value);
 174                 },
 175             },
 176         });
 177
 178         var modelist = [['copy', gettext('Full Clone')]];
 179         if (me.isTemplate) {
 180             modelist.push(['clone', gettext('Linked Clone')]);
 181         }
 182
 183         col1.push({
 184             xtype: 'pveGuestIDSelector',
 185             name: 'newvmid',
 186             guestType: me.guestType,
 187             value: '',
 188             loadNextFreeID: true,
 189             validateExists: false,
 190         },
 191         {
 192             xtype: 'textfield',
 193             name: 'name',
 194             vtype: 'DnsName',
 195             allowBlank: true,
 196             fieldLabel: me.guestType === 'lxc' ? gettext('Hostname') : gettext('Name'),
 197         },
 198         {
 199             xtype: 'pvePoolSelector',
 200             fieldLabel: gettext('Resource Pool'),
 201             name: 'pool',
 202             value: '',
 203             allowBlank: true,
 204         },
 205         );
 206
 207         col2.push({
 208             xtype: 'proxmoxKVComboBox',
 209             fieldLabel: gettext('Mode'),
 210             name: 'clonemode',
 211             reference: 'clonemodesel',
 212             allowBlank: false,
 213             hidden: !me.isTemplate,
 214             value: me.isTemplate ? 'clone' : 'copy',
 215             comboItems: modelist,
 216             listeners: {
 217                 change: function(t, value) {
 218                     me.updateVisibility();
 219                     me.verifyFeature();
 220                 },
 221             },
 222         },
 223         {
 224             xtype: 'PVE.form.SnapshotSelector',
 225             name: 'snapname',
 226             reference: 'snapshotsel',
 227             fieldLabel: gettext('Snapshot'),
 228             nodename: me.nodename,
 229             guestType: me.guestType,
 230             vmid: me.vmid,
 231             hidden: !!(me.isTemplate || !me.hasSnapshots),
 232             disabled: false,
 233             allowBlank: false,
 234             value: me.snapname,
 235             listeners: {
 236                 change: function(f, value) {
 237                     me.verifyFeature();
 238                 },
 239             },
 240         },
 241         {
 242             xtype: 'pveDiskStorageSelector',
 243             reference: 'diskselector',
 244             nodename: me.nodename,
 245             autoSelect: false,
 246             hideSize: true,
 247             hideSelection: true,
 248             storageLabel: gettext('Target Storage'),
 249             allowBlank: true,
 250             storageContent: me.guestType === 'qemu' ? 'images' : 'rootdir',
 251             emptyText: gettext('Same as source'),
 252             disabled: !!me.isTemplate, // because default mode is clone for templates
 253         });
 254
 255         var formPanel = Ext.create('Ext.form.Panel', {
 256             bodyPadding: 10,
 257             reference: 'cloneform',
 258             border: false,
 259             layout: 'hbox',
 260             defaultType: 'container',
 261             fieldDefaults: {
 262                 labelWidth: 100,
 263                 anchor: '100%',
 264             },
 265             items: [
 266                 {
 267                     flex: 1,
 268                     padding: '0 10 0 0',
 269                     layout: 'anchor',
 270                     items: col1,
 271                 },
 272                 {
 273                     flex: 1,
 274                     padding: '0 0 0 10',
 275                     layout: 'anchor',
 276                     items: col2,
 277                 },
 278             ],
 279         });
 280
 281         Ext.apply(me, {
 282             modal: true,
 283             width: 600,
 284             height: 250,
 285             border: false,
 286             layout: 'fit',
 287             buttons: [{
 288                 xtype: 'proxmoxHelpButton',
 289                 listenToGlobalEvent: false,
 290                 hidden: false,
 291                 onlineHelp: me.onlineHelp,
 292             },
 293             '->',
 294             {
 295                 reference: 'submitBtn',
 296                 text: gettext('Clone'),
 297                 disabled: true,
 298                 handler: function() {
 299                     var cloneForm = me.lookupReference('cloneform');
 300                     if (cloneForm.isValid()) {
 301                         me.create_clone(cloneForm.getValues());
 302                     }
 303                 },
 304             }],
 305             items: [formPanel],
 306         });
 307
 308         me.callParent();
 309
 310         me.verifyFeature();
 311     },
 312 });