yetangitu/Peertube
1
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-10-05 02:39:33 +02:00
Code Issues Releases Wiki Activity

Redesign register steps

Browse source
This commit is contained in:
Chocobozzz 2022-06-14 13:54:54 +02:00
parent 936ce6e563
commit 6f03f944c3
No known key found for this signature in database
GPG key ID: 583A612D890159BE
45 changed files with 1055 additions and 379 deletions
Download patch file Download diff file Expand all files Collapse all files

6
client/src/app/shared/shared-instance/instance-about-accordion.component.html
View file

@ -1,6 +1,6 @@
<h2 class="instance-name">{{ about?.instance.name }}</h2>
<h2 *ngIf="displayInstanceName" class="instance-name">{{ about?.instance.name }}</h2>
<div class="instance-short-description">{{ about?.instance.shortDescription }}</div>
<div *ngIf="displayInstanceShortDescription" class="instance-short-description">{{ about?.instance.shortDescription }}</div>
<ngb-accordion #accordion="ngbAccordion" [closeOthers]="true">
<ngb-panel *ngIf="panels.features" id="instance-features" i18n-title title="Features found on this instance">
@ -32,7 +32,7 @@
</ng-template>
</ngb-panel>
<ngb-panel *ngIf="termsPanel" id="terms" i18n-title title="Terms">
<ngb-panel *ngIf="termsPanel" id="terms" [title]="getTermsTitle()">
<ng-template ngbPanelContent>
<div class="block" [innerHTML]="aboutHtml.terms"></div>
</ng-template>

3
client/src/app/shared/shared-instance/instance-about-accordion.component.scss
View file

@ -8,8 +8,7 @@
.instance-short-description {
@include ellipsis-multiline(1rem, 3);
margin-top: 20px;
margin-bottom: 20px;
margin: 25px 0;
}
.block {

7
client/src/app/shared/shared-instance/instance-about-accordion.component.ts
View file

@ -15,6 +15,9 @@ export class InstanceAboutAccordionComponent implements OnInit {
@Output() init: EventEmitter<InstanceAboutAccordionComponent> = new EventEmitter<InstanceAboutAccordionComponent>()
@Input() displayInstanceName = true
@Input() displayInstanceShortDescription = true
@Input() pluginScope: PluginClientScope
@Input() pluginHook: ClientFilterHookName
@ -66,6 +69,10 @@ export class InstanceAboutAccordionComponent implements OnInit {
return !!(this.aboutHtml?.administrator || this.about?.instance.maintenanceLifetime || this.about?.instance.businessModel)
}
getTermsTitle () {
return $localize`Terms of ${this.about.instance.name}`
}
get moderationPanel () {
return this.panels.moderation && !!this.aboutHtml.moderationInformation
}