src/window/SafeDestroy.js

   1 /* Popup a message window
   2  * where the user has to manually enter the resource ID
   3  * to enable the destroy button
   4  */
   5 Ext.define('Proxmox.window.SafeDestroy', {
   6     extend: 'Ext.window.Window',
   7     alias: 'proxmoxSafeDestroy',
   8
   9     title: gettext('Confirm'),
  10     modal: true,
  11     buttonAlign: 'center',
  12     bodyPadding: 10,
  13     width: 450,
  14     layout: { type:'hbox' },
  15     defaultFocus: 'confirmField',
  16     showProgress: false,
  17
  18     config: {
  19         item: {
  20             id: undefined,
  21             type: undefined
  22         },
  23         url: undefined,
  24         params: {}
  25     },
  26
  27     getParams: function() {
  28         var me = this;
  29         var purgeCheckbox = me.lookupReference('purgeCheckbox');
  30         if (purgeCheckbox.checked) {
  31             me.params.purge = 1;
  32         }
  33         if (Ext.Object.isEmpty(me.params)) {
  34             return '';
  35         }
  36         return '?' + Ext.Object.toQueryString(me.params);
  37     },
  38
  39     controller: {
  40
  41         xclass: 'Ext.app.ViewController',
  42
  43         control: {
  44             'field[name=confirm]': {
  45                 change: function(f, value) {
  46                     var view = this.getView();
  47                     var removeButton = this.lookupReference('removeButton');
  48                     if (value === view.getItem().id.toString()) {
  49                         removeButton.enable();
  50                     } else {
  51                         removeButton.disable();
  52                     }
  53                 },
  54                 specialkey: function (field, event) {
  55                     var removeButton = this.lookupReference('removeButton');
  56                     if (!removeButton.isDisabled() && event.getKey() == event.ENTER) {
  57                         removeButton.fireEvent('click', removeButton, event);
  58                     }
  59                 }
  60             },
  61            'button[reference=removeButton]': {
  62                 click: function() {
  63                     var view = this.getView();
  64                     Proxmox.Utils.API2Request({
  65                         url: view.getUrl() + view.getParams(),
  66                         method: 'DELETE',
  67                         waitMsgTarget: view,
  68                         failure: function(response, opts) {
  69                             view.close();
  70                             Ext.Msg.alert('Error', response.htmlStatus);
  71                         },
  72                         success: function(response, options) {
  73                             var hasProgressBar = view.showProgress &&
  74                                 response.result.data ? true : false;
  75
  76                             if (hasProgressBar) {
  77                                 // stay around so we can trigger our close events
  78                                 // when background action is completed
  79                                 view.hide();
  80
  81                                 var upid = response.result.data;
  82                                 var win = Ext.create('Proxmox.window.TaskProgress', {
  83                                     upid: upid,
  84                                     listeners: {
  85                                         destroy: function () {
  86                                             view.close();
  87                                         }
  88                                     }
  89                                 });
  90                                 win.show();
  91                             } else {
  92                                 view.close();
  93                             }
  94                         }
  95                     });
  96                 }
  97             }
  98         }
  99     },
 100
 101     items: [
 102         {
 103             xtype: 'component',
 104             cls: [ Ext.baseCSSPrefix + 'message-box-icon',
 105                    Ext.baseCSSPrefix + 'message-box-warning',
 106                    Ext.baseCSSPrefix + 'dlg-icon']
 107         },
 108         {
 109             xtype: 'container',
 110             flex: 1,
 111             layout: {
 112                 type: 'vbox',
 113                 align: 'stretch'
 114             },
 115             items: [
 116                 {
 117                     xtype: 'component',
 118                     reference: 'messageCmp'
 119                 },
 120                 {
 121                     itemId: 'confirmField',
 122                     reference: 'confirmField',
 123                     xtype: 'textfield',
 124                     name: 'confirm',
 125                     labelWidth: 300,
 126                     hideTrigger: true,
 127                     allowBlank: false
 128                 },
 129                 {
 130                     xtype: 'proxmoxcheckbox',
 131                     name: 'purge',
 132                     reference: 'purgeCheckbox',
 133                     boxLabel: gettext('Purge'),
 134                     checked: false,
 135                     autoEl: {
 136                         tag: 'div',
 137                         'data-qtip': gettext('Remove from replication and backup jobs')
 138                     }
 139                 }
 140             ]
 141         }
 142     ],
 143     buttons: [
 144         {
 145             reference: 'removeButton',
 146             text: gettext('Remove'),
 147             disabled: true
 148         }
 149     ],
 150
 151     initComponent : function() {
 152         var me = this;
 153
 154         me.callParent();
 155
 156         var item = me.getItem();
 157
 158         if (!Ext.isDefined(item.id)) {
 159             throw "no ID specified";
 160         }
 161
 162         if (!Ext.isDefined(item.type)) {
 163             throw "no VM type specified";
 164         }
 165
 166         var messageCmp = me.lookupReference('messageCmp');
 167         var msg;
 168
 169         if (item.type === 'VM') {
 170             msg = Proxmox.Utils.format_task_description('qmdestroy', item.id);
 171         } else if (item.type === 'CT') {
 172             msg = Proxmox.Utils.format_task_description('vzdestroy', item.id);
 173         } else if (item.type === 'CephPool') {
 174             msg = Proxmox.Utils.format_task_description('cephdestroypool', item.id);
 175         } else if (item.type === 'Image') {
 176             msg = Proxmox.Utils.format_task_description('unknownimgdel', item.id);
 177         } else {
 178             throw "unknown item type specified";
 179         }
 180
 181         messageCmp.setHtml(msg);
 182
 183         if (!(item.type === 'VM' || item.type === 'CT')) {
 184             let purgeCheckbox = me.lookupReference('purgeCheckbox');
 185             purgeCheckbox.setDisabled(true);
 186             purgeCheckbox.setHidden(true);
 187         }
 188
 189         var confirmField = me.lookupReference('confirmField');
 190         msg = gettext('Please enter the ID to confirm') +
 191             ' (' + item.id + ')';
 192         confirmField.setFieldLabel(msg);
 193     }
 194 });