[RFC pve-manager 23/27] ui: node: add SAN LUNs panel

[Dietmar Maurer <dietmar@proxmox.com>]

node > Disks intentionally lists only local disks, so devices
attached through a SAN or a software-managed initiator connection
(FC, SAS, iSCSI, NVMe-oF) are otherwise only visible inside the FC
storage wizard. Add a read-only panel below the disk related views
that lists them per node, including the multipath path count and
which storage uses each LUN, for setup verification and
troubleshooting.

The entry is only shown with Datastore.Allocate, which the san-luns
scan endpoint requires.

Signed-off-by: Dietmar Maurer <dietmar@proxmox.com>
---
 www/manager6/Makefile        |   1 +
 www/manager6/node/Config.js  |  14 ++++
 www/manager6/node/SANLuns.js | 154 +++++++++++++++++++++++++++++++++++
 3 files changed, 169 insertions(+)
 create mode 100644 www/manager6/node/SANLuns.js

diff --git a/www/manager6/Makefile b/www/manager6/Makefile
index 532d4d55..c354b3aa 100644
--- a/www/manager6/Makefile
+++ b/www/manager6/Makefile
@@ -245,6 +245,7 @@ JSSRC= 							\
 	node/Directory.js				\
 	node/LVM.js					\
 	node/LVMThin.js					\
+	node/SANLuns.js					\
 	node/StatusView.js				\
 	node/Subscription.js				\
 	node/Summary.js					\
diff --git a/www/manager6/node/Config.js b/www/manager6/node/Config.js
index 217ee284..6329241a 100644
--- a/www/manager6/node/Config.js
+++ b/www/manager6/node/Config.js
@@ -357,6 +357,20 @@ Ext.define('PVE.node.Config', {
                     groups: ['storage'],
                     xtype: 'pveZFSList',
                 },
+            );
+
+            // the san-luns scan endpoint requires Datastore.Allocate
+            if (caps.storage['Datastore.Allocate']) {
+                me.items.push({
+                    xtype: 'pveSANLunList',
+                    title: gettext('SAN LUNs'),
+                    itemId: 'san-luns',
+                    iconCls: 'fa fa-cubes',
+                    groups: ['storage'],
+                });
+            }
+
+            me.items.push(
                 {
                     xtype: 'pveNodeCephStatus',
                     title: 'Ceph',
diff --git a/www/manager6/node/SANLuns.js b/www/manager6/node/SANLuns.js
new file mode 100644
index 00000000..b2b9e24d
--- /dev/null
+++ b/www/manager6/node/SANLuns.js
@@ -0,0 +1,154 @@
+Ext.define('PVE.node.SANLunList', {
+    extend: 'Ext.grid.GridPanel',
+    xtype: 'pveSANLunList',
+
+    stateful: true,
+    stateId: 'grid-node-san-luns',
+
+    disableSelection: true,
+
+    emptyText: gettext(
+        'No SAN attached devices found - "Show all devices" also lists devices with local or unknown transports',
+    ),
+
+    viewConfig: {
+        trackOver: false,
+    },
+
+    columns: [
+        {
+            header: gettext('Device'),
+            dataIndex: 'devpath',
+            flex: 2,
+            renderer: PVE.Utils.render_san_lun_device,
+        },
+        {
+            header: gettext('Transport'),
+            dataIndex: 'transport',
+            width: 100,
+        },
+        {
+            header: gettext('Size'),
+            dataIndex: 'size',
+            width: 100,
+            renderer: Proxmox.Utils.format_size,
+        },
+        {
+            header: gettext('Vendor') + '/' + gettext('Model'),
+            dataIndex: 'model',
+            flex: 1,
+            renderer: (value, metaData, rec) =>
+                Ext.htmlEncode(`${rec.get('vendor') || ''} ${value || ''}`.trim()),
+        },
+        {
+            header: 'WWN',
+            dataIndex: 'wwn',
+            width: 200,
+        },
+        {
+            header: gettext('Serial'),
+            dataIndex: 'serial',
+            width: 140,
+            hidden: true,
+        },
+        {
+            header: gettext('Usage'),
+            dataIndex: 'usage',
+            flex: 2,
+            renderer: PVE.Utils.render_san_lun_usage,
+        },
+    ],
+
+    reload: function () {
+        this.getStore().load();
+    },
+
+    listeners: {
+        activate: function () {
+            this.reload();
+        },
+    },
+
+    initComponent: function () {
+        let me = this;
+
+        me.nodename = me.pveSelNode.data.node;
+        if (!me.nodename) {
+            throw 'no node name specified';
+        }
+
+        // devices sitting on a SAN or attached through a software-managed
+        // initiator connection; local disks are covered by the disk list
+        let sanTransports = {
+            fc: 1,
+            sas: 1,
+            iscsi: 1,
+            'nvme-fc': 1,
+            'nvme-tcp': 1,
+            'nvme-rdma': 1,
+            'nvme-loop': 1,
+        };
+
+        // hide devices with local or unknown transports unless 'Show all devices' is enabled
+        let sanTransportFilter = new Ext.util.Filter({
+            id: 'san-transport',
+            filterFn: (rec) => !!sanTransports[rec.get('transport')],
+        });
+
+        let store = Ext.create('Ext.data.Store', {
+            fields: [
+                'devpath',
+                'size',
+                'transport',
+                'vendor',
+                'model',
+                'serial',
+                'wwn',
+                'paths',
+                'usage',
+                'vgname',
+                'used-by-storage',
+                'detail',
+            ],
+            proxy: {
+                type: 'proxmox',
+                url: `/api2/json/nodes/${me.nodename}/scan/san-luns`,
+            },
+            filters: [sanTransportFilter],
+            sorters: 'devpath',
+        });
+        me.store = store;
+
+        me.tbar = [
+            {
+                text: gettext('Reload'),
+                iconCls: 'fa fa-refresh',
+                handler: () => me.reload(),
+            },
+            '->',
+            {
+                xtype: 'proxmoxcheckbox',
+                boxLabel: gettext('Show all devices'),
+                autoEl: {
+                    tag: 'div',
+                    'data-qtip': gettext('Also list devices with local or unknown transports.'),
+                },
+                listeners: {
+                    change: function (f, value) {
+                        let filters = store.getFilters();
+                        if (value) {
+                            filters.remove(sanTransportFilter);
+                        } else {
+                            filters.add(sanTransportFilter);
+                        }
+                    },
+                },
+            },
+        ];
+
+        me.callParent();
+
+        Proxmox.Utils.monStoreErrors(me, store);
+        me.reload();
+    },
+});
-- 
2.47.3