diff options
-rw-r--r-- | src/client/views/nodes/PDFBox.tsx | 2 | ||||
-rw-r--r-- | src/client/views/search/FilterBox.tsx | 16 | ||||
-rw-r--r-- | src/client/views/search/SearchBox.tsx | 33 |
3 files changed, 6 insertions, 45 deletions
diff --git a/src/client/views/nodes/PDFBox.tsx b/src/client/views/nodes/PDFBox.tsx index 96852b9f7..02b883d57 100644 --- a/src/client/views/nodes/PDFBox.tsx +++ b/src/client/views/nodes/PDFBox.tsx @@ -11,7 +11,7 @@ import { PdfField } from "../../../new_fields/URLField"; import { RouteStore } from "../../../server/RouteStore"; import { DocComponent } from "../DocComponent"; import { InkingControl } from "../InkingControl"; -import { SearchBox } from "../search/FilterBox"; +import { FilterBox } from "../search/FilterBox"; import { Annotation } from './Annotation'; import { PDFViewer } from "../pdf/PDFViewer"; import { positionSchema } from "./DocumentView"; diff --git a/src/client/views/search/FilterBox.tsx b/src/client/views/search/FilterBox.tsx index 364989125..8bcfda794 100644 --- a/src/client/views/search/FilterBox.tsx +++ b/src/client/views/search/FilterBox.tsx @@ -42,13 +42,9 @@ export class FilterBox extends React.Component { static Instance: FilterBox; public _allIcons: string[] = [DocTypes.AUDIO, DocTypes.COL, DocTypes.HIST, DocTypes.IMG, DocTypes.LINK, DocTypes.PDF, DocTypes.TEXT, DocTypes.VID, DocTypes.WEB]; - // @observable private _searchString: string = ""; //if true, any keywords can be used. if false, all keywords are required. @observable private _basicWordStatus: boolean = true; @observable private _filterOpen: boolean = false; - // @observable private _resultsOpen: boolean = false; - // @observable private _results: Doc[] = []; - // @observable private _openNoResults: boolean = false; @observable private _icons: string[] = this._allIcons; @observable private _titleFieldStatus: boolean = true; @observable private _authorFieldStatus: boolean = true; @@ -62,7 +58,6 @@ export class FilterBox extends React.Component { @observable private _fieldOpen: boolean = false; public _pointerTime: number = -1; - constructor(props: Readonly<{}>) { super(props); FilterBox.Instance = this; @@ -73,7 +68,6 @@ export class FilterBox extends React.Component { document.addEventListener("pointerdown", (e) => { if (e.timeStamp !== this._pointerTime) { SearchBox.Instance.closeSearch(); - console.log("closing search from inside component did mount") } }); } @@ -274,20 +268,11 @@ export class FilterBox extends React.Component { }); return finalDocs; } - //-------------------------------------------------------------------------------------------------------------- - // enter = (e: React.KeyboardEvent) => { - // if (e.key === "Enter") { this.submitSearch(); } - // } - //-------------------------------------------------------------------------------------------------------------- - @action.bound openFilter = () => { this._filterOpen = !this._filterOpen; - // this._resultsOpen = false; - // this._results = []; SearchBox.Instance.closeResults(); - // console.log("opening filter") this.setupAccordion(); } @@ -307,7 +292,6 @@ export class FilterBox extends React.Component { stopProp = (e: React.PointerEvent) => { e.stopPropagation(); this._pointerTime = e.timeStamp; - console.log("stopping prop"); } @action.bound diff --git a/src/client/views/search/SearchBox.tsx b/src/client/views/search/SearchBox.tsx index 24e617f7f..e9eefa29a 100644 --- a/src/client/views/search/SearchBox.tsx +++ b/src/client/views/search/SearchBox.tsx @@ -16,24 +16,16 @@ import { SearchUtil } from '../../util/SearchUtil'; import { RouteStore } from '../../../server/RouteStore'; import { FilterBox } from './FilterBox'; -export interface SearchBoxProps { - // setUnfilteredResults(docs: Doc[]): void; - // getFilteredResults(): Doc[]; - // getFinalQuery(str: string): string; - - // submitSearch(): void; -} - -export class SearchBox extends React.Component<SearchBoxProps> { +@observer +export class SearchBox extends React.Component { @observable private _searchString: string = ""; @observable private _resultsOpen: boolean = false; @observable private _results: Doc[] = []; @observable private _openNoResults: boolean = false; - // private _pointerTime: number = -1; static Instance: SearchBox; - constructor(props: SearchBoxProps){ + constructor(props: any){ super(props); SearchBox.Instance = this; @@ -52,8 +44,6 @@ export class SearchBox extends React.Component<SearchBoxProps> { @action.bound onChange(e: React.ChangeEvent<HTMLInputElement>) { this._searchString = e.target.value; - // console.log(this._searchString) - // e.stopPropagation(); if (this._searchString === "") { this._results = []; @@ -62,7 +52,6 @@ export class SearchBox extends React.Component<SearchBoxProps> { } enter = (e: React.KeyboardEvent) => { - if (e.key === "Enter") { this.submitSearch(); } } @@ -85,12 +74,9 @@ export class SearchBox extends React.Component<SearchBoxProps> { @action submitSearch = async () => { - // console.log("submitting") let query = this._searchString; // searchbox gets query - // console.log(this._searchString) let results: Doc[]; - // query = this.props.getFinalQuery(query); // sends to filterbox to modify and gets final query back query = FilterBox.Instance.getFinalQuery(query); //if there is no query there should be no result @@ -99,15 +85,12 @@ export class SearchBox extends React.Component<SearchBoxProps> { } else { //gets json result into a list of documents that can be used - // results = await this.props.getFilteredResults(query); - //these are filtered by type results = await this.getResults(query); } runInAction(() => { this._resultsOpen = true; - // console.log("opening results") this._results = results; this._openNoResults = true; }); @@ -136,7 +119,6 @@ export class SearchBox extends React.Component<SearchBoxProps> { collectionRef = React.createRef<HTMLSpanElement>(); startDragCollection = async () => { - // const results = await this.getResults(this._searchString); const results = await this.getResults(FilterBox.Instance.getFinalQuery(this._searchString)); const docs = results.map(doc => { const isProto = Doc.GetT(doc, "isPrototype", "boolean", true); @@ -175,26 +157,21 @@ export class SearchBox extends React.Component<SearchBoxProps> { @action.bound openSearch(e: React.PointerEvent) { - // console.log("opening search") - // e.stopPropagation(); - // FilterBox.Instance.setPointerTime(e.timeStamp); + e.stopPropagation(); this._openNoResults = false; FilterBox.Instance.closeFilter(); this._resultsOpen = true; + FilterBox.Instance._pointerTime = e.timeStamp; } @action.bound closeSearch = () => { - // console.log("closing search") - FilterBox.Instance.closeFilter(); this.closeResults(); - // console.log(this._resultsOpen) } @action.bound closeResults() { - // console.log("closing results") this._resultsOpen = false; this._results = []; } |