diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/palette-editor.js b/packages/node_modules/@node-red/editor-client/src/js/ui/palette-editor.js index 2105a6a7f..70be11146 100644 --- a/packages/node_modules/@node-red/editor-client/src/js/ui/palette-editor.js +++ b/packages/node_modules/@node-red/editor-client/src/js/ui/palette-editor.js @@ -1626,21 +1626,18 @@ RED.palette.editor = (function() { const installModule = function (module) { const [moduleName, moduleVersion] = module; - const msg = RED.notify(RED._("palette.editor.installing", { module: moduleName })); + const spinner = '
'; + const msg = "

" + RED._("palette.editor.installing", { module: moduleName }) + "

" + spinner; if (!notification) { notification = RED.notify(msg, notificationOptions); } else { - notification.update(msg); + notification.update(msg, notificationOptions); } - // TODO: add spinner to a div below the title - //const spinner = RED.utils.addSpinnerOverlay(container, true); - RED.eventLog.startEvent(RED._("palette.editor.confirm.button.install") + " : " + moduleName + " " + moduleVersion); installNodeModule(moduleName, moduleVersion, undefined, function(xhr, textStatus, err) { - //spinner.close(); if (err && xhr.status === 504) { notification.update(RED._("palette.editor.errors.installTimeout"), { modal: true, @@ -1660,7 +1657,7 @@ RED.palette.editor = (function() { if (moduleArray.length) { installModule(moduleArray.shift()); } else { - notification.update(RED._("palette.editor.successfulInstall"), { ...notificationOptions, type: "success", timeout: 1000 }); + notification.update(RED._("palette.editor.successfulInstall"), { ...notificationOptions, type: "success", timeout: 10000 }); } } });