diff --git a/packages/node_modules/@node-red/editor-client/locales/en-US/editor.json b/packages/node_modules/@node-red/editor-client/locales/en-US/editor.json index a59dcacf4..cfa12e387 100644 --- a/packages/node_modules/@node-red/editor-client/locales/en-US/editor.json +++ b/packages/node_modules/@node-red/editor-client/locales/en-US/editor.json @@ -656,6 +656,8 @@ "more": "+ __count__ more", "upload": "Upload module tgz file", "refresh": "Refresh module list", + "deprecated": "deprecated", + "deprecatedTip": "This module has been deprecated", "errors": { "catalogLoadFailed": "

Failed to load node catalogue.

Check the browser console for more information

", "installFailed": "

Failed to install: __module__

__message__

Check the log for more information

", 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 e73a3a9b1..b3eb95593 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 @@ -1198,7 +1198,17 @@ RED.palette.editor = (function() { var headerRow = $('
',{class:"red-ui-palette-module-header"}).appendTo(container); var titleRow = $('
').appendTo(headerRow); $('').text(entry.name||entry.id).appendTo(titleRow); - $('').attr('href',entry.url).appendTo(titleRow); + if (entry.url) { + $('').attr('href',entry.url).appendTo(titleRow); + } + if (entry.deprecated) { + const deprecatedWarning = $('').text(RED._('palette.editor.deprecated')).appendTo(titleRow); + let message = $('').text(RED._('palette.editor.deprecatedTip')) + if (typeof entry.deprecated === 'string') { + $('

').text(entry.deprecated).appendTo(message) + } + RED.popover.tooltip(deprecatedWarning, message); + } var descRow = $('

').appendTo(headerRow); $('
',{class:"red-ui-palette-module-description"}).text(entry.description).appendTo(descRow); var metaRow = $('
').appendTo(headerRow); diff --git a/packages/node_modules/@node-red/editor-client/src/sass/palette-editor.scss b/packages/node_modules/@node-red/editor-client/src/sass/palette-editor.scss index cdbfa406b..8955887dd 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/palette-editor.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/palette-editor.scss @@ -126,15 +126,20 @@ margin-left: 5px; } + .red-ui-palette-module-deprecated { + cursor: pointer; + color: var(--red-ui-text-color-error); + font-size: 0.7em; + border: 1px solid var(--red-ui-text-color-error); + border-radius: 30px; + padding: 2px 5px; + } + .red-ui-palette-module-description { margin-left: 20px; font-size: 0.9em; color: var(--red-ui-secondary-text-color); } - .red-ui-palette-module-link { - } - .red-ui-palette-module-set-button-group { - } .red-ui-palette-module-content { display: none; padding: 10px 3px;