Mirror of PeerTube
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

about-instance.component.html 3.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <div class="row">
  2. <div class="col-md-12 col-xl-6">
  3. <div class="about-instance-title">
  4. <div i18n class="title">About {{ instanceName }} instance</div>
  5. <div i18n *ngIf="isContactFormEnabled" (click)="openContactModal()" role="button" class="contact-admin">Contact administrator</div>
  6. </div>
  7. <div class="block instance-badges">
  8. <span *ngFor="let category of categories" class="badge badge-primary category">{{ category }}</span>
  9. <span *ngFor="let language of languages" class="badge badge-secondary language">{{ language }}</span>
  10. </div>
  11. <div class="short-description">
  12. <div class="block short-description">{{ shortDescription }}</div>
  13. <div i18n *ngIf="isNSFW" class="block dedicated-to-nsfw">This instance is dedicated to sensitive/NSFW content.</div>
  14. </div>
  15. <div i18n class="middle-title" *ngIf="html.administrator || maintenanceLifetime || businessModel">
  16. Administrators & sustainability
  17. </div>
  18. <div class="block administrator" *ngIf="html.administrator">
  19. <div i18n class="section-title">Who we are</div>
  20. <div [innerHTML]="html.administrator"></div>
  21. </div>
  22. <div class="block creation-reason" *ngIf="creationReason">
  23. <div i18n class="section-title">Why we created this instance</div>
  24. <p>{{ creationReason }}</p>
  25. </div>
  26. <div class="block maintenance-lifetime" *ngIf="maintenanceLifetime">
  27. <div i18n class="section-title">How long we plan to maintain this instance</div>
  28. <p>{{ maintenanceLifetime }}</p>
  29. </div>
  30. <div class="block business-model" *ngIf="businessModel">
  31. <div i18n class="section-title">How we will pay this instance</div>
  32. <p>{{ businessModel }}</p>
  33. </div>
  34. <div i18n class="middle-title" *ngIf="html.description">
  35. Information
  36. </div>
  37. <div class="block description">
  38. <div i18n class="section-title">Description</div>
  39. <div [innerHTML]="html.description"></div>
  40. </div>
  41. <div i18n class="middle-title" *ngIf="html.moderationInformation || html.codeOfConduct || html.terms">
  42. Moderation
  43. </div>
  44. <div class="block moderation-information" *ngIf="html.moderationInformation">
  45. <div i18n class="section-title">Moderation information</div>
  46. <div [innerHTML]="html.moderationInformation"></div>
  47. </div>
  48. <div class="block code-of-conduct" *ngIf="html.codeOfConduct">
  49. <div i18n class="section-title">Code of conduct</div>
  50. <div [innerHTML]="html.codeOfConduct"></div>
  51. </div>
  52. <div class="block terms">
  53. <div i18n class="section-title">Terms</div>
  54. <div [innerHTML]="html.terms"></div>
  55. </div>
  56. <div i18n class="middle-title" *ngIf="html.hardwareInformation">
  57. Other information
  58. </div>
  59. <div class="block hardware-information">
  60. <div i18n class="section-title">Hardware information</div>
  61. <div [innerHTML]="html.hardwareInformation"></div>
  62. </div>
  63. </div>
  64. <div class="col-md-12 col-xl-6">
  65. <label i18n>Features found on this instance</label>
  66. <my-instance-features-table></my-instance-features-table>
  67. </div>
  68. </div>
  69. <my-contact-admin-modal #contactAdminModal></my-contact-admin-modal>