diff options
| -rw-r--r-- | src/client/views/SearchDocBox.tsx | 31 |
1 files changed, 16 insertions, 15 deletions
diff --git a/src/client/views/SearchDocBox.tsx b/src/client/views/SearchDocBox.tsx index 06d434789..5f308ff71 100644 --- a/src/client/views/SearchDocBox.tsx +++ b/src/client/views/SearchDocBox.tsx @@ -69,6 +69,8 @@ export class SearchDocBox extends React.Component<FieldViewProps> { componentDidMount() { runInAction(() => { + console.log("didit" + ); this.query = StrCast(this.props.Document.searchText); this.content = (Docs.Create.TreeDocument(DocListCast(Doc.GetProto(this.props.Document).data), { _width: 200, _height: 400, _chromeStatus: "disabled", title: `Search Docs:` + this.query})); @@ -86,16 +88,19 @@ export class SearchDocBox extends React.Component<FieldViewProps> { @action updateKey = async (newKey: string) => { + this.query = newKey; if (newKey.length >1){ let newdocs= await this.getAllResults(this.query) let things = newdocs.docs console.log(things); - await runInAction(() => { - this.content=Docs.Create.TreeDocument(things, { _width: 200, _height: 400, _chromeStatus: "disabled", title: `Search Docs:` + this.query }); - }); + console.log(this.content); + runInAction(() => { + this.content= Docs.Create.TreeDocument(things, { _width: 200, _height: 400, _chromeStatus: "disabled", title: `Search Docs:` + this.query }); + }); + console.log(this.content); } - this.query = newKey; + //this.keyRef.current && this.keyRef.current.setIsFocused(false); //this.query.length === 0 && (this.query = keyPlaceholder); return true; @@ -399,9 +404,12 @@ export class SearchDocBox extends React.Component<FieldViewProps> { render() { const isEditing = this.editingMetadata; - console.log(isEditing); return ( <div style={{ pointerEvents: "all" }}> + <ContentFittingDocumentView {...this.props} + Document={this.content} + getTransform={this.props.ScreenToLocalTransform}> + s</ContentFittingDocumentView> <div style={{ position: "absolute", @@ -413,25 +421,18 @@ export class SearchDocBox extends React.Component<FieldViewProps> { opacity: 1, transition: "0.4s opacity ease", zIndex: 99, + top:0, }} title={"Add Metadata"} - onDoubleClick={action(() => {this.editingMetadata = !this.editingMetadata })} + onClick={action(() => {this.editingMetadata = !this.editingMetadata })} /> - <div className="editableclass" onKeyPress={this.enter} style={{ opacity: isEditing ? 1 : 0, pointerEvents: isEditing ? "auto" : "none", transition: "0.4s opacity ease", }}> + <div className="editableclass" onKeyPress={this.enter} style={{ opacity: isEditing ? 1 : 0, pointerEvents: isEditing ? "auto" : "none", transition: "0.4s opacity ease",position:"absolute",top:0,left:0, height:20, width:"-webkit-fill-available" }}> <EditableView contents={this.query} SetValue={this.updateKey} GetValue={() => ""} /> </div> - <div style={{ - pointerEvents: "none", - }}> - <ContentFittingDocumentView {...this.props} - Document={this.content} - getTransform={this.props.ScreenToLocalTransform}> - </ContentFittingDocumentView> - </div> </div > ); } |