panel: disks: more static task window creation

[proxmox-widget-toolkit.git] / src / panel / DiskList.js

diff --git a/src/panel/DiskList.js b/src/panel/DiskList.js
index 10cf8405d51f818f436acce927e7012590066c70..90a655344270d085a61e18eeb8e54697128d0c35 100644 (file)
--- a/src/panel/DiskList.js
+++ b/src/panel/DiskList.js
@@ -44,6 +44,8 @@ Ext.define('Proxmox.DiskList', {
     extend: 'Ext.tree.Panel',
     alias: 'widget.pmxDiskList',
 
+    supportsWipeDisk: false,
+
     rootVisible: false,
 
     emptyText: gettext('No Disks found'),
@@ -97,18 +99,40 @@ Ext.define('Proxmox.DiskList', {
                waitMsgTarget: view,
                method: 'POST',
                params: { disk: rec.data.name },
-               failure: function(response, options) {
-                   Ext.Msg.alert(gettext('Error'), response.htmlStatus);
+               failure: response => Ext.Msg.alert(gettext('Error'), response.htmlStatus),
+               success: function(response, options) {
+                   Ext.create('Proxmox.window.TaskProgress', {
+                       upid: response.result.data,
+                       taskDone: function() {
+                           me.reload();
+                       },
+                       autoShow: true,
+                   });
                },
+           });
+       },
+
+       wipeDisk: function() {
+           let me = this;
+           let view = me.getView();
+           let selection = view.getSelection();
+           if (!selection || selection.length < 1) return;
+
+           let rec = selection[0];
+           Proxmox.Utils.API2Request({
+               url: `${view.exturl}/wipedisk`,
+               waitMsgTarget: view,
+               method: 'PUT',
+               params: { disk: rec.data.name },
+               failure: response => Ext.Msg.alert(gettext('Error'), response.htmlStatus),
                success: function(response, options) {
-                   var upid = response.result.data;
-                   var win = Ext.create('Proxmox.window.TaskProgress', {
-                       upid: upid,
+                   Ext.create('Proxmox.window.TaskProgress', {
+                       upid: response.result.data,
                        taskDone: function() {
                            me.reload();
                        },
+                       autoShow: true,
                    });
-                   win.show();
                },
            });
        },
@@ -206,42 +230,6 @@ Ext.define('Proxmox.DiskList', {
        return v ? `${v}${extendedInfo}` : Proxmox.Utils.noText;
     },
 
-    tbar: [
-       {
-           text: gettext('Reload'),
-           handler: 'reload',
-       },
-       {
-           xtype: 'proxmoxButton',
-           text: gettext('Show S.M.A.R.T. values'),
-           parentXType: 'treepanel',
-           disabled: true,
-           enableFn: function(rec) {
-               if (!rec || rec.data.parent) {
-                   return false;
-               } else {
-                   return true;
-               }
-           },
-           handler: 'openSmartWindow',
-       },
-       {
-           xtype: 'proxmoxButton',
-           text: gettext('Initialize Disk with GPT'),
-           parentXType: 'treepanel',
-           disabled: true,
-           enableFn: function(rec) {
-               if (!rec || rec.data.parent ||
-                   (rec.data.used && rec.data.used !== 'unused')) {
-                   return false;
-               } else {
-                   return true;
-               }
-           },
-           handler: 'initGPT',
-       },
-    ],
-
     columns: [
        {
            xtype: 'treecolumn',
@@ -332,4 +320,99 @@ Ext.define('Proxmox.DiskList', {
     listeners: {
        itemdblclick: 'openSmartWindow',
     },
+
+    initComponent: function() {
+       let me = this;
+
+       let tbar = [
+           {
+               text: gettext('Reload'),
+               handler: 'reload',
+           },
+           {
+               xtype: 'proxmoxButton',
+               text: gettext('Show S.M.A.R.T. values'),
+               parentXType: 'treepanel',
+               disabled: true,
+               enableFn: function(rec) {
+                   if (!rec || rec.data.parent) {
+                       return false;
+                   } else {
+                       return true;
+                   }
+               },
+               handler: 'openSmartWindow',
+           },
+           {
+               xtype: 'proxmoxButton',
+               text: gettext('Initialize Disk with GPT'),
+               parentXType: 'treepanel',
+               disabled: true,
+               enableFn: function(rec) {
+                   if (!rec || rec.data.parent ||
+                       (rec.data.used && rec.data.used !== 'unused')) {
+                       return false;
+                   } else {
+                       return true;
+                   }
+               },
+               handler: 'initGPT',
+           },
+       ];
+
+       if (me.supportsWipeDisk) {
+           tbar.push('-');
+           tbar.push({
+               xtype: 'proxmoxButton',
+               text: gettext('Wipe Disk'),
+               parentXType: 'treepanel',
+               dangerous: true,
+               confirmMsg: function(rec) {
+                   const data = rec.data;
+
+                   let mainMessage = Ext.String.format(
+                       gettext('Are you sure you want to wipe {0}?'),
+                       data.devpath,
+                   );
+                   mainMessage += `<br> ${gettext('All data on the device will be lost!')}`;
+
+                   const type = me.renderDiskType(data["disk-type"]);
+
+                   let usage;
+                   if (data.children.length > 0) {
+                       const partitionUsage = data.children.map(
+                           partition => me.renderDiskUsage(partition.used),
+                       ).join(', ');
+                       usage = `${gettext('Partitions')} (${partitionUsage})`;
+                   } else {
+                       usage = me.renderDiskUsage(data.used, undefined, rec);
+                   }
+
+                   const size = Proxmox.Utils.format_size(data.size);
+                   const serial = Ext.String.htmlEncode(data.serial);
+
+                   let additionalInfo = `${gettext('Type')}: ${type}<br>`;
+                   additionalInfo += `${gettext('Usage')}: ${usage}<br>`;
+                   additionalInfo += `${gettext('Size')}: ${size}<br>`;
+                   additionalInfo += `${gettext('Serial')}: ${serial}`;
+
+                   return `${mainMessage}<br><br>${additionalInfo}`;
+               },
+               disabled: true,
+               enableFn: function(rec) {
+                   // TODO enable for partitions once they can be selected for ZFS,LVM,etc. creation
+                   if (!rec || rec.data.parent) {
+                       return false;
+                   } else {
+                       return true;
+                   }
+               },
+               handler: 'wipeDisk',
+           });
+       }
+
+       me.tbar = tbar;
+
+       me.callParent();
+    },
 });