From 7941773a61573db14cbf425d07ab0ff9b8ce5d33 Mon Sep 17 00:00:00 2001
From: anika <anika.ahluwalia@gmail.com>
Date: Wed, 27 Jan 2021 20:35:44 -0500
Subject: minor changes

---
 src/client/views/nodes/FilterBox.scss |  6 +++++
 src/client/views/nodes/FilterBox.tsx  | 48 +++++++++++++++++++++++++++--------
 2 files changed, 44 insertions(+), 10 deletions(-)

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

diff --git a/src/client/views/nodes/FilterBox.scss b/src/client/views/nodes/FilterBox.scss
index 144f161bc..fb1783ad4 100644
--- a/src/client/views/nodes/FilterBox.scss
+++ b/src/client/views/nodes/FilterBox.scss
@@ -33,6 +33,12 @@
     // width: 100%;
 }
 
+.filterBox-select {
+    width: 90%;
+    margin-top: 5px;
+    margin-bottom: 15px;
+}
+
 
 .filterBox-saveBookmark {
     background-color: #e9e9e9;
diff --git a/src/client/views/nodes/FilterBox.tsx b/src/client/views/nodes/FilterBox.tsx
index 2db610e43..c7dc4c155 100644
--- a/src/client/views/nodes/FilterBox.tsx
+++ b/src/client/views/nodes/FilterBox.tsx
@@ -8,7 +8,7 @@ import { List } from "../../../fields/List";
 import { RichTextField } from "../../../fields/RichTextField";
 import { listSpec, makeInterface } from "../../../fields/Schema";
 import { ComputedField, ScriptField } from "../../../fields/ScriptField";
-import { Cast } from "../../../fields/Types";
+import { Cast, StrCast } from "../../../fields/Types";
 import { emptyFunction, emptyPath, returnEmptyDoclist, returnEmptyFilter, returnFalse, returnOne, returnZero, returnTrue } from "../../../Utils";
 import { Docs } from "../../documents/Documents";
 import { DocumentType } from "../../documents/DocumentTypes";
@@ -27,6 +27,9 @@ export const { anchorPoints } = higflyout;
 export const Flyout = higflyout.default;
 import Select from "react-select";
 import { UserOptions } from "../../util/GroupManager";
+import { DocumentViewProps } from "./DocumentView";
+import { DefaultStyleProvider, StyleProp } from "../StyleProvider";
+import { CollectionViewType } from "../collections/CollectionView";
 
 type FilterBoxDocument = makeInterface<[typeof documentSchema]>;
 const FilterBoxDocument = makeInterface(documentSchema);
@@ -206,6 +209,29 @@ export class FilterBox extends ViewBoxBaseComponent<FieldViewProps, FilterBoxDoc
         console.log(this._filterSelected);
     }
 
+    FilteringStyleProvider(doc: Opt<Doc>, props: Opt<FieldViewProps | DocumentViewProps>, property: string) {
+        switch (property.split(":")[0]) {
+            case StyleProp.Decorations:
+                if (doc) {
+                    return doc._viewType === CollectionViewType.Docking || (Doc.IsSystem(doc)) ? (null) :
+                        <>
+                            <div>
+                                <select className="filterBox-treeView-selection">
+                                    <option value="Is" key="Is">Is</option>
+                                    <option value="Is Not" key="Is Not">Is Not</option>
+                                </select>
+                            </div>
+                            <div className="filterBox-treeView-close" onClick={e => this.facetClick(StrCast(doc.title))}>
+                                <FontAwesomeIcon icon={"times"} size="sm" />
+                            </div>
+                        </>;
+                }
+            default: return DefaultStyleProvider(doc, props, property);
+
+        }
+    }
+
+
     render() {
         const facetCollection = this.props.Document;
         const flyout = <div className="filterBox-flyout" style={{ width: `100%` }} onWheel={e => e.stopPropagation()}>
@@ -286,7 +312,7 @@ export class FilterBox extends ViewBoxBaseComponent<FieldViewProps, FilterBoxDoc
                     treeViewHideHeaderFields={true}
                     onCheckedClick={this.scriptField}
                     dontRegisterView={true}
-                    styleProvider={this.props.styleProvider}
+                    styleProvider={this.FilteringStyleProvider}
                     scriptContext={this.props.scriptContext}
                     moveDocument={returnFalse}
                     removeDocument={returnFalse}
@@ -297,14 +323,16 @@ export class FilterBox extends ViewBoxBaseComponent<FieldViewProps, FilterBoxDoc
                     <div className="filterBox-addFilter"> + add a filter</div>
                 </div>
             </Flyout> */}
-            <Select
-                placeholder="Add a filter..."
-                options={options}
-                isMulti={false}
-                onChange={val => this.facetClick((val as UserOptions).value)}
-                value={null}
-                closeMenuOnSelect={false}
-            />
+            <div className="filterBox-select">
+                <Select
+                    placeholder="Add a filter..."
+                    options={options}
+                    isMulti={false}
+                    onChange={val => this.facetClick((val as UserOptions).value)}
+                    value={null}
+                    closeMenuOnSelect={false}
+                />
+            </div>
 
             <div className="filterBox-bottom">
                 <div className="filterBox-select-matched">
-- 
cgit v1.2.3-70-g09d2