frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
Code Issues Releases Wiki Activity

[groups] Support RED.view.reveal(group-id)

Browse Source
This commit is contained in:
Nick O'Leary 2020-05-12 10:59:41 +01:00
parent 90ba761325
commit ff310f89bd
No known key found for this signature in database
GPG Key ID: 4F2157149161A6C9
2 changed files with 17 additions and 18 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-info-outliner.js vendored
View File

@ -123,9 +123,6 @@ RED.sidebar.info.outliner = (function() {
} }
function addControls(n,div) { function addControls(n,div) {
if (n.type === 'group') {
return;
}
var controls = $('<div>',{class:"red-ui-info-outline-item-controls red-ui-info-outline-item-hover-controls"}).appendTo(div); var controls = $('<div>',{class:"red-ui-info-outline-item-controls red-ui-info-outline-item-hover-controls"}).appendTo(div);
if (n._def.button) { if (n._def.button) {
$('<button type="button" class="red-ui-info-outline-item-control-action red-ui-button red-ui-button-small"><i class="fa fa-toggle-right"></i></button>').appendTo(controls).on("click",function(evt) { $('<button type="button" class="red-ui-info-outline-item-control-action red-ui-button red-ui-button-small"><i class="fa fa-toggle-right"></i></button>').appendTo(controls).on("click",function(evt) {
@ -134,15 +131,11 @@ RED.sidebar.info.outliner = (function() {
RED.view.clickNodeButton(n); RED.view.clickNodeButton(n);
}) })
} }
$('<button type="button" class="red-ui-info-outline-item-control-reveal red-ui-button red-ui-button-small"><i class="fa fa-eye"></i></button>').appendTo(controls).on("click",function(evt) {
evt.preventDefault();
if (n.type !== 'group') { evt.stopPropagation();
$('<button type="button" class="red-ui-info-outline-item-control-reveal red-ui-button red-ui-button-small"><i class="fa fa-eye"></i></button>').appendTo(controls).on("click",function(evt) { RED.view.reveal(n.id);
evt.preventDefault(); })
evt.stopPropagation();
RED.view.reveal(n.id);
})
}
if (n.type !== 'group' && n.type !== 'subflow') { if (n.type !== 'group' && n.type !== 'subflow') {
$('<button type="button" class="red-ui-info-outline-item-control-disable red-ui-button red-ui-button-small"><i class="fa fa-circle-thin"></i><i class="fa fa-ban"></i></button>').appendTo(controls).on("click",function(evt) { $('<button type="button" class="red-ui-info-outline-item-control-disable red-ui-button red-ui-button-small"><i class="fa fa-circle-thin"></i><i class="fa fa-ban"></i></button>').appendTo(controls).on("click",function(evt) {
evt.preventDefault(); evt.preventDefault();

18
packages/node_modules/@node-red/editor-client/src/js/ui/view.js vendored
View File

@ -4145,8 +4145,8 @@ if (DEBUG_EVENTS) { console.warn("nodeMouseDown", mouse_mode,d); }
.attr('rx',groupBorderRadius).attr('ry',groupBorderRadius) .attr('rx',groupBorderRadius).attr('ry',groupBorderRadius)
.attr("x",-4) .attr("x",-4)
.attr("y",-4) .attr("y",-4)
selectGroup.on("mousedown", function() {console.log("omd");groupMouseDown.call(g[0][0],d)}); selectGroup.on("mousedown", function() {groupMouseDown.call(g[0][0],d)});
selectGroup.on("mouseup", function() {console.log("omu");groupMouseUp.call(g[0][0],d)}); selectGroup.on("mouseup", function() {groupMouseUp.call(g[0][0],d)});
g.append('rect').classed("red-ui-flow-group-outline",true).attr('rx',0.5).attr('ry',0.5); g.append('rect').classed("red-ui-flow-group-outline",true).attr('rx',0.5).attr('ry',0.5);
@ -4230,14 +4230,20 @@ if (DEBUG_EVENTS) { console.warn("nodeMouseDown", mouse_mode,d); }
var selectGroupRect = selectGroup.children[0]; var selectGroupRect = selectGroup.children[0];
selectGroupRect.setAttribute("width",d.w+8) selectGroupRect.setAttribute("width",d.w+8)
selectGroupRect.setAttribute("height",d.h+8) selectGroupRect.setAttribute("height",d.h+8)
selectGroupRect.style.strokeOpacity = (d.selected)?0.8:0; selectGroupRect.style.strokeOpacity = (d.selected || d.highlighted)?0.8:0;
selectGroupRect.style.strokeDasharray = (d.active)?"10 4":""; selectGroupRect.style.strokeDasharray = (d.active)?"10 4":"";
selectGroupRect = selectGroup.children[1]; selectGroupRect = selectGroup.children[1];
selectGroupRect.setAttribute("width",d.w+8) selectGroupRect.setAttribute("width",d.w+8)
selectGroupRect.setAttribute("height",d.h+8) selectGroupRect.setAttribute("height",d.h+8)
selectGroupRect.style.strokeOpacity = (d.selected)?0.8:0; selectGroupRect.style.strokeOpacity = (d.selected || d.highlighted)?0.8:0;
selectGroupRect.style.strokeDasharray = (d.active)?"10 4":""; selectGroupRect.style.strokeDasharray = (d.active)?"10 4":"";
if (d.highlighted) {
selectGroup.classList.add("red-ui-flow-node-highlighted");
} else {
selectGroup.classList.remove("red-ui-flow-node-highlighted");
}
g.selectAll(".red-ui-flow-group-body") g.selectAll(".red-ui-flow-group-body")
.attr("width",d.w) .attr("width",d.w)
@ -4663,9 +4669,9 @@ if (DEBUG_EVENTS) { console.warn("nodeMouseDown", mouse_mode,d); }
if (RED.nodes.workspace(id) || RED.nodes.subflow(id)) { if (RED.nodes.workspace(id) || RED.nodes.subflow(id)) {
RED.workspaces.show(id); RED.workspaces.show(id);
} else { } else {
var node = RED.nodes.node(id); var node = RED.nodes.node(id) || RED.nodes.group(id);
if (node) { if (node) {
if (node._def.category !== 'config' && node.z) { if (node.z && (node.type === "group" || node._def.category !== 'config')) {
node.highlighted = true; node.highlighted = true;
node.dirty = true; node.dirty = true;
RED.workspaces.show(node.z); RED.workspaces.show(node.z);