frodovdr
/
node-red
mirror of https://github.com/node-red/node-red.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Append node configs to div rather than body

This commit is contained in:
Nick O'Leary 2019-05-03 21:32:12 +01:00
parent d8d37a66e4
commit 67f8ec7f87
No known key found for this signature in database
GPG Key ID: 4F2157149161A6C9
21 changed files with 62 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/node_modules/@node-red/editor-client/src/js/red.js vendored
View File

@ -38,7 +38,7 @@ var RED = (function() {
newScript.onload = function() {
scriptCount--;
if (scriptCount === 0) {
$("body").append(nodeConfigEls);
$("#red-ui-editor-node-configs").append(nodeConfigEls);
done()
}
}
@ -58,7 +58,7 @@ var RED = (function() {
}
})
if (!hasDeferred) {
$("body").append(nodeConfigEls);
$("#red-ui-editor-node-configs").append(nodeConfigEls);
done();
}
} catch(err) {
@ -114,7 +114,7 @@ var RED = (function() {
var configs = data.trim().split(/(?=<!-- --- \[red-module:\S+\] --- -->)/);
var stepConfig = function() {
if (configs.length === 0) {
$("body").i18n();
$("#red-ui-editor").i18n();
$("#red-ui-palette > .red-ui-palette-spinner").hide();
$(".red-ui-palette-scroll").removeClass("hide");
$("#red-ui-palette-search").removeClass("hide");
@ -547,6 +547,7 @@ var RED = (function() {
'<div id="red-ui-sidebar"></div>'+
'<div id="red-ui-sidebar-separator"></div>'+
'</div>').appendTo(options.target);
$('<div id="red-ui-editor-node-configs"></div>').appendTo(options.target);
$('<div id="red-ui-full-shade" class="hide"></div>').appendTo(options.target);
$.getJSON(options.apiRootUrl+"theme", function(theme) {
if (theme.header) {

4
packages/node_modules/@node-red/editor-client/src/js/ui/common/popover.js vendored
View File

@ -131,7 +131,7 @@ RED.popover = (function() {
}
}
var closePopup = function(instant) {
$(document).off('mousedown.modal-popover-close');
$(document).off('mousedown.red-ui-popover');
if (!active) {
if (div) {
if (instant) {
@ -185,7 +185,7 @@ RED.popover = (function() {
}
} else if (trigger === 'modal') {
$(document).on('mousedown.modal-popover-close', function (event) {
$(document).on('mousedown.red-ui-popover', function (event) {
var target = event.target;
while (target.nodeName !== 'BODY' && target !== div[0]) {
target = target.parentElement;

2
packages/node_modules/@node-red/editor-client/src/js/ui/common/searchBox.js vendored
View File

@ -60,7 +60,7 @@
});
this.element.on("focus",function() {
$("body").one("mousedown",function() {
$(document).one("mousedown",function() {
that.element.blur();
});
});

6
packages/node_modules/@node-red/editor-client/src/js/ui/common/tabs.js vendored
View File

@ -148,11 +148,11 @@ RED.tabs = (function() {
left: (elementPos.left - collapsibleMenu.width() + selectButton.width())+"px"
})
if (collapsibleMenu.is(":visible")) {
$(document).off("click.tabmenu");
$(document).off("click.red-ui-tabmenu");
} else {
$(".red-ui-menu").hide();
$(document).on("click.tabmenu", function(evt) {
$(document).off("click.tabmenu");
$(document).on("click.red-ui-tabmenu", function(evt) {
$(document).off("click.red-ui-tabmenu");
collapsibleMenu.hide();
});
}

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

@ -272,7 +272,7 @@ RED.deploy = (function() {
$("#btn-deploy").addClass("disabled");
deployInflight = true;
$("#red-ui-header-shade").show();
$("#editor-shade").show();
$("#red-ui-editor-shade").show();
$("#red-ui-palette-shade").show();
$("#red-ui-sidebar-shade").show();
@ -307,7 +307,7 @@ RED.deploy = (function() {
$(".deploy-button-content").css('opacity',1);
$(".deploy-button-spinner").hide();
$("#red-ui-header-shade").hide();
$("#editor-shade").hide();
$("#red-ui-editor-shade").hide();
$("#red-ui-palette-shade").hide();
$("#red-ui-sidebar-shade").hide();
},delta);
@ -423,7 +423,7 @@ RED.deploy = (function() {
deployInflight = true;
$("#red-ui-header-shade").show();
$("#editor-shade").show();
$("#red-ui-editor-shade").show();
$("#red-ui-palette-shade").show();
$("#red-ui-sidebar-shade").show();
$.ajax({
@ -493,7 +493,7 @@ RED.deploy = (function() {
$(".deploy-button-content").css('opacity',1);
$(".deploy-button-spinner").hide();
$("#red-ui-header-shade").hide();
$("#editor-shade").hide();
$("#red-ui-editor-shade").hide();
$("#red-ui-palette-shade").hide();
$("#red-ui-sidebar-shade").hide();
},delta);

2
packages/node_modules/@node-red/editor-client/src/js/ui/editors/buffer.js vendored
View File

@ -202,7 +202,7 @@
RED.tray.show(trayOptions);
}
}
$(template).appendTo(document.body);
$(template).appendTo("#red-ui-editor-node-configs");
RED.editor.registerTypeEditor("_buffer", definition);
})();

2
packages/node_modules/@node-red/editor-client/src/js/ui/editors/expression.js vendored
View File

@ -346,6 +346,6 @@
RED.tray.show(trayOptions);
}
}
$(template).appendTo(document.body);
$(template).appendTo("#red-ui-editor-node-configs");
RED.editor.registerTypeEditor("_expression", definition);
})();

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

@ -96,7 +96,7 @@
RED.tray.show(trayOptions);
}
}
$(template).appendTo(document.body);
$(template).appendTo("#red-ui-editor-node-configs");
RED.editor.registerTypeEditor("_js", definition);
})();

2
packages/node_modules/@node-red/editor-client/src/js/ui/editors/json.js vendored
View File

@ -112,6 +112,6 @@
RED.tray.show(trayOptions);
}
}
$(template).appendTo(document.body);
$(template).appendTo("#red-ui-editor-node-configs");
RED.editor.registerTypeEditor("_json", definition);
})();

2
packages/node_modules/@node-red/editor-client/src/js/ui/editors/markdown.js vendored
View File

@ -207,6 +207,6 @@
return toolbar;
}
}
$(template).appendTo(document.body);
$(template).appendTo("#red-ui-editor-node-configs");
RED.editor.registerTypeEditor("_markdown", definition);
})();

2
packages/node_modules/@node-red/editor-client/src/js/ui/event-log.js vendored
View File

@ -36,7 +36,7 @@ RED.eventLog = (function() {
}
return {
init: function() {
$(template).appendTo(document.body);
$(template).appendTo("#red-ui-editor-node-configs");
RED.actions.add("core:show-event-log",RED.eventLog.show);
},
show: function() {

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

@ -2227,13 +2227,13 @@ RED.projects = (function() {
open: function(e) {
$(this).parent().find(".ui-dialog-titlebar-close").hide();
// $("#red-ui-header-shade").show();
// $("#editor-shade").show();
// $("#red-ui-editor-shade").show();
// $("#red-ui-palette-shade").show();
// $("#red-ui-sidebar-shade").show();
},
close: function(e) {
// $("#red-ui-header-shade").hide();
// $("#editor-shade").hide();
// $("#red-ui-editor-shade").hide();
// $("#red-ui-palette-shade").hide();
// $("#red-ui-sidebar-shade").hide();
}

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

@ -255,7 +255,7 @@ RED.search = (function() {
if (!visible) {
RED.keyboard.add("*","escape",function(){hide()});
$("#red-ui-header-shade").show();
$("#editor-shade").show();
$("#red-ui-editor-shade").show();
$("#red-ui-palette-shade").show();
$("#red-ui-sidebar-shade").show();
$("#red-ui-sidebar-separator").hide();
@ -276,7 +276,7 @@ RED.search = (function() {
RED.keyboard.remove("escape");
visible = false;
$("#red-ui-header-shade").hide();
$("#editor-shade").hide();
$("#red-ui-editor-shade").hide();
$("#red-ui-palette-shade").hide();
$("#red-ui-sidebar-shade").hide();
$("#red-ui-sidebar-separator").show();
@ -300,7 +300,7 @@ RED.search = (function() {
$("#red-ui-header-shade").on('mousedown',hide);
$("#editor-shade").on('mousedown',hide);
$("#red-ui-editor-shade").on('mousedown',hide);
$("#red-ui-palette-shade").on('mousedown',hide);
$("#red-ui-sidebar-shade").on('mousedown',hide);
}

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

@ -88,7 +88,7 @@ RED.sidebar = (function() {
start:function(event,ui) {
sidebarSeparator.closing = false;
sidebarSeparator.opening = false;
var winWidth = $(window).width();
var winWidth = $("#red-ui-editor").width();
sidebarSeparator.start = ui.position.left;
sidebarSeparator.chartWidth = $("#red-ui-workspace").width();
sidebarSeparator.chartRight = winWidth-$("#red-ui-workspace").width()-$("#red-ui-workspace").offset().left-2;
@ -252,7 +252,7 @@ RED.sidebar = (function() {
RED.sidebar.config.init();
RED.sidebar.context.init();
// hide info bar at start if screen rather narrow...
if ($(window).width() < 600) { RED.menu.setSelected("menu-item-sidebar",false); }
if ($("#red-ui-editor").width() < 600) { RED.menu.setSelected("menu-item-sidebar",false); }
}
return {

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

@ -499,8 +499,8 @@ RED.subflow = (function() {
RED.actions.add("core:create-subflow",createSubflow);
RED.actions.add("core:convert-to-subflow",convertToSubflow);
$(_subflowEditTemplate).appendTo(document.body);
$(_subflowTemplateEditTemplate).appendTo(document.body);
$(_subflowEditTemplate).appendTo("#red-ui-editor-node-configs");
$(_subflowTemplateEditTemplate).appendTo("#red-ui-editor-node-configs");
}

41
packages/node_modules/@node-red/editor-client/src/js/ui/touch/radialMenu.js vendored
View File

@ -16,20 +16,17 @@
RED.touch = RED.touch||{};
RED.touch.radialMenu = (function() {
var touchMenu = null;
var isActive = false;
var isOutside = false;
var activeOption = null;
function createRadial(obj,pos,options) {
isActive = true;
try {
var w = $("body").width();
var h = $("body").height();
touchMenu = d3.select("body").append("div")
.style({
position:"absolute",
@ -43,10 +40,7 @@ RED.touch.radialMenu = (function() {
hide();
d3.event.preventDefault();
});
var menu = touchMenu.append("div")
.style({
position: "absolute",
@ -58,7 +52,7 @@ RED.touch.radialMenu = (function() {
background: "rgba(255,255,255,0.6)",
border: "1px solid #666"
});
var menuOpts = [];
var createMenuOpt = function(x,y,opt) {
opt.el = menu.append("div")
@ -74,16 +68,16 @@ RED.touch.radialMenu = (function() {
"text-align": "center",
"line-height":"50px"
});
opt.el.html(opt.name);
if (opt.disabled) {
opt.el.style({"border-color":"#ccc",color:"#ccc"});
}
opt.x = x;
opt.y = y;
menuOpts.push(opt);
opt.el.on('touchstart',function() {
opt.el.style("background","#999");
d3.event.preventDefault();
@ -96,7 +90,7 @@ RED.touch.radialMenu = (function() {
d3.event.stopPropagation();
});
}
var n = options.length;
var dang = Math.max(Math.PI/(n-1),Math.PI/4);
var ang = Math.PI;
@ -108,7 +102,7 @@ RED.touch.radialMenu = (function() {
}
ang += dang;
}
var hide = function() {
isActive = false;
@ -116,11 +110,11 @@ RED.touch.radialMenu = (function() {
touchMenu.remove();
touchMenu = null;
}
obj.on('touchend.radial',function() {
obj.on('touchend.radial',null);
obj.on('touchmenu.radial',null);
if (activeOption) {
try {
activeOption.onselect();
@ -133,8 +127,6 @@ RED.touch.radialMenu = (function() {
}
});
obj.on('touchmove.radial',function() {
try {
var touch0 = d3.event.touches.item(0);
@ -159,20 +151,20 @@ RED.touch.radialMenu = (function() {
var d = Math.abs((p[0]*p[0])+(p[1]*p[1]));
isOutside = (d > 80*80);
}
} catch(err) {
RED._debug(err);
}
});
} catch(err) {
RED._debug(err);
}
}
}
return {
show: createRadial,
active: function() {
@ -181,4 +173,3 @@ RED.touch.radialMenu = (function() {
}
})();

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

@ -116,7 +116,7 @@ RED.tray = (function() {
function finishBuild() {
$("#red-ui-header-shade").show();
$("#editor-shade").show();
$("#red-ui-editor-shade").show();
$("#red-ui-palette-shade").show();
$(".red-ui-sidebar-shade").show();
tray.preferredWidth = Math.max(el.width(),500);
@ -206,7 +206,7 @@ RED.tray = (function() {
editorStack = $("#red-ui-editor-stack");
$(window).on("resize", handleWindowResize);
RED.events.on("sidebar:resize",handleWindowResize);
$("#editor-shade").on("click", function() {
$("#red-ui-editor-shade").on("click", function() {
if (!openingTray) {
var tray = stack[stack.length-1];
if (tray && tray.primaryButton) {
@ -269,7 +269,7 @@ RED.tray = (function() {
}
if (stack.length === 0) {
$("#red-ui-header-shade").hide();
$("#editor-shade").hide();
$("#red-ui-editor-shade").hide();
$("#red-ui-palette-shade").hide();
$(".red-ui-sidebar-shade").hide();
RED.events.emit("editor:close");

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

@ -208,13 +208,13 @@ RED.typeSearch = (function() {
dialog.hide();
searchResultsDiv.hide();
}
$(document).off('mousedown.type-search');
$(document).off('mouseup.type-search');
$(document).off('click.type-search');
$(document).off('mousedown.red-ui-type-search');
$(document).off('mouseup.red-ui-type-search');
$(document).off('click.red-ui-type-search');
setTimeout(function() {
$(document).on('mousedown.type-search',handleMouseActivity);
$(document).on('mouseup.type-search',handleMouseActivity);
$(document).on('click.type-search',handleMouseActivity);
$(document).on('mousedown.red-ui-type-search',handleMouseActivity);
$(document).on('mouseup.red-ui-type-search',handleMouseActivity);
$(document).on('click.red-ui-type-search',handleMouseActivity);
},200);
refreshTypeList(opts);
@ -245,9 +245,9 @@ RED.typeSearch = (function() {
}
RED.events.emit("type-search:close");
RED.view.focus();
$(document).off('mousedown.type-search');
$(document).off('mouseup.type-search');
$(document).off('click.type-search');
$(document).off('mousedown.red-ui-type-search');
$(document).off('mouseup.red-ui-type-search');
$(document).off('click.red-ui-type-search');
}
}
function getTypeLabel(type, def) {

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

@ -331,7 +331,7 @@ RED.workspaces = (function() {
$('<div id="red-ui-workspace-chart" tabindex="1"></div>').appendTo("#red-ui-workspace");
$('<div id="red-ui-workspace-toolbar"></div>').appendTo("#red-ui-workspace");
$('<div id="red-ui-workspace-footer" class="red-ui-component-footer"></div>').appendTo("#red-ui-workspace");
$('<div id="editor-shade" class="hide"></div>').appendTo("#red-ui-workspace");
$('<div id="red-ui-editor-shade" class="hide"></div>').appendTo("#red-ui-workspace");
createWorkspaceTabs();

4
packages/node_modules/@node-red/editor-client/src/sass/base.scss vendored
View File

@ -28,7 +28,9 @@ body {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
#red-ui-editor-node-configs {
display: none;
}
#red-ui-main-container {
position: absolute;
top:40px; left:0; bottom: 0; right:0;

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

@ -154,7 +154,7 @@
background: $background-color;
color: $workspace-button-color;
}
#red-ui-palette-shade, #editor-shade, #red-ui-header-shade, #red-ui-sidebar-shade {
#red-ui-palette-shade, #red-ui-editor-shade, #red-ui-header-shade, #red-ui-sidebar-shade {
@include shade;
z-index: 2;
}