frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2025-03-01 10:36:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Show standard validation triangle on config nodes

Browse Source
This commit is contained in:
Nick O'Leary 2024-01-16 17:35:50 +00:00
parent b0086edcf9
commit 6620679008
No known key found for this signature in database
GPG Key ID: 4F2157149161A6C9
2 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/node_modules/@node-red/editor-client/src/js/ui/tab-config.js vendored
View File

@ -159,9 +159,6 @@ RED.sidebar.config = (function() {
nodeDiv.data('node',node.id); nodeDiv.data('node',node.id);
var label = $('<div class="red-ui-palette-label"></div>').text(labelText).appendTo(nodeDiv); var label = $('<div class="red-ui-palette-label"></div>').text(labelText).appendTo(nodeDiv);
if (!node.valid) {
nodeDiv.addClass("red-ui-palette-node-config-invalid")
}
if (node.d) { if (node.d) {
nodeDiv.addClass("red-ui-palette-node-config-disabled"); nodeDiv.addClass("red-ui-palette-node-config-disabled");
$('<i class="fa fa-ban"></i>').prependTo(label); $('<i class="fa fa-ban"></i>').prependTo(label);
@ -183,6 +180,20 @@ RED.sidebar.config = (function() {
nodeDiv.addClass("red-ui-palette-node-config-unused"); nodeDiv.addClass("red-ui-palette-node-config-unused");
} }
} }
if (!node.valid) {
nodeDiv.addClass("red-ui-palette-node-config-invalid")
const nodeDivAnnotations = $('<svg class="red-ui-palette-node-annotations red-ui-flow-node-error" width="10" height="10"></svg>').appendTo(nodeDiv)
const errorBadge = document.createElementNS("http://www.w3.org/2000/svg","path");
errorBadge.setAttribute("d","M 0,9 l 10,0 -5,-8 z");
nodeDivAnnotations.append($(errorBadge))
RED.popover.tooltip(nodeDivAnnotations, function () {
if (node.validationErrors && node.validationErrors.length > 0) {
return RED._("editor.errors.invalidProperties")+"<br> - "+node.validationErrors.join("<br> - ")
}
})
}
nodeDiv.on('click',function(e) { nodeDiv.on('click',function(e) {
e.stopPropagation(); e.stopPropagation();
RED.view.select(false); RED.view.select(false);

8
packages/node_modules/@node-red/editor-client/src/sass/tab-config.scss vendored
View File

@ -36,7 +36,7 @@ ul.red-ui-sidebar-node-config-list {
text-align: center; text-align: center;
} }
.red-ui-palette-node { .red-ui-palette-node {
overflow: hidden; // overflow: hidden;
cursor: default; cursor: default;
&.selected { &.selected {
border-color: transparent; border-color: transparent;
@ -116,6 +116,12 @@ ul.red-ui-sidebar-node-config-list li.red-ui-palette-node-config-type {
.red-ui-palette-node-config-invalid { .red-ui-palette-node-config-invalid {
border-color: var(--red-ui-form-input-border-error-color) border-color: var(--red-ui-form-input-border-error-color)
} }
.red-ui-palette-node-annotations {
position: absolute;
left: calc(100% - 15px);
top: -8px;
display: block;
}
.red-ui-sidebar-node-config-filter-info { .red-ui-sidebar-node-config-filter-info {
position: absolute; position: absolute;
top: 0; top: 0;