[pve-devel] [PATCH manager v2 2/2] add UI for node maintenance enable/disable

[Thomas Skinner]

Signed-off-by: Thomas Skinner <thomas at atskinner.net>
---
 www/manager6/ha/StatusView.js | 92 +++++++++++++++++++++++++++++++++++
 1 file changed, 92 insertions(+)

diff --git a/www/manager6/ha/StatusView.js b/www/manager6/ha/StatusView.js
index 50ad8e84..4163f637 100644
--- a/www/manager6/ha/StatusView.js
+++ b/www/manager6/ha/StatusView.js
@@ -41,12 +41,75 @@ Ext.define(
                 },
             });
 
+            let sm = Ext.create('Ext.selection.RowModel', {});
+
+            let caps = Ext.state.Manager.get('GuiCap');
+
+            let setNodeMaintenance = function (setEnabled) {
+                let rec = sm.getSelection()[0];
+                if (!rec || rec.data.type !== 'lrm') {
+                    return;
+                }
+                let nodeName = rec.get('node');
+                let enableText = setEnabled ? 'Enable' : 'Disable';
+                let msg = Ext.String.format(
+                    gettext("{0} maintenance mode on node '{1}'?"),
+                    enableText,
+                    nodeName,
+                );
+                Ext.Msg.confirm(gettext('Confirm'), msg, (btn) => {
+                    if (btn === 'yes') {
+                        Proxmox.Utils.API2Request({
+                            params: { 'maintenance-mode': setEnabled ? 'enable' : 'disable' },
+                            url: '/nodes/' + nodeName + '/maintenance',
+                            method: 'PUT',
+                            waitMsgTarget: me,
+                            failure: function (response, opts) {
+                                Ext.Msg.alert(gettext('Error'), response.htmlStatus);
+                            },
+                        });
+                    }
+                });
+            };
+
+            let setMaintenanceButtonStates = function (isLRM, isMaintenance) {
+                me.down('#nodeMaintenanceMenu').setDisabled(!(caps.nodes['Sys.Console'] && isLRM));
+                me.down('#nodeMaintenanceEnableBtn').setDisabled(isMaintenance);
+                me.down('#nodeMaintenanceDisableBtn').setDisabled(!isMaintenance);
+            };
+
             Ext.apply(me, {
                 store: store,
+                selModel: sm,
                 stateful: false,
                 viewConfig: {
                     trackOver: false,
                 },
+                tbar: [
+                    {
+                        text: gettext('Maintenance Mode'),
+                        itemId: 'nodeMaintenanceMenu',
+                        disabled: true,
+                        menu: new Ext.menu.Menu({
+                            items: [
+                                {
+                                    text: gettext('Enable'),
+                                    itemId: 'nodeMaintenanceEnableBtn',
+                                    iconCls: 'fa fa-wrench',
+                                    disabled: true,
+                                    handler: () => setNodeMaintenance(true),
+                                },
+                                {
+                                    text: gettext('Disable'),
+                                    itemId: 'nodeMaintenanceDisableBtn',
+                                    iconCls: 'fa fa-check',
+                                    disabled: true,
+                                    handler: () => setNodeMaintenance(false),
+                                },
+                            ],
+                        }),
+                    },
+                ],
                 columns: [
                     {
                         header: gettext('Type'),
@@ -60,12 +123,40 @@ Ext.define(
                         dataIndex: 'status',
                     },
                 ],
+                listeners: {
+                    beforeselect: function (tree, record, index, eopts) {
+                        if (record) {
+                            let isLRM = record.data.type === 'lrm';
+                            let isMaintenance = record.data.lrm_mode === 'maintenance';
+                            setMaintenanceButtonStates(isLRM, isMaintenance);
+                        }
+                    },
+                },
             });
 
             me.callParent();
 
             me.on('activate', me.rstore.startUpdate);
             me.on('destroy', me.rstore.stopUpdate);
+
+            me.mon(me.rstore, 'load', function (curstore, results) {
+                let rec = sm.getSelection()[0];
+                if (!rec || rec.data.type !== 'lrm') {
+                    return;
+                }
+                for (const { data } of results) {
+                    switch (data.type) {
+                        case 'lrm':
+                            if (rec.data.node === data.node) {
+                                let isMaintenance = rec.data.lrm_mode === 'maintenance';
+                                setMaintenanceButtonStates(true, isMaintenance);
+                            }
+                            break;
+                        default:
+                            break;
+                    }
+                }
+            });
         },
     },
     function () {
@@ -88,6 +179,7 @@ Ext.define(
                 'type',
                 'crm_state',
                 'request_state',
+                'lrm_mode',
                 {
                     name: 'vname',
                     convert: function (value, record) {
-- 
2.47.2