diff options
author | anika-ahluwalia <anika.ahluwalia@gmail.com> | 2020-04-19 21:19:43 -0500 |
---|---|---|
committer | anika-ahluwalia <anika.ahluwalia@gmail.com> | 2020-04-19 21:19:43 -0500 |
commit | 1439f57a59918ef68eac96e8e508372dc47d9444 (patch) | |
tree | 161eff26247aa38aa89e1d68babe97db90db8d05 /src/client/views/nodes/ScriptingBox.tsx | |
parent | 04e2cdc30dd71cccb066f713a93cdc4d3bbd169c (diff) |
added a bit to parameters UI, still figuring out horizontal spacing
Diffstat (limited to 'src/client/views/nodes/ScriptingBox.tsx')
-rw-r--r-- | src/client/views/nodes/ScriptingBox.tsx | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/src/client/views/nodes/ScriptingBox.tsx b/src/client/views/nodes/ScriptingBox.tsx index cd0e4fa8d..a5d55018b 100644 --- a/src/client/views/nodes/ScriptingBox.tsx +++ b/src/client/views/nodes/ScriptingBox.tsx @@ -89,12 +89,19 @@ export class ScriptingBox extends ViewBoxAnnotatableComponent<FieldViewProps, Sc <div className="scriptingBox-inputDiv" onPointerDown={e => this.props.isSelected(true) && e.stopPropagation()} > + <textarea className="scriptingBox-textarea" placeholder="write your script here" onChange={e => this.rawScript = e.target.value} value={this.rawScript} onFocus={this.onFocus} - onBlur={e => this._overlayDisposer?.()} /> + onBlur={e => this._overlayDisposer?.()} + style={{ width: this.compileParams.length > 0 ? "70%" : "100%" }} /> + + {this.compileParams.length > 0 ? <div className="split right" style={{ width: "30%" }}> + parameters go here + </div> : null} + <div className="scriptingBox-errorMessage" style={{ background: this._errorMessage ? "red" : "" }}>{this._errorMessage}</div> <div className="scriptingBox-params" >{params}</div> </div> |