From 9fb7e66355f168e3d6ef6c8b846322c3f83c2bf2 Mon Sep 17 00:00:00 2001
From: alicia pritchett <aliciateaford@gmail.com>
Date: Wed, 20 Oct 2021 11:56:21 -0400
Subject: [PATCH] Fixes #504- Tweak Library Category Behavior

kinda a weird solution, but introduces a variable so we can toggle expansion of "All libraries" alongside the list of categories
---
 .../workflow-spec-list/workflow-spec-list.component.html  | 4 ++--
 .../workflow-spec-list/workflow-spec-list.component.ts    | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/workflow-spec-list/workflow-spec-list.component.html b/src/app/workflow-spec-list/workflow-spec-list.component.html
index 21074df..1a01e77 100644
--- a/src/app/workflow-spec-list/workflow-spec-list.component.html
+++ b/src/app/workflow-spec-list/workflow-spec-list.component.html
@@ -31,7 +31,7 @@
         </div>
         <mat-divider></mat-divider>
         <mat-accordion class="example-headers-align">
-            <mat-expansion-panel [expanded]="selectedSpec && selectedSpec.library === true">
+            <mat-expansion-panel [expanded]="library_toggle" (opened)="libraryToggle(true)">
             <mat-expansion-panel-header>
               <mat-panel-title>
               <h4>All Libraries</h4>
@@ -69,7 +69,7 @@
 
         <div *ngIf="!(searchField.value && cat.workflow_specs.length === 0)">
         <ng-container *ngIf="!(cat.id === null && cat.workflow_specs.length === 0)">
-          <mat-expansion-panel hideToggle (opened)="selectCat(cat)" [expanded]="isSelected(cat)">
+          <mat-expansion-panel hideToggle (opened)="selectCat(cat); libraryToggle(false)" [expanded]="isSelected(cat) && !library_toggle" >
             <mat-expansion-panel-header>
                 <mat-panel-description>
                   <div *ngIf="cat.admin" style="color: darkorange">
diff --git a/src/app/workflow-spec-list/workflow-spec-list.component.ts b/src/app/workflow-spec-list/workflow-spec-list.component.ts
index 2f8b4a5..cb8a56d 100644
--- a/src/app/workflow-spec-list/workflow-spec-list.component.ts
+++ b/src/app/workflow-spec-list/workflow-spec-list.component.ts
@@ -52,9 +52,8 @@ export class WorkflowSpecListComponent implements OnInit {
   selectedCat: WorkflowSpecCategory;
   workflowSpecsByCategory: WorkflowSpecCategoryGroup[] = [];
   categories: WorkflowSpecCategory[];
-  // moveUp = moveArrayElementUp;
-  // moveDown = moveArrayElementDown;
   searchField: FormControl;
+  library_toggle: boolean;
 
   constructor(
     private api: ApiService,
@@ -101,6 +100,10 @@ export class WorkflowSpecListComponent implements OnInit {
     return this.selectedCat && this.selectedCat.id === cat.id;
   }
 
+  libraryToggle(t: boolean) {
+    this.library_toggle = t;
+  }
+
   selectSpec(selectedSpec?: WorkflowSpec) {
     this.selectedSpec = selectedSpec;
     this.location.replaceState(environment.homeRoute + '/' + selectedSpec.id);
@@ -253,6 +256,7 @@ export class WorkflowSpecListComponent implements OnInit {
         wfs.forEach(ws => {
           if (selectedSpecName && selectedSpecName === ws.id) {
             this.selectedSpec = ws;
+            this.library_toggle = true;
           }
         });
       } else {