diff options
author | monikahedman <monika_hedman@brown.edu> | 2019-08-15 15:33:16 -0400 |
---|---|---|
committer | monikahedman <monika_hedman@brown.edu> | 2019-08-15 15:33:16 -0400 |
commit | 819ca614b022417776580251cb0fdc419ea47ddd (patch) | |
tree | c0422e9775f4aa568862f2cacf9d7359f0c59ab9 | |
parent | dce7e2d39ffb9dfe2b3847af50a0e50be7eb87c5 (diff) |
url editable again
-rw-r--r-- | src/client/views/nodes/WebBox.tsx | 17 |
1 files changed, 14 insertions, 3 deletions
diff --git a/src/client/views/nodes/WebBox.tsx b/src/client/views/nodes/WebBox.tsx index ff5297783..dc30dbed3 100644 --- a/src/client/views/nodes/WebBox.tsx +++ b/src/client/views/nodes/WebBox.tsx @@ -17,6 +17,7 @@ import { RefField } from "../../../new_fields/RefField"; import { ObjectField } from "../../../new_fields/ObjectField"; import { updateSourceFile } from "typescript"; import { KeyValueBox } from "./KeyValueBox"; +import { setReactionScheduler } from "mobx/lib/internal"; @observer export class WebBox extends React.Component<FieldViewProps> { @@ -38,11 +39,16 @@ export class WebBox extends React.Component<FieldViewProps> { this.props.Document.height = NumCast(this.props.Document.width) / youtubeaspect; } } + + this.setURL(); } @action onURLChange = (e: React.ChangeEvent<HTMLInputElement>) => { + console.log("changing") + console.log(e.target.value) this.url = e.target.value; + console.log(this.url) } @action @@ -50,8 +56,13 @@ export class WebBox extends React.Component<FieldViewProps> { const script = KeyValueBox.CompileKVPScript(`new WebField("${this.url}")`); if (!script) return; KeyValueBox.ApplyKVPScript(this.props.Document, "data", script); - let mod = document.getElementById("webpage-input"); - if (mod) mod.style.display = "none"; + } + + @action + setURL() { + let urlField: FieldResult<WebField> = Cast(this.props.Document.data, WebField) + if (urlField) this.url = urlField.url.toString(); + else this.url = ""; } @computed @@ -86,7 +97,7 @@ export class WebBox extends React.Component<FieldViewProps> { <div style={{ marginLeft: 54, width: "100%", display: this.collapsed ? "none" : "flex" }}> <input className="webpage-urlInput" placeholder="ENTER URL" - value={this.getURL} + value={this.url} onChange={this.onURLChange} onKeyDown={this.onValueKeyDown} // onPointerDown={this.openViewSpecs} |