Fix #5534: allow multiple accordions to stay open in Collection Filte…

src/app/admin/admin-reports/filtered-collections/filtered-collections.component.html

@@ -5,7 +5,7 @@
       <h1 id="header" class="border-bottom pb-2">{{ "admin.reports.collections.head" | translate }}</h1>
 
       <div id="metadatadiv">
-        <ngb-accordion [closeOthers]="true" activeIds="filters" #acc="ngbAccordion">
+        <ngb-accordion [closeOthers]="false" activeIds="filters" #acc="ngbAccordion">
           <ngb-panel id="filters">
             <ng-template ngbPanelTitle>
               {{ "admin.reports.commons.filters" | translate }}

src/app/admin/admin-reports/filtered-collections/filtered-collections.component.spec.ts

@@ -83,6 +83,7 @@ describe('FiltersComponent', () => {
       spyOn(component, 'getFilteredCollections').and.returnValue(of(expected));
       spyOn(component.results, 'deserialize');
       spyOn(component.accordionComponent, 'expand').and.callThrough();
+      spyOn(component.accordionComponent, 'collapse').and.callThrough();
       component.submit();
       fixture.detectChanges();
     });
@@ -93,5 +94,19 @@ describe('FiltersComponent', () => {
         expect(component.accordionComponent.isExpanded('collections')).toBeTrue();
       });
     }));
+
+    it('should collapse the filters panel after submitting', waitForAsync(() => {
+      fixture.whenStable().then(() => {
+        expect(component.accordionComponent.isExpanded('filters')).toBeFalse();
+      });
+    }));
+  });
+
+  it('should allow both accordions to be open at the same time', () => {
+    let accordion: NgbAccordion = component.accordionComponent;
+    accordion.expand('filters');
+    accordion.expand('collections');
+    expect(accordion.isExpanded('filters')).toBeTrue();
+    expect(accordion.isExpanded('collections')).toBeTrue();
   });
 });

src/app/admin/admin-reports/filtered-collections/filtered-collections.component.ts

@@ -66,6 +66,7 @@ export class FilteredCollectionsComponent implements OnInit {
       .subscribe(
         response => {
           this.results.deserialize(response.payload);
+          this.accordionComponent.collapse('filters'); // ← agregar esto
           this.accordionComponent.expand('collections');
         },
       );