aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/search
diff options
context:
space:
mode:
authorbobzel <zzzman@gmail.com>2021-08-26 08:57:20 -0400
committerbobzel <zzzman@gmail.com>2021-08-26 08:57:20 -0400
commitc42f909188aff5398de31e443500eb64b8690ac4 (patch)
tree871b3ae734cba591a04fa3e89cdcd6bd969613a5 /src/client/views/search
parent2d8b3c6b73da1b7685903697525a277fd53340a5 (diff)
fixed warnings/errors
Diffstat (limited to 'src/client/views/search')
-rw-r--r--src/client/views/search/SearchBox.tsx56
1 files changed, 25 insertions, 31 deletions
diff --git a/src/client/views/search/SearchBox.tsx b/src/client/views/search/SearchBox.tsx
index 07186fe8d..260ddfc90 100644
--- a/src/client/views/search/SearchBox.tsx
+++ b/src/client/views/search/SearchBox.tsx
@@ -14,7 +14,7 @@ import "./SearchBox.scss";
import { DocumentManager } from '../../util/DocumentManager';
import { DocUtils } from '../../documents/Documents';
-export const searchSchema = createSchema({
+export const searchSchema = createSchema({
Document: Doc
});
@@ -109,13 +109,12 @@ export class SearchBox extends ViewBoxBaseComponent<SearchBoxProps, SearchBoxDoc
});
makeLink = action((linkTo: Doc) => {
- console.log("[makeLink-1] got here!")
console.log(linkTo.title);
- if (this.props.linkFrom){
+ if (this.props.linkFrom) {
const linkFrom = this.props.linkFrom();
- if (linkFrom){
+ if (linkFrom) {
console.log(linkFrom.title);
- DocUtils.MakeLink({doc: linkFrom}, {doc:linkTo});
+ DocUtils.MakeLink({ doc: linkFrom }, { doc: linkTo });
}
}
});
@@ -177,10 +176,10 @@ export class SearchBox extends ViewBoxBaseComponent<SearchBoxProps, SearchBoxDoc
* right side of each search result.
*/
static formatType(type: String): String {
- if (type == "pdf") {
+ if (type === "pdf") {
return "PDF";
}
- else if (type == "image") {
+ else if (type === "image") {
return "Img";
}
@@ -200,28 +199,25 @@ export class SearchBox extends ViewBoxBaseComponent<SearchBoxProps, SearchBoxDoc
const blockedTypes = [DocumentType.PRESELEMENT, DocumentType.KVP, DocumentType.FILTER, DocumentType.SEARCH, DocumentType.SEARCHITEM, DocumentType.FONTICON, DocumentType.BUTTON, DocumentType.SCRIPTING];
const blockedKeys = ["x", "y", "proto", "width", "autoHeight", "acl-Override", "acl-Public", "context", "zIndex", "height", "text-scrollHeight", "text-height", "cloneFieldFilter", "isPrototype", "text-annotations",
"dragFactory-count", "text-noTemplate", "aliases", "system", "layoutKey", "baseProto", "xMargin", "yMargin", "links", "layout", "layout_keyValue", "fitWidth", "viewType", "title-custom",
- "panX", "panY", "viewScale"]
+ "panX", "panY", "viewScale"];
const collection = CollectionDockingView.Instance;
query = query.toLowerCase();
- this._results = []
- this._selectedResult = undefined
+ this._results = [];
+ this._selectedResult = undefined;
if (collection !== undefined) {
const docs = DocListCast(collection.rootDoc[Doc.LayoutFieldKey(collection.rootDoc)]);
- const docIDs: String[] = []
- console.log(docs.length)
+ const docIDs: String[] = [];
SearchBox.foreachRecursiveDoc(docs, (depth: number, doc: Doc) => {
const dtype = StrCast(doc.type, "string") as DocumentType;
if (dtype && !blockedTypes.includes(dtype) && !docIDs.includes(doc[Id]) && depth > 0) {
const hlights = new Set<string>();
SearchBox.documentKeys(doc).forEach(key => Field.toString(doc[key] as Field).toLowerCase().includes(query) && hlights.add(key));
- blockedKeys.forEach(key => {
- hlights.delete(key);
- })
+ blockedKeys.forEach(key => hlights.delete(key));
Array.from(hlights.keys()).length > 0 && this._results.push([doc, Array.from(hlights.keys())]);
}
- docIDs.push(doc[Id])
+ docIDs.push(doc[Id]);
});
}
}
@@ -245,7 +241,7 @@ export class SearchBox extends ViewBoxBaseComponent<SearchBoxProps, SearchBoxDoc
submitSearch = async () => {
this.resetSearch();
- let query = StrCast(this._searchString);
+ const query = StrCast(this._searchString);
Doc.SetSearchQuery(query);
this._results = [];
@@ -282,11 +278,9 @@ export class SearchBox extends ViewBoxBaseComponent<SearchBoxProps, SearchBoxDoc
*/
@computed
public get selectOptions() {
- const selectValues = ["all", "rtf", "image", "pdf", "web", "video", "audio", "collection"]
+ const selectValues = ["all", "rtf", "image", "pdf", "web", "video", "audio", "collection"];
- return selectValues.map(value => {
- return <option key={value} value={value}>{SearchBox.formatType(value)}</option>
- })
+ return selectValues.map(value => <option key={value} value={value}>{SearchBox.formatType(value)}</option>);
}
/**
@@ -295,17 +289,17 @@ export class SearchBox extends ViewBoxBaseComponent<SearchBoxProps, SearchBoxDoc
render() {
var validResults = 0;
- const isLinkSearch:boolean = this.props.linkSearch;
+ const isLinkSearch: boolean = this.props.linkSearch;
const results = this._results.map(result => {
var className = "searchBox-results-scroll-view-result";
- if (this._selectedResult == result[0]) {
- className += " searchBox-results-scroll-view-result-selected"
+ if (this._selectedResult === result[0]) {
+ className += " searchBox-results-scroll-view-result-selected";
}
- if (this._docTypeString == "all" || this._docTypeString == result[0].type) {
+ if (this._docTypeString === "all" || this._docTypeString === result[0].type) {
validResults++;
return (
<div key={result[0][Id]} onClick={isLinkSearch ? () => this.makeLink(result[0]) : () => this.onResultClick(result[0])} className={className}>
@@ -319,25 +313,25 @@ export class SearchBox extends ViewBoxBaseComponent<SearchBoxProps, SearchBoxDoc
{result[1].join(", ")}
</div>
</div>
- )
+ );
}
return null;
- })
+ });
results.filter(result => result);
return (
<div style={{ pointerEvents: "all" }} className="searchBox-container">
- <div className="searchBox-bar" >
- {isLinkSearch ? (null) : <select name="type" id="searchBox-type" className="searchBox-type" onChange={this.onSelectChange}>
+ <div className="searchBox-bar" >
+ {isLinkSearch ? (null) : <select name="type" id="searchBox-type" className="searchBox-type" onChange={this.onSelectChange}>
{this.selectOptions}
</select>}
- <input defaultValue={""} autoComplete="off" onChange={this.onInputChange} type="text" placeholder="Search..." id="search-input" className="searchBox-input" style={{width: isLinkSearch ? "100%" : undefined, borderRadius: isLinkSearch ? "5px" : undefined}} ref={this._inputRef} />
+ <input defaultValue={""} autoComplete="off" onChange={this.onInputChange} type="text" placeholder="Search..." id="search-input" className="searchBox-input" style={{ width: isLinkSearch ? "100%" : undefined, borderRadius: isLinkSearch ? "5px" : undefined }} ref={this._inputRef} />
</div >
<div className="searchBox-results-container">
<div className="searchBox-results-count">
- {`${validResults}` + " result" + (validResults == 1 ? "" : "s")}
+ {`${validResults}` + " result" + (validResults === 1 ? "" : "s")}
</div>
<div className="searchBox-results-scroll-view">
{results}