filters - fixed bug on reload

1 files changed, 30 insertions, 17 deletions

diff --git a/src/client/views/FilterPanel.tsx b/src/client/views/FilterPanel.tsx
index ccd5253ff..f85052ff2 100644
--- a/src/client/views/FilterPanel.tsx
+++ b/src/client/views/FilterPanel.tsx
@@ -89,6 +89,7 @@ export class FilterPanel extends React.Component<filterProps> {
                 newarray = [];
                 subDocs.forEach(t => {
                     const facetVal = t[facetKey];
+                   // console.log("facetVal " + facetVal)
                     if (facetVal instanceof RichTextField || typeof facetVal === 'string') rtFields++;
                     facetVal !== undefined && valueSet.add(Field.toString(facetVal as Field));
                     (facetVal === true || facetVal == false) && valueSet.add(Field.toString(!facetVal));
@@ -102,6 +103,7 @@ export class FilterPanel extends React.Component<filterProps> {
         }
         //     }
         // });
+       
         return { strings: Array.from(valueSet.keys()), rtFields };
     }
 
@@ -114,14 +116,20 @@ export class FilterPanel extends React.Component<filterProps> {
 
     @observable _chosenFacets = new ObservableMap<string, 'text' | 'checkbox' | 'slider' | 'range'>();
     @observable _chosenFacetsCollapse = new ObservableMap<string, boolean>();
-    @observable _currentActiveFilters = new ObservableMap<string, string>();
     @observable _collapseReturnKeys = new Array();
 
-    // @computed get _currentActiveFilters(){
-    //     return StrListCast(this.targetDoc.docFilters).map()
-    // }
 
-    //  let returnKeys = [];
+    // this computed function gets the active filters and maps them to their headers
+
+    @computed get currentActiveFilterz(){ 
+        const filters = new Map<string, string>();
+        //this.targetDoc.docFilters
+        StrListCast(this.targetDoc?._childFilters).map(filter => filters.set(filter.split(Doc.FilterSep)[1] ,filter.split(Doc.FilterSep)[0] ))
+        console.log("what is wrong with filters " +filters )
+         return filters
+    }
+
+   //  let returnKeys = [];
 
     @computed get activeFacets() {
         // console.log("chosen collpase " + this._chosenFacetsCollapse)
@@ -202,11 +210,11 @@ export class FilterPanel extends React.Component<filterProps> {
         this._collapseReturnKeys.splice(0)
 
         for (var key of this.facetValues(facetHeader)){
-            console.log("key : " + key  )
-            if (this._currentActiveFilters.get(key)){
+           // console.log("key : " + key  )
+            if (this.currentActiveFilterz.get(key)){
+            //    console.log("WEREEE HERHEHHHHEHHHHEEE")
                 this._collapseReturnKeys.push(key) 
         }}
-        // return "hello"
 
         return (<div className = " filterbox-collpasedAndActive">
           
@@ -273,12 +281,21 @@ export class FilterPanel extends React.Component<filterProps> {
                                 <div className = "filterBox-facetHeader-Header"> </div>
                                 {facetHeader.charAt(0).toUpperCase() + facetHeader.slice(1)}
                                 
-                                {/* <div className = "filterBox-facetHeader-collapse">  */}
                                     <div className = "filterBox-facetHeader-collapse"
                                      onClick = {action((e) => { 
+
+                                        for (const [key, value] of this.currentActiveFilterz) {
+                                            
+                                              console.log("NEW KEY " + key  + "NEW VAL " + value);
+                                    
+                                            }
+                                        console.log("this is gather field values : " + this.gatherFieldValues(this.targetDocChildren, facetHeader))
+                                        console.log("this is current facets: " + this.currentFacets)
+
+                                        console.log("this is facet Header " + facetHeader + ". this is the get " + this.activeFacets.get(facetHeader))
                                         const collapseBoolValue = this._chosenFacetsCollapse.get(facetHeader)
                                         this._chosenFacetsCollapse.set(facetHeader, !collapseBoolValue )})}>
-
+                                        
                                         {this._chosenFacetsCollapse.get(facetHeader) ? <AiOutlinePlusSquare/> :  <AiOutlineMinusSquare/> }    
                                              
                                              </div>
@@ -286,9 +303,8 @@ export class FilterPanel extends React.Component<filterProps> {
                                     <div className='filterBox-facetHeader-remove'
                                      onClick = {action((e) => { 
                                         for (var key of this.facetValues(facetHeader)){
-                                            if (this._currentActiveFilters.get(key)){
+                                            if (this.currentActiveFilterz.get(key)){
                                                 Doc.setDocFilter(this.targetDoc, facetHeader, key, 'remove')
-                                                this._currentActiveFilters.delete(key)
                                         }}
 
                                         this.activeFacets.delete(facetHeader)
@@ -332,6 +348,7 @@ export class FilterPanel extends React.Component<filterProps> {
             case 'checkbox':
            
                 return this.facetValues(facetHeader).map(fval => {
+                  
                     const facetValue = fval;
                     return (
                         <div>
@@ -345,10 +362,7 @@ 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 => 
-                                    e.target.checked ? this._currentActiveFilters.set(fval, facetHeader) : this._currentActiveFilters.delete(fval) , 'set filter'
-                                ) }
-                                
+          
                               
                             />
                             {facetValue}
@@ -360,4 +374,3 @@ export class FilterPanel extends React.Component<filterProps> {
 }
 
 
-// NEED TO LEARN HOW TO RESET FILTERS WHEN WEBPAGE IS RELOADED
\ No newline at end of file