aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/shared-instance/instance-about-accordion.component.html
blob: ac8c018564880f5a0054a069c3839be16c9f93e8 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<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>