aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/client/util/CurrentUserUtils.ts6
-rw-r--r--src/client/views/MainView.tsx5
-rw-r--r--src/client/views/PropertiesView.tsx10
-rw-r--r--src/client/views/nodes/FilterBox.scss32
-rw-r--r--src/client/views/nodes/FilterBox.tsx27
5 files changed, 52 insertions, 28 deletions
diff --git a/src/client/util/CurrentUserUtils.ts b/src/client/util/CurrentUserUtils.ts
index e47c9a0e2..c4f7744ce 100644
--- a/src/client/util/CurrentUserUtils.ts
+++ b/src/client/util/CurrentUserUtils.ts
@@ -799,9 +799,9 @@ export class CurrentUserUtils {
(doc.currentFilter as any as Doc).contextMenuScripts = new List<ScriptField>([clearAll!]);
(doc.currentFilter as any as Doc).contextMenuLabels = new List<string>(["Clear All"]);
}
- const clearAll = ScriptField.MakeScript(`getProto(self).data = new List([]); scriptContext._docFilters = scriptContext._docRangeFilters = undefined;`, { scriptContext: Doc.name });
- (doc.myFilter as any as Doc).contextMenuScripts = new List<ScriptField>([clearAll!]);
- (doc.myFilter as any as Doc).contextMenuLabels = new List<string>(["Clear All"]);
+ // const clearAll = ScriptField.MakeScript(`getProto(self).data = new List([]); scriptContext._docFilters = scriptContext._docRangeFilters = undefined;`, { scriptContext: Doc.name });
+ // (doc.myFilter as any as Doc).contextMenuScripts = new List<ScriptField>([clearAll!]);
+ // (doc.myFilter as any as Doc).contextMenuLabels = new List<string>(["Clear All"]);
}
diff --git a/src/client/views/MainView.tsx b/src/client/views/MainView.tsx
index ab63ebd03..6c0b85f4b 100644
--- a/src/client/views/MainView.tsx
+++ b/src/client/views/MainView.tsx
@@ -165,7 +165,8 @@ export class MainView extends React.Component {
fa.faWindowMinimize, fa.faWindowRestore, fa.faTextWidth, fa.faTextHeight, fa.faClosedCaptioning, fa.faInfoCircle, fa.faTag, fa.faSyncAlt, fa.faPhotoVideo,
fa.faArrowAltCircleDown, fa.faArrowAltCircleUp, fa.faArrowAltCircleLeft, fa.faArrowAltCircleRight, fa.faStopCircle, fa.faCheckCircle, fa.faGripVertical,
fa.faSortUp, fa.faSortDown, fa.faTable, fa.faTh, fa.faThList, fa.faProjectDiagram, fa.faSignature, fa.faColumns, fa.faChevronCircleUp, fa.faUpload, fa.faBorderAll,
- fa.faBraille, fa.faChalkboard, fa.faPencilAlt, fa.faEyeSlash, fa.faSmile, fa.faIndent, fa.faOutdent, fa.faChartBar, fa.faBan, fa.faPhoneSlash, fa.faGripLines, fa.faBookmark);
+ fa.faBraille, fa.faChalkboard, fa.faPencilAlt, fa.faEyeSlash, fa.faSmile, fa.faIndent, fa.faOutdent, fa.faChartBar, fa.faBan, fa.faPhoneSlash, fa.faGripLines,
+ fa.faSave, fa.faBookmark);
this.initAuthenticationRouters();
}
@@ -344,7 +345,7 @@ export class MainView extends React.Component {
renderDepth={0}
scriptContext={CollectionDockingView.Instance.props.Document}
focus={emptyFunction}
- styleProvider={this._sidebarContent.title === "My Dashboards" ? DashboardStyleProvider : DefaultStyleProvider}
+ styleProvider={this._sidebarContent.title === "My Dashboards" ? this.DashboardStyleProvider : DefaultStyleProvider}
parentActive={returnTrue}
whenActiveChanged={emptyFunction}
bringToFront={emptyFunction}
diff --git a/src/client/views/PropertiesView.tsx b/src/client/views/PropertiesView.tsx
index a8b65c114..1c6ad26e6 100644
--- a/src/client/views/PropertiesView.tsx
+++ b/src/client/views/PropertiesView.tsx
@@ -908,19 +908,19 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
</div>}
</div>
- <div className="propertiesView-settings">
- <div className="propertiesView-settings-title"
+ <div className="propertiesView-sharing">
+ <div className="propertiesView-sharing-title"
onPointerDown={action(() => this.openFilters = !this.openFilters)}
style={{ backgroundColor: this.openFilters ? "black" : "" }}>
Filters
- <div className="propertiesView-settings-title-icon">
+ <div className="propertiesView-sharing-title-icon">
<FontAwesomeIcon icon={this.openFilters ? "caret-down" : "caret-right"} size="lg" color="white" />
</div>
</div>
{!this.openFilters ? (null) :
- <div className="propertiesView-settings-content">
+ <div className="propertiesView-sharing-content">
<DocumentView
- Document={Doc.UserDoc().myFilter as any as Doc}
+ Document={Doc.UserDoc().currentFilter as any as Doc}
DataDoc={undefined}
addDocument={undefined}
addDocTab={returnFalse}
diff --git a/src/client/views/nodes/FilterBox.scss b/src/client/views/nodes/FilterBox.scss
index 8ebc7820a..59ef2c5cf 100644
--- a/src/client/views/nodes/FilterBox.scss
+++ b/src/client/views/nodes/FilterBox.scss
@@ -1,7 +1,7 @@
.filterBox-flyout {
display: block;
text-align: left;
- font-weight: 200;
+ font-weight: 100;
.filterBox-flyout-facet {
background-color: white;
@@ -35,22 +35,24 @@
.filterBox-saveBookmark {
- width: 105px;
background-color: #f5f5f5;
border-radius: 6px;
- padding: 5px;
- margin: 5px;
+ padding-left: 8px;
+ padding-right: 8px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ margin: 8px;
display: flex;
- font-size: 17px;
+ font-size: 11px;
&:hover {
background-color: white;
}
.filterBox-saveBookmark-icon {
- margin-right: 10px;
+ margin-right: 6px;
margin-top: 4px;
- margin-left: 10px;
+ margin-left: 2px;
}
}
@@ -74,7 +76,7 @@
.filterBox-addWrapper,
.filterBox-select-matched,
.filterBox-saveWrapper {
- font-size: 12px;
+ font-size: 10px;
justify-content: center;
justify-items: center;
padding-bottom: 10px;
@@ -82,7 +84,7 @@
}
.filterBox-addWrapper {
- font-size: 15px;
+ font-size: 11px;
width: 100%;
}
@@ -103,9 +105,15 @@
border-bottom: 2px solid black;
}
+
+.filterBox-select-bool {
+ margin-top: 6px;
+}
+
.filterBox-select-text {
margin-right: 8px;
margin-left: 8px;
+ margin-top: 3px;
}
.filterBox-select-box {
@@ -127,12 +135,14 @@
}
.filterBox-addFilter {
- width: 100px;
+ width: 120px;
background-color: #f5f5f5;
- border-radius: 6px;
+ border-radius: 10px;
padding: 5px;
margin: 5px;
display: flex;
+ text-align: center;
+ justify-content: center;
&:hover {
background-color: white;
diff --git a/src/client/views/nodes/FilterBox.tsx b/src/client/views/nodes/FilterBox.tsx
index cea1e6742..611e11b64 100644
--- a/src/client/views/nodes/FilterBox.tsx
+++ b/src/client/views/nodes/FilterBox.tsx
@@ -223,17 +223,22 @@ export class FilterBox extends ViewBoxBaseComponent<FieldViewProps, FilterBoxDoc
<option value="AND" key="AND">AND</option>
<option value="OR" key="OR">OR</option>
</select>
- <div className="filterBox-select-text">specified filters</div>
+ <div className="filterBox-select-text">filters in </div>
+ <select className="filterBox-selection" onChange={e => this.changeScope(e)}>
+ <option value="Current Dashboard" key="Current Dashboard">Current Dashboard</option>
+ <option value="Current Tab" key="Current Tab">Current Tab</option>
+ <option value="Current Collection" key="Current Collection">Current Collection</option>
+ </select>
</div>
- <div className="filterBox-select-scope">
+ {/* <div className="filterBox-select-scope">
<div className="filterBox-select-text">Scope: </div>
<select className="filterBox-selection" onChange={e => this.changeScope(e)}>
<option value="Current Dashboard" key="Current Dashboard">Current Dashboard</option>
<option value="Current Tab" key="Current Tab">Current Tab</option>
<option value="Current Collection" key="Current Collection">Current Collection</option>
</select>
- </div>
+ </div> */}
{/* </div> */}
<div className="filterBox-tree" key="tree">
@@ -291,10 +296,18 @@ export class FilterBox extends ViewBoxBaseComponent<FieldViewProps, FilterBoxDoc
<div className="filterBox-select-text">documents</div>
</div>
- <div className="filterBox-saveWrapper">
- <div className="filterBox-saveBookmark">
- <FontAwesomeIcon className="filterBox-saveBookmark-icon" icon={"bookmark"} size={"sm"} />
- <div>SAVE</div>
+ <div style={{ display: "flex" }}>
+ <div className="filterBox-saveWrapper">
+ <div className="filterBox-saveBookmark">
+ <FontAwesomeIcon className="filterBox-saveBookmark-icon" icon={"save"} size={"sm"} />
+ <div>SAVE</div>
+ </div>
+ </div>
+ <div className="filterBox-saveWrapper">
+ <div className="filterBox-saveBookmark">
+ <FontAwesomeIcon className="filterBox-saveBookmark-icon" icon={"bookmark"} size={"sm"} />
+ <div>MY FILTERS</div>
+ </div>
</div>
</div>
</div>