client/src/app/shared/shared-instance/instance-about-accordion.component.html

   1 <h2 *ngIf="displayInstanceName" class="instance-name">{{ about?.instance.name }}</h2>
   2
   3 <div *ngIf="displayInstanceShortDescription" class="instance-short-description">{{ about?.instance.shortDescription }}</div>
   4
   5 <ngb-accordion #accordion="ngbAccordion" [closeOthers]="true">
   6   <ngb-panel *ngIf="panels.features" id="instance-features">
   7     <ng-template ngbPanelTitle>
   8       <my-global-icon iconName="playlists"></my-global-icon>
   9
  10       <ng-container i18n>Features found on this instance</ng-container>
  11     </ng-template>
  12
  13     <ng-template ngbPanelContent>
  14       <my-instance-features-table></my-instance-features-table>
  15     </ng-template>
  16   </ngb-panel>
  17
  18   <ng-container *ngIf="about">
  19     <ngb-panel *ngIf="getAdministratorsPanel()" >
  20       <ng-template ngbPanelTitle>
  21         <my-global-icon iconName="playlists"></my-global-icon>
  22
  23         <ng-container i18n>Administrators & Sustainability</ng-container>
  24       </ng-template>
  25
  26       <ng-template ngbPanelContent>
  27         <div class="block">
  28           <strong i18n>Who are we?</strong>
  29           <div [innerHTML]="aboutHtml.administrator"></div>
  30         </div>
  31
  32         <div class="block">
  33           <strong i18n>How long do we plan to maintain this instance?</strong>
  34           <div [innerHTML]="about.instance.maintenanceLifetime"></div>
  35         </div>
  36
  37         <div class="block">
  38           <strong i18n>How will we finance this instance?</strong>
  39           <div [innerHTML]="about.instance.businessModel"></div>
  40         </div>
  41       </ng-template>
  42     </ngb-panel>
  43
  44     <ngb-panel *ngIf="termsPanel" id="terms">
  45       <ng-template ngbPanelTitle>
  46         <my-global-icon iconName="playlists"></my-global-icon>
  47
  48         {{ getTermsTitle() }}
  49       </ng-template>
  50
  51       <ng-template ngbPanelContent>
  52         <div class="block" [innerHTML]="aboutHtml.terms"></div>
  53       </ng-template>
  54     </ngb-panel>
  55
  56     <ngb-panel *ngIf="moderationPanel" id="moderation-information">
  57       <ng-template ngbPanelTitle>
  58         <my-global-icon iconName="playlists"></my-global-icon>
  59
  60         <ng-container i18n>Moderation information</ng-container>
  61       </ng-template>
  62
  63       <ng-template ngbPanelContent>
  64         <div class="block" [innerHTML]="aboutHtml.moderationInformation"></div>
  65       </ng-template>
  66     </ngb-panel>
  67
  68     <ngb-panel *ngIf="codeOfConductPanel" id="code-of-conduct">
  69       <ng-template ngbPanelTitle>
  70         <my-global-icon iconName="playlists"></my-global-icon>
  71
  72         <ng-container i18n>Code of conduct</ng-container>
  73       </ng-template>
  74
  75       <ng-template ngbPanelContent>
  76         <div class="block" [innerHTML]="aboutHtml.codeOfConduct"></div>
  77       </ng-template>
  78     </ngb-panel>
  79
  80     <ngb-panel *ngFor="let pluginPanel of pluginPanels" [id]="pluginPanel.id">
  81       <ng-template ngbPanelTitle>
  82         <my-global-icon iconName="playlists"></my-global-icon>
  83
  84         <ng-container i18n>{{ pluginPanel.title }}</ng-container>
  85       </ng-template>
  86
  87       <ng-template ngbPanelContent>
  88         <div class="block" [innerHTML]="pluginPanel.html"></div>
  89       </ng-template>
  90     </ngb-panel>
  91   </ng-container>
  92 </ngb-accordion>