From 9d06cd45c732006ed5ee13734fa8145886e349c0 Mon Sep 17 00:00:00 2001
From: Bob Zeleznik <zzzman@gmail.com>
Date: Fri, 3 Apr 2020 16:45:22 -0400
Subject: fixed some issues with template buttons creating documents. 
 simplified query boxe code. added a searchView.

---
 src/client/views/nodes/QueryBox.scss |  6 +++
 src/client/views/nodes/QueryBox.tsx  | 87 +++++-------------------------------
 2 files changed, 18 insertions(+), 75 deletions(-)

(limited to 'src/client/views/nodes')

diff --git a/src/client/views/nodes/QueryBox.scss b/src/client/views/nodes/QueryBox.scss
index e69de29bb..82f64054c 100644
--- a/src/client/views/nodes/QueryBox.scss
+++ b/src/client/views/nodes/QueryBox.scss
@@ -0,0 +1,6 @@
+.queryBox, .queryBox-dragging {
+    width: 100%;
+    height: 100%; 
+    position: absolute;
+    pointer-events: all;
+}
\ No newline at end of file
diff --git a/src/client/views/nodes/QueryBox.tsx b/src/client/views/nodes/QueryBox.tsx
index 95ea3e099..566c07dfe 100644
--- a/src/client/views/nodes/QueryBox.tsx
+++ b/src/client/views/nodes/QueryBox.tsx
@@ -1,42 +1,18 @@
 import React = require("react");
-import { library } from '@fortawesome/fontawesome-svg-core';
-import { faArrowLeft, faArrowRight, faEdit, faMinus, faPlay, faPlus, faStop, faTimes } from '@fortawesome/free-solid-svg-icons';
-import { IReactionDisposer, computed } from "mobx";
+import { IReactionDisposer } from "mobx";
 import { observer } from "mobx-react";
-import { FieldView, FieldViewProps } from './FieldView';
-import "./PresBox.scss";
-import { SearchBox } from "../search/SearchBox";
-import { SelectionManager } from "../../util/SelectionManager";
-import { CollectionFreeFormView } from "../collections/collectionFreeForm/CollectionFreeFormView";
-import { emptyFunction, returnOne } from "../../../Utils";
-import { DocAnnotatableComponent } from '../DocComponent';
-import { makeInterface, createSchema } from "../../../new_fields/Schema";
 import { documentSchema } from "../../../new_fields/documentSchemas";
-import { TraceMobx } from "../../../new_fields/util";
 import { Id } from '../../../new_fields/FieldSymbols';
+import { makeInterface } from "../../../new_fields/Schema";
 import { StrCast } from "../../../new_fields/Types";
+import { SelectionManager } from "../../util/SelectionManager";
+import { DocAnnotatableComponent } from '../DocComponent';
+import { SearchBox } from "../search/SearchBox";
+import { FieldView, FieldViewProps } from './FieldView';
+import "./QueryBox.scss";
 
-
-
-library.add(faArrowLeft);
-library.add(faArrowRight);
-library.add(faPlay);
-library.add(faStop);
-library.add(faPlus);
-library.add(faTimes);
-library.add(faMinus);
-library.add(faEdit);
-
-export const pageSchema = createSchema({
-    curPage: "number",
-    fitWidth: "boolean",
-    googlePhotosUrl: "string",
-    googlePhotosTags: "string"
-});
-
-
-type QueryDocument = makeInterface<[typeof pageSchema, typeof documentSchema]>;
-const QueryDocument = makeInterface(pageSchema, documentSchema);
+type QueryDocument = makeInterface<[typeof documentSchema]>;
+const QueryDocument = makeInterface(documentSchema);
 
 @observer
 export class QueryBox extends DocAnnotatableComponent<FieldViewProps, QueryDocument>(QueryDocument) {
@@ -46,52 +22,13 @@ export class QueryBox extends DocAnnotatableComponent<FieldViewProps, QueryDocum
     }
 
     componentWillUnmount() {
-        this._docListChangedReaction && this._docListChangedReaction();
-    }
-
-    @computed get content() {
-        let key = this.props.Document[Id];
-        let sq = StrCast(this.props.Document.sq);
-        let fq= StrCast(this.props.Document.fq);
-        if (this.props.Document.sq){
-            console.log("yes");
-            console.log(sq);
-            console.log(fq);
-            return <SearchBox id={key} sq={sq} fq={fq}/>
-        }
-        else {
-            console.log("no");
-        return <SearchBox id={key} />
-        }
+        this._docListChangedReaction?.();
     }
-    contentFunc = () => [this.content];
-
 
     render() {
         const dragging = !SelectionManager.GetIsDragging() ? "" : "-dragging";
-        return <div className={`queryBox${dragging}`} style={{ width: "100%", height: "100%", position: "absolute", pointerEvents: "all" }} >
-            {/* <CollectionFreeFormView {...this.props}
-                PanelHeight={this.props.PanelHeight}
-                PanelWidth={this.props.PanelWidth}
-                annotationsKey={this.annotationKey}
-                isAnnotationOverlay={true}
-                focus={this.props.focus}
-                isSelected={this.props.isSelected}
-                select={emptyFunction}
-                active={this.active}
-                ContentScaling={returnOne}
-                whenActiveChanged={this.whenActiveChanged}
-                removeDocument={this.removeDocument}
-                moveDocument={this.moveDocument}
-                addDocument={this.addDocument}
-                CollectionView={undefined}
-                ScreenToLocalTransform={this.props.ScreenToLocalTransform}
-                renderDepth={this.props.renderDepth + 1}
-                ContainingCollectionDoc={this.props.ContainingCollectionDoc}
-                chromeCollapsed={true}>
-                {this.contentFunc}
-            </CollectionFreeFormView> */}
-                {this.contentFunc()}
+        return <div className={`queryBox${dragging}`} >
+            <SearchBox id={this.props.Document[Id]} searchQuery={StrCast(this.dataDoc.searchQuery)} filterQquery={StrCast(this.dataDoc.filterQuery)} />
         </div >;
     }
 }
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2