All files / src/app/shared/components/common/accordion-item accordion-item.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<button
  [id]="'toggle-' + accordionId"
  type="button"
  (click)="toggleCollapse()"
  class="panel-heading btn btn-link btn-content-toggle"
  [attr.aria-expanded]="!isCollapsed"
  [attr.aria-controls]="'panel-' + accordionId"
  [attr.data-testing-id]="dataTestingId"
>
  {{ heading }}
  <fa-icon [icon]="['fas', isCollapsed ? 'plus' : 'minus']" />
</button>
 
<div
  [ngbCollapse]="isCollapsed"
  class="panel-collapse collapse"
  role="region"
  [attr.aria-labelledby]="'toggle-' + accordionId"
>
  <div [id]="'panel-' + accordionId" class="panel-body">
    <ng-content></ng-content>
  </div>
</div>