aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/shared-instance
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/shared/shared-instance')
-rw-r--r--client/src/app/shared/shared-instance/instance-about-accordion.component.html51
-rw-r--r--client/src/app/shared/shared-instance/instance-about-accordion.component.scss6
2 files changed, 48 insertions, 9 deletions
diff --git a/client/src/app/shared/shared-instance/instance-about-accordion.component.html b/client/src/app/shared/shared-instance/instance-about-accordion.component.html
index 466d73ca4..94077fafa 100644
--- a/client/src/app/shared/shared-instance/instance-about-accordion.component.html
+++ b/client/src/app/shared/shared-instance/instance-about-accordion.component.html
@@ -3,17 +3,26 @@
3<div *ngIf="displayInstanceShortDescription" class="instance-short-description">{{ about?.instance.shortDescription }}</div> 3<div *ngIf="displayInstanceShortDescription" class="instance-short-description">{{ about?.instance.shortDescription }}</div>
4 4
5<ngb-accordion #accordion="ngbAccordion" [closeOthers]="true"> 5<ngb-accordion #accordion="ngbAccordion" [closeOthers]="true">
6 <ngb-panel *ngIf="panels.features" id="instance-features" i18n-title title="Features found on this instance"> 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
7 <ng-template ngbPanelContent> 13 <ng-template ngbPanelContent>
8 <my-instance-features-table></my-instance-features-table> 14 <my-instance-features-table></my-instance-features-table>
9 </ng-template> 15 </ng-template>
10 </ngb-panel> 16 </ngb-panel>
11 17
12 <ng-container *ngIf="about"> 18 <ng-container *ngIf="about">
13 <ngb-panel 19 <ngb-panel *ngIf="getAdministratorsPanel()" >
14 *ngIf="getAdministratorsPanel()" 20 <ng-template ngbPanelTitle>
15 id="admin-sustainability" i18n-title title="Administrators & Sustainability" 21 <my-global-icon iconName="playlists"></my-global-icon>
16 > 22
23 <ng-container i18n>Administrators & Sustainability</ng-container>
24 </ng-template>
25
17 <ng-template ngbPanelContent> 26 <ng-template ngbPanelContent>
18 <div class="block"> 27 <div class="block">
19 <strong i18n>Who are we?</strong> 28 <strong i18n>Who are we?</strong>
@@ -32,25 +41,49 @@
32 </ng-template> 41 </ng-template>
33 </ngb-panel> 42 </ngb-panel>
34 43
35 <ngb-panel *ngIf="termsPanel" id="terms" [title]="getTermsTitle()"> 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
36 <ng-template ngbPanelContent> 51 <ng-template ngbPanelContent>
37 <div class="block" [innerHTML]="aboutHtml.terms"></div> 52 <div class="block" [innerHTML]="aboutHtml.terms"></div>
38 </ng-template> 53 </ng-template>
39 </ngb-panel> 54 </ngb-panel>
40 55
41 <ngb-panel *ngIf="moderationPanel" id="moderation-information" i18n-title title="Moderation information"> 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
42 <ng-template ngbPanelContent> 63 <ng-template ngbPanelContent>
43 <div class="block" [innerHTML]="aboutHtml.moderationInformation"></div> 64 <div class="block" [innerHTML]="aboutHtml.moderationInformation"></div>
44 </ng-template> 65 </ng-template>
45 </ngb-panel> 66 </ngb-panel>
46 67
47 <ngb-panel *ngIf="codeOfConductPanel" id="code-of-conduct" i18n-title title="Code of conduct"> 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
48 <ng-template ngbPanelContent> 75 <ng-template ngbPanelContent>
49 <div class="block" [innerHTML]="aboutHtml.codeOfConduct"></div> 76 <div class="block" [innerHTML]="aboutHtml.codeOfConduct"></div>
50 </ng-template> 77 </ng-template>
51 </ngb-panel> 78 </ngb-panel>
52 79
53 <ngb-panel *ngFor="let pluginPanel of pluginPanels" [id]="pluginPanel.id" [title]="pluginPanel.title"> 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
54 <ng-template ngbPanelContent> 87 <ng-template ngbPanelContent>
55 <div class="block" [innerHTML]="pluginPanel.html"></div> 88 <div class="block" [innerHTML]="pluginPanel.html"></div>
56 </ng-template> 89 </ng-template>
diff --git a/client/src/app/shared/shared-instance/instance-about-accordion.component.scss b/client/src/app/shared/shared-instance/instance-about-accordion.component.scss
index c8e288462..9174f40c7 100644
--- a/client/src/app/shared/shared-instance/instance-about-accordion.component.scss
+++ b/client/src/app/shared/shared-instance/instance-about-accordion.component.scss
@@ -14,3 +14,9 @@
14.block { 14.block {
15 margin-bottom: 15px; 15 margin-bottom: 15px;
16} 16}
17
18my-global-icon {
19 line-height: 24px;
20 margin-right: 15px;
21}
22