blob: 5c679685b5f9d2efb945754df464db862970edce (
plain) (
tree)
|
|
<h2 *ngIf="displayInstanceName" class="instance-name">{{ about?.instance.name }}</h2>
<div *ngIf="displayInstanceShortDescription" class="instance-short-description ellipsis-multiline-3">{{ about?.instance.shortDescription }}</div>
<div ngbAccordion #accordion="ngbAccordion" [closeOthers]="true">
<div ngbAccordionItem *ngIf="panels.features" id="instance-features">
<div ngbAccordionHeader>
<button ngbAccordionButton>
<my-global-icon iconName="playlists"></my-global-icon>
<ng-container i18n>Features found on this instance</ng-container>
</button>
</div>
<div ngbAccordionCollapse>
<div ngbAccordionBody>
<ng-template>
<my-instance-features-table></my-instance-features-table>
</ng-template>
</div>
</div>
</div>
<ng-container *ngIf="about">
<div ngbAccordionItem *ngIf="getAdministratorsPanel()" >
<div ngbAccordionHeader>
<button ngbAccordionButton>
<my-global-icon iconName="playlists"></my-global-icon>
<ng-container i18n>Administrators & Sustainability</ng-container>
</button>
</div>
<div ngbAccordionCollapse>
<div ngbAccordionBody>
<ng-template>
<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>
</div>
</div>
</div>
<div ngbAccordionItem *ngIf="termsPanel" id="terms">
<div ngbAccordionHeader>
<button ngbAccordionButton>
<my-global-icon iconName="playlists"></my-global-icon>
{{ getTermsTitle() }}
</button>
</div>
<div ngbAccordionCollapse>
<div ngbAccordionBody>
<ng-template>
<div class="block" [innerHTML]="aboutHtml.terms"></div>
</ng-template>
</div>
</div>
</div>
<div ngbAccordionItem *ngIf="moderationPanel" id="moderation-information">
<div ngbAccordionHeader>
<button ngbAccordionButton>
<my-global-icon iconName="playlists"></my-global-icon>
<ng-container i18n>Moderation information</ng-container>
</button>
</div>
<div ngbAccordionCollapse>
<div ngbAccordionBody>
<ng-template>
<div class="block" [innerHTML]="aboutHtml.moderationInformation"></div>
</ng-template>
</div>
</div>
</div>
<div ngbAccordionItem *ngIf="codeOfConductPanel" id="code-of-conduct">
<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>
</ng-container>
</div>
|