1 <h2 *
ngIf=
"displayInstanceName" class=
"instance-name">{{ about?.instance.name }}
</h2>
3 <div *
ngIf=
"displayInstanceShortDescription" class=
"instance-short-description ellipsis-multiline-3">{{ about?.instance.shortDescription }}
</div>
5 <div ngbAccordion #
accordion=
"ngbAccordion" [closeOthers]=
"true">
6 <div ngbAccordionItem=
"instance-features" *
ngIf=
"panels.features">
7 <div ngbAccordionHeader
>
8 <button ngbAccordionButton
>
9 <my-global-icon iconName=
"playlists"></my-global-icon>
11 <ng-container i18n
>Features found on this instance
</ng-container>
15 <div ngbAccordionCollapse
>
16 <div ngbAccordionBody
>
18 <my-instance-features-table></my-instance-features-table>
24 <ng-container *
ngIf=
"about">
25 <div ngbAccordionItem *
ngIf=
"getAdministratorsPanel()" >
26 <div ngbAccordionHeader
>
27 <button ngbAccordionButton
>
28 <my-global-icon iconName=
"playlists"></my-global-icon>
30 <ng-container i18n
>Administrators & Sustainability
</ng-container>
34 <div ngbAccordionCollapse
>
35 <div ngbAccordionBody
>
38 <strong i18n
>Who are we?
</strong>
39 <div [innerHTML]=
"aboutHtml.administrator"></div>
43 <strong i18n
>How long do we plan to maintain this instance?
</strong>
44 <div [innerHTML]=
"about.instance.maintenanceLifetime"></div>
48 <strong i18n
>How will we finance this instance?
</strong>
49 <div [innerHTML]=
"about.instance.businessModel"></div>
56 <div ngbAccordionItem=
"terms" *
ngIf=
"termsPanel">
57 <div ngbAccordionHeader
>
58 <button ngbAccordionButton
>
59 <my-global-icon iconName=
"playlists"></my-global-icon>
65 <div ngbAccordionCollapse
>
66 <div ngbAccordionBody
>
68 <div class=
"block" [innerHTML]=
"aboutHtml.terms"></div>
74 <div ngbAccordionItem=
"moderation-information" *
ngIf=
"moderationPanel">
75 <div ngbAccordionHeader
>
76 <button ngbAccordionButton
>
77 <my-global-icon iconName=
"playlists"></my-global-icon>
79 <ng-container i18n
>Moderation information
</ng-container>
83 <div ngbAccordionCollapse
>
84 <div ngbAccordionBody
>
86 <div class=
"block" [innerHTML]=
"aboutHtml.moderationInformation"></div>
92 <div ngbAccordionItem=
"code-of-conduct" *
ngIf=
"codeOfConductPanel">
93 <div ngbAccordionHeader
>
94 <button ngbAccordionButton
>
95 <my-global-icon iconName=
"playlists"></my-global-icon>
97 <ng-container i18n
>Code of conduct
</ng-container>
101 <div ngbAccordionCollapse
>
102 <div ngbAccordionBody
>
104 <div class=
"block" [innerHTML]=
"aboutHtml.codeOfConduct"></div>
110 <div ngbAccordionItem *
ngFor=
"let pluginPanel of pluginPanels" [id]=
"pluginPanel.id">
111 <div ngbAccordionHeader
>
112 <button ngbAccordionButton
>
113 <my-global-icon iconName=
"playlists"></my-global-icon>
115 <ng-container i18n
>{{ pluginPanel.title }}
</ng-container>
119 <div ngbAccordionCollapse
>
120 <div ngbAccordionBody
>
122 <div class=
"block" [innerHTML]=
"pluginPanel.html"></div>