From afd6169eb599eadcbdfbc94e0656a9b49f012958 Mon Sep 17 00:00:00 2001
From: Carlos Ortiz <carlosortiz9204@gmail.com>
Date: Tue, 9 Nov 2021 17:17:40 -0600
Subject: [PATCH] changes to be seen on checkboxes in filter menu

---
 .../session-list/session-list.component.html  |  4 +-
 .../session-list/session-list.component.ts    | 38 ++++++++++++++++---
 2 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/ibl-frontend/frontend-content/src/app/session-list/session-list.component.html b/ibl-frontend/frontend-content/src/app/session-list/session-list.component.html
index abda9626..f3058127 100644
--- a/ibl-frontend/frontend-content/src/app/session-list/session-list.component.html
+++ b/ibl-frontend/frontend-content/src/app/session-list/session-list.component.html
@@ -219,7 +219,7 @@ <h4>
             <button mat-raised-button class="btn btn-refresh" (click)="refreshData()">Refresh Data</button>
           </div>
         </div>
-        <!-- <div class="checkbox-filters">
+        <div class="checkbox-filters">
           <div class="chbox-filter">
             <mat-checkbox class="nplot_status_chbox" [checked]="hideMissingPlots" (change)="toggleNplotStatus()">
               Only show sessions with behavior plots
@@ -235,7 +235,7 @@ <h4>
               Only show sessions with ephys data
             </mat-checkbox>
           </div>
-        </div> -->
+        </div>
       </div>
     </form>
 
diff --git a/ibl-frontend/frontend-content/src/app/session-list/session-list.component.ts b/ibl-frontend/frontend-content/src/app/session-list/session-list.component.ts
index 98265edc..a43e7983 100644
--- a/ibl-frontend/frontend-content/src/app/session-list/session-list.component.ts
+++ b/ibl-frontend/frontend-content/src/app/session-list/session-list.component.ts
@@ -344,7 +344,22 @@ export class SessionListComponent implements OnInit, OnDestroy {
             this.sort.direction = 'desc'
           }
           let filter = Object.assign({}, this.session_filter_form.getRawValue());
-          let newFilter = JSON.stringify(filter)
+
+          if(this.hideMissingPlots){
+            filter["nplot"] = 1
+          }
+
+          if(this.hideNG4BrainMap){
+            filter["good_enough_for_brainwide_map"] = 1
+          }
+
+          if(this.hideNotReady4Delay){
+            filter["training_status"] = "ready4delay"
+          }
+
+          if(this.hideMissingEphys){
+            filter["__json"] = '["nprobe>0"]'
+          }
 
           for (const [key, value] of Object.entries(filter)) {
             if(key == 'sex'){
@@ -1157,27 +1172,40 @@ export class SessionListComponent implements OnInit, OnDestroy {
   }
   ​
   toggleNplotStatus() {
+    // this.isLoading = true;
     // hide or show sessions that have missing session plots
     this.hideMissingPlots = !this.hideMissingPlots;
-    this.updateSelection();
+    // this.updateSelection();
+    this.isLoading = false; 
+    this.paginator.pageIndex = 0; 
+    this.ngAfterViewInit();
   }
   ​
   toggleNprobeStatus() {
     // hide or show sessions that have missing ephys data (based on existence of probe insertion)
     this.hideMissingEphys = !this.hideMissingEphys;
-    this.updateSelection();
+    // this.updateSelection();
+    this.isLoading = false; 
+    this.paginator.pageIndex = 0; 
+    this.ngAfterViewInit();
   }
 
   toggleG4BMviewStatus() {
     // hide or show sessions that are not good enough for brain map
     this.hideNG4BrainMap = !this.hideNG4BrainMap;
-    this.updateSelection();
+    // this.updateSelection();
+    this.isLoading = false; 
+    this.paginator.pageIndex = 0; 
+    this.ngAfterViewInit();
   }
 
   toggleR4DviewStatus() {
     // hide or show session that are not ready for delay
     this.hideNotReady4Delay = !this.hideNotReady4Delay;
-    this.updateSelection();
+    // this.updateSelection();
+    this.isLoading = false; 
+    this.paginator.pageIndex = 0; 
+    this.ngAfterViewInit();
   }
 
   //==**==**==**==**+=**+== [START] brain tree functions **==**==**==**==**==**==**==**==**==**+=//