93 lines
3.0 KiB
HTML
93 lines
3.0 KiB
HTML
<h2 *ngIf="displayInstanceName" class="instance-name">{{ about?.instance.name }}</h2>
|
|
|
|
<div *ngIf="displayInstanceShortDescription" class="instance-short-description ellipsis-multiline-3">{{ about?.instance.shortDescription }}</div>
|
|
|
|
<ngb-accordion #accordion="ngbAccordion" [closeOthers]="true">
|
|
<ngb-panel *ngIf="panels.features" id="instance-features">
|
|
<ng-template ngbPanelTitle>
|
|
<my-global-icon iconName="playlists"></my-global-icon>
|
|
|
|
<ng-container i18n>Features found on this instance</ng-container>
|
|
</ng-template>
|
|
|
|
<ng-template ngbPanelContent>
|
|
<my-instance-features-table></my-instance-features-table>
|
|
</ng-template>
|
|
</ngb-panel>
|
|
|
|
<ng-container *ngIf="about">
|
|
<ngb-panel *ngIf="getAdministratorsPanel()" >
|
|
<ng-template ngbPanelTitle>
|
|
<my-global-icon iconName="playlists"></my-global-icon>
|
|
|
|
<ng-container i18n>Administrators & Sustainability</ng-container>
|
|
</ng-template>
|
|
|
|
<ng-template ngbPanelContent>
|
|
<div class="block">
|
|
<strong i18n>Who are we?</strong>
|
|
<div [innerHTML]="aboutHtml.administrator"></div>
|
|
</div>
|
|
|
|
<div class="block">
|
|
<strong i18n>How long do we plan to maintain this instance?</strong>
|
|
<div [innerHTML]="about.instance.maintenanceLifetime"></div>
|
|
</div>
|
|
|
|
<div class="block">
|
|
<strong i18n>How will we finance this instance?</strong>
|
|
<div [innerHTML]="about.instance.businessModel"></div>
|
|
</div>
|
|
</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>
|
|
</ng-container>
|
|
</ngb-accordion>
|