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

Default group label to be shown and improve toggle button

Browse Source
This commit is contained in:
Nick O'Leary 2020-06-18 22:24:44 +01:00
parent c9069d472f
commit 19ffe8f308
No known key found for this signature in database
GPG Key ID: 4F2157149161A6C9
1 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -82,12 +82,14 @@ RED.group = (function() {
colorPalette.push('#'+'000000'.slice(0, 6-s.length)+s); colorPalette.push('#'+'000000'.slice(0, 6-s.length)+s);
} }
var defaultGroupStyle = {}; var defaultGroupStyle = {
label: true
};
var groupDef = { var groupDef = {
defaults:{ defaults:{
name:{value:""}, name:{value:""},
style:{value:{}}, style:{value:{label:true}},
nodes:{value:[]} nodes:{value:[]}
}, },
category: "config", category: "config",
@ -133,10 +135,9 @@ RED.group = (function() {
$("#node-input-style-label").toggleButton({ $("#node-input-style-label").toggleButton({
enabledLabel: RED._("editor.show"), enabledLabel: RED._("editor.show"),
disabledLabel: RED._("editor.hide") disabledLabel: RED._("editor.show"),
}) })
$("#node-input-style-label").on("change", function(evt) { $("#node-input-style-label").on("change", function(evt) {
$("#node-input-row-style-label-options").toggle($(this).prop("checked")); $("#node-input-row-style-label-options").toggle($(this).prop("checked"));
}) })
@ -217,7 +218,8 @@ RED.group = (function() {
stroke: convertColorToHex(groupStyle.stroke), stroke: convertColorToHex(groupStyle.stroke),
"stroke-opacity": groupStyle.strokeOpacity, "stroke-opacity": groupStyle.strokeOpacity,
fill: convertColorToHex(groupStyle.fill), fill: convertColorToHex(groupStyle.fill),
"fill-opacity": groupStyle.fillOpacity "fill-opacity": groupStyle.fillOpacity,
label: true
} }
groupStyleDiv.remove(); groupStyleDiv.remove();
} }
@ -615,14 +617,14 @@ RED.group = (function() {
var row = null; var row = null;
row = $("<div/>").appendTo(picker); row = $("<div/>").appendTo(picker);
var currentButton;
for (var y=0;y<2;y++) { //red-ui-group-layout-text-pos for (var y=0;y<2;y++) { //red-ui-group-layout-text-pos
var yComponent= "ns"[y]; var yComponent= "ns"[y];
row = $("<div/>").appendTo(picker); row = $("<div/>").appendTo(picker);
for (var x=0;x<3;x++) { for (var x=0;x<3;x++) {
var xComponent = ["w","","e"][x]; var xComponent = ["w","","e"][x];
var val = yComponent+xComponent; var val = yComponent+xComponent;
var button = $("<button/>", { class:"red-ui-search-result-node","data-pos":val }).appendTo(row); var button = $("<button/>", { class:"red-ui-search-result-node red-ui-button","data-pos":val }).appendTo(row);
button.on("click", function (e) { button.on("click", function (e) {
e.preventDefault(); e.preventDefault();
layoutHiddenInput.val($(this).data("pos")); layoutHiddenInput.val($(this).data("pos"));
@ -630,15 +632,22 @@ RED.group = (function() {
refreshDisplay(); refreshDisplay();
}); });
$('<div>',{class:"red-ui-group-layout-picker-cell-text red-ui-group-layout-text-pos-"+val}).appendTo(button); $('<div>',{class:"red-ui-group-layout-picker-cell-text red-ui-group-layout-text-pos-"+val}).appendTo(button);
if (val === layoutHiddenInput.val()) {
currentButton = button;
}
} }
} }
refreshDisplay(); refreshDisplay();
var layoutPanel = RED.popover.panel(picker); var layoutPanel = RED.popover.panel(picker);
layoutPanel.show({ layoutPanel.show({
target: layoutButton target: layoutButton,
}) onclose: function() {
layoutButton.focus();
}
});
if (currentButton) {
currentButton.focus();
}
}) })
refreshDisplay(); refreshDisplay();