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

Resize tray on create to ensure proper size

Browse Source
This commit is contained in:
Nick O'Leary 2016-03-23 23:22:36 +00:00
parent 333acccff6
commit 9c766d76f3
3 changed files with 25 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
editor/js/ui/editor.js
View File

@ -562,10 +562,8 @@ RED.editor = (function() {
],
resize: function() {
if (editing_node && editing_node._def.oneditresize) {
setTimeout(function() {
var form = $("#dialog-form");
editing_node._def.oneditresize.call(editing_node,{width:form.width(),height:form.height()});
},0);
var form = $("#dialog-form");
editing_node._def.oneditresize.call(editing_node,{width:form.width(),height:form.height()});
}
},
open: function(tray) {
@ -698,10 +696,8 @@ RED.editor = (function() {
title: (adding?RED._("editor.addNewConfig", {type:type}):RED._("editor.editConfig", {type:type})),
resize: function() {
if (editing_config_node && editing_config_node._def.oneditresize) {
setTimeout(function() {
var form = $("#node-config-dialog-edit-form");
editing_config_node._def.oneditresize.call(editing_config_node,{width:form.width(),height:form.height()});
},0);
var form = $("#node-config-dialog-edit-form");
editing_config_node._def.oneditresize.call(editing_config_node,{width:form.width(),height:form.height()});
}
},
open: function(tray) {
@ -1071,17 +1067,15 @@ RED.editor = (function() {
}
],
resize: function() {
setTimeout(function() {
var rows = $("#dialog-form>div:not(.node-text-editor-row)");
var editorRow = $("#dialog-form>div.node-text-editor-row");
var height = $("#dialog-form").height();
for (var i=0;i<rows.size();i++) {
height -= $(rows[i]).outerHeight(true);
}
height -= (parseInt($("#dialog-form").css("marginTop"))+parseInt($("#dialog-form").css("marginBottom")));
$(".node-text-editor").css("height",height+"px");
subflowEditor.resize();
},0);
var rows = $("#dialog-form>div:not(.node-text-editor-row)");
var editorRow = $("#dialog-form>div.node-text-editor-row");
var height = $("#dialog-form").height();
for (var i=0;i<rows.size();i++) {
height -= $(rows[i]).outerHeight(true);
}
height -= (parseInt($("#dialog-form").css("marginTop"))+parseInt($("#dialog-form").css("marginBottom")));
$(".node-text-editor").css("height",height+"px");
subflowEditor.resize();
},
open: function(tray) {
if (editing_node) {

20
editor/js/ui/tray.js
View File

@ -66,16 +66,18 @@ RED.tray = (function() {
stack.push(tray);
setTimeout(function() {
var trayHeight = el.height()-header.outerHeight()-footer.outerHeight();
body.height(trayHeight-40);
var trayHeight = el.height()-header.outerHeight()-footer.outerHeight();
body.height(trayHeight-40);
if (options.resize) {
options.resize();
}
if (options.show) {
options.show();
}
setTimeout(function() {
setTimeout(function() {
if (options.resize) {
options.resize();
}
if (options.show) {
options.show();
}
},150);
el.css({right:0});
},0);
}

16
editor/templates/index.mst
View File

@ -67,18 +67,7 @@
</div>
</div>
<div id="editor-shade" class="hide"></div>
<div id="editor-stack">
<!--
<div class="workspace-tray-header"></div>
<div class="workspace-tray-body">
<form id="dialog-form" class="form-horizontal"></form>
</div>
<div class="workspace-tray-footer">
<button type="button" id="node-dialog-ok">Ok</button>
<button type="button" id="node-dialog-cancel">Cancel</button>
</div>
-->
</div>
<div id="editor-stack"></div>
<div id="sidebar">
<ul id="sidebar-tabs"></ul>
<div id="sidebar-content"></div>
@ -92,9 +81,6 @@
<div id="notifications"></div>
<div id="dropTarget"><div data-i18n="[append]workspace.dropFlowHere"><br/><i class="fa fa-download"></i></div></div>
<div id="dialog-REMOVE" class="hide"><form id="dialog-form2" class="form-horizontal"></form></div>
<div id="node-config-dialog-REMOVE" class="hide"><form id="dialog-config-form" class="form-horizontal"><div id="node-config-dialog-edit-form"></div><!--<div id="node-config-dialog-toolbar" class="form-row"><label><span>Node scope</span></label><select id="node-config-dialog-scope"></select></div>--></form></div>
<div id="node-dialog-confirm-deploy" class="hide">
<form class="form-horizontal">
<div id="node-dialog-confirm-deploy-config" style="text-align: left; padding-top: 30px;" data-i18n="[prepend]deploy.confirm.improperlyConfigured;[append]deploy.confirm.confirm">