aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authormonikahedman <monika_hedman@brown.edu>2019-08-15 15:33:16 -0400
committermonikahedman <monika_hedman@brown.edu>2019-08-15 15:33:16 -0400
commit819ca614b022417776580251cb0fdc419ea47ddd (patch)
treec0422e9775f4aa568862f2cacf9d7359f0c59ab9
parentdce7e2d39ffb9dfe2b3847af50a0e50be7eb87c5 (diff)
url editable again
-rw-r--r--src/client/views/nodes/WebBox.tsx17
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}