- </ng-template>
- </ngb-panel>
-
- <ngb-panel *ngIf="termsPanel" id="terms">
- <ng-template ngbPanelTitle>
- <my-global-icon iconName="playlists"></my-global-icon>
-
- {{ getTermsTitle() }}
- </ng-template>
-
- <ng-template ngbPanelContent>
- <div class="block" [innerHTML]="aboutHtml.terms"></div>
- </ng-template>
- </ngb-panel>
-
- <ngb-panel *ngIf="moderationPanel" id="moderation-information">
- <ng-template ngbPanelTitle>
- <my-global-icon iconName="playlists"></my-global-icon>
-
- <ng-container i18n>Moderation information</ng-container>
- </ng-template>
-
- <ng-template ngbPanelContent>
- <div class="block" [innerHTML]="aboutHtml.moderationInformation"></div>
- </ng-template>
- </ngb-panel>
-
- <ngb-panel *ngIf="codeOfConductPanel" id="code-of-conduct">
- <ng-template ngbPanelTitle>
- <my-global-icon iconName="playlists"></my-global-icon>
-
- <ng-container i18n>Code of conduct</ng-container>
- </ng-template>
-
- <ng-template ngbPanelContent>
- <div class="block" [innerHTML]="aboutHtml.codeOfConduct"></div>
- </ng-template>
- </ngb-panel>
-
- <ngb-panel *ngFor="let pluginPanel of pluginPanels" [id]="pluginPanel.id">
- <ng-template ngbPanelTitle>
- <my-global-icon iconName="playlists"></my-global-icon>
-
- <ng-container i18n>{{ pluginPanel.title }}</ng-container>
- </ng-template>
-
- <ng-template ngbPanelContent>
- <div class="block" [innerHTML]="pluginPanel.html"></div>
- </ng-template>
- </ngb-panel>
+ </div>
+ </div>
+
+ <div ngbAccordionItem="code-of-conduct" *ngIf="codeOfConductPanel">
+ <div ngbAccordionHeader>
+ <button ngbAccordionButton>
+ <my-global-icon iconName="playlists"></my-global-icon>
+
+ <ng-container i18n>Code of conduct</ng-container>
+ </button>
+ </div>
+
+ <div ngbAccordionCollapse>
+ <div ngbAccordionBody>
+ <ng-template>
+ <div class="block" [innerHTML]="aboutHtml.codeOfConduct"></div>
+ </ng-template>
+ </div>
+ </div>
+ </div>
+
+ <div ngbAccordionItem *ngFor="let pluginPanel of pluginPanels" [id]="pluginPanel.id">
+ <div ngbAccordionHeader>
+ <button ngbAccordionButton>
+ <my-global-icon iconName="playlists"></my-global-icon>
+
+ <ng-container i18n>{{ pluginPanel.title }}</ng-container>
+ </button>
+ </div>
+
+ <div ngbAccordionCollapse>
+ <div ngbAccordionBody>
+ <ng-template>
+ <div class="block" [innerHTML]="pluginPanel.html"></div>
+ </ng-template>
+ </div>
+ </div>
+ </div>