diff options
| author | eperelm2 <emily_perelman@brown.edu> | 2023-07-20 11:58:23 -0400 |
|---|---|---|
| committer | eperelm2 <emily_perelman@brown.edu> | 2023-07-20 11:58:23 -0400 |
| commit | 054ca2c87ebd67f24ddf70e686f0188d6a4fa620 (patch) | |
| tree | 17f88ca3a32fd30df46f84224791829b1cd44190 /src | |
| parent | e29a26a5095bbf8f05d327b1bbefc991967c6f2b (diff) | |
filter - closing works w/o filters selected
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/FilterPanel.tsx | 21 |
1 files changed, 17 insertions, 4 deletions
diff --git a/src/client/views/FilterPanel.tsx b/src/client/views/FilterPanel.tsx index 12dbf691f..416843f14 100644 --- a/src/client/views/FilterPanel.tsx +++ b/src/client/views/FilterPanel.tsx @@ -209,9 +209,18 @@ export class FilterPanel extends React.Component<filterProps> { this._chosenFacetsCollapse.set(facetHeader, !collapseBoolValue )})}> <AiOutlineMinusSquare/></div> - <div onClick = - {action((e) => this.activeFacets.delete(facetHeader)) - } > + <div onClick = {action((e) => { + + // delete this.activeFacets[facetHeader]; + this.activeFacets.delete(facetHeader) + this._chosenFacets.delete(facetHeader) + //console.log("TRYING SOMETHING NEW " + e.target.checked) + + } + ) + } + // onChange = {undoable(e => Doc.setDocFilter(this.targetDoc, facetHeader, fval, 'check'), 'set filter')} + > <CiCircleRemove/> </div> </div> @@ -227,7 +236,7 @@ export class FilterPanel extends React.Component<filterProps> { } private displayFacetValueFilterUIs(type: string | undefined, facetHeader: string): React.ReactNode { - console.log("opening a specific " + this.activeFacets.get(facetHeader)) + console.log("im here") switch (type) { case 'text': return ( @@ -242,6 +251,7 @@ export class FilterPanel extends React.Component<filterProps> { /> ); case 'checkbox': + // console.log("checking") return this.facetValues(facetHeader).map(fval => { const facetValue = fval; return ( @@ -255,6 +265,9 @@ export class FilterPanel extends React.Component<filterProps> { } type={type} onChange={undoable(e => Doc.setDocFilter(this.targetDoc, facetHeader, fval, e.target.checked ? 'check' : 'remove'), 'set filter')} + onClick={undoable (e => + console.log("boolean value with " + facetValue + ":" + e.target.checked), 'set filter' + ) } /> {facetValue} </div> |