feat(accordion): add disabled attribute on card level

ng-bootstrap · Jan 29, 2020 · ff05200 · ff05200
1 parent 035d399
commit ff05200
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/accordion/accordion.spec.ts b/src/accordion/accordion.spec.ts
@@ -491,6 +491,12 @@ describe('ngb-accordion', () => {
     fixture.detectChanges();
     expectOpenPanels(fixture.nativeElement, [false, false, false]);
     expect(headingLinks[0].disabled).toBeTruthy();
+    expect((<HTMLDivElement[]>Array.from(fixture.nativeElement.querySelectorAll('.card')))[0])
+        .toHaveCssClass('disabled');
+    expect((<HTMLDivElement[]>Array.from(fixture.nativeElement.querySelectorAll('.card')))[1])
+        .not.toHaveCssClass('disabled');
+    expect((<HTMLDivElement[]>Array.from(fixture.nativeElement.querySelectorAll('.card')))[2])
+        .not.toHaveCssClass('disabled');
   });
 
   it('should remove collapsed panels content from DOM', () => {

diff --git a/src/accordion/accordion.ts b/src/accordion/accordion.ts
@@ -156,7 +156,7 @@ export interface NgbPanelChangeEvent {
       </button>
     </ng-template>
     <ng-template ngFor let-panel [ngForOf]="panels">
-      <div class="card">
+      <div class="card" [class.disabled]="panel.disabled">
         <div role="tab" id="{{panel.id}}-header" [class]="'card-header ' + (panel.type ? 'bg-'+panel.type: type ? 'bg-'+type : '')">
           <ng-template [ngTemplateOutlet]="panel.headerTpl?.templateRef || t"
                        [ngTemplateOutletContext]="{$implicit: panel, opened: panel.isOpen}"></ng-template>