X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Babout%2Fabout-instance%2Fabout-instance.component.ts;h=fc52142158b2a80c8fba72f0923192246560e4c6;hb=8527f4b163c41d13820ff0ccf6427643547ab745;hp=92ecd5263455e9066a0ac48be0dafaa783d6942e;hpb=5beb89f223539f1e415a976ff104f772526b4d20;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+about/about-instance/about-instance.component.ts b/client/src/app/+about/about-instance/about-instance.component.ts index 92ecd5263..fc5214215 100644 --- a/client/src/app/+about/about-instance/about-instance.component.ts +++ b/client/src/app/+about/about-instance/about-instance.component.ts @@ -1,12 +1,12 @@ import { ViewportScroller } from '@angular/common' -import { AfterViewChecked, Component, OnInit, ViewChild } from '@angular/core' +import { AfterViewChecked, Component, ElementRef, OnInit, ViewChild } from '@angular/core' import { ActivatedRoute } from '@angular/router' -import { ContactAdminModalComponent } from '@app/+about/about-instance/contact-admin-modal.component' -import { Notifier } from '@app/core' -import { copyToClipboard } from '../../../root-helpers/utils' -import { InstanceService } from '@app/shared/shared-instance' -import { ServerConfig } from '@shared/models' +import { Notifier, ServerService } from '@app/core' +import { AboutHTML } from '@app/shared/shared-instance' +import { copyToClipboard } from '@root-helpers/utils' +import { HTMLServerConfig, ServerStats } from '@shared/models/server' import { ResolverData } from './about-instance.resolver' +import { ContactAdminModalComponent } from './contact-admin-modal.component' @Component({ selector: 'my-about-instance', @@ -14,37 +14,29 @@ import { ResolverData } from './about-instance.resolver' styleUrls: [ './about-instance.component.scss' ] }) export class AboutInstanceComponent implements OnInit, AfterViewChecked { + @ViewChild('descriptionWrapper') descriptionWrapper: ElementRef @ViewChild('contactAdminModal', { static: true }) contactAdminModal: ContactAdminModalComponent - shortDescription = '' - - html = { - description: '', - terms: '', - codeOfConduct: '', - moderationInformation: '', - administrator: '', - hardwareInformation: '' - } - - creationReason = '' - maintenanceLifetime = '' - businessModel = '' + aboutHTML: AboutHTML + descriptionElement: HTMLDivElement languages: string[] = [] categories: string[] = [] - - serverConfig: ServerConfig + shortDescription = '' initialized = false + serverStats: ServerStats + + private serverConfig: HTMLServerConfig + private lastScrollHash: string constructor ( private viewportScroller: ViewportScroller, private route: ActivatedRoute, private notifier: Notifier, - private instanceService: InstanceService + private serverService: ServerService ) {} get instanceName () { @@ -59,21 +51,28 @@ export class AboutInstanceComponent implements OnInit, AfterViewChecked { return this.serverConfig.instance.isNSFW } - async ngOnInit () { - const { about, languages, categories, serverConfig }: ResolverData = this.route.snapshot.data.instanceData + ngOnInit () { + const { about, languages, categories, aboutHTML, descriptionElement, serverStats }: ResolverData = this.route.snapshot.data.instanceData + + this.serverStats = serverStats - this.serverConfig = serverConfig + this.aboutHTML = aboutHTML + this.descriptionElement = descriptionElement this.languages = languages this.categories = categories this.shortDescription = about.instance.shortDescription - this.creationReason = about.instance.creationReason - this.maintenanceLifetime = about.instance.maintenanceLifetime - this.businessModel = about.instance.businessModel + this.serverConfig = this.serverService.getHTMLConfig() + + this.route.data.subscribe(data => { + if (!data?.isContact) return - this.html = await this.instanceService.buildHtml(about) + const prefill = this.route.snapshot.queryParams + + this.contactAdminModal.show(prefill) + }) this.initialized = true } @@ -86,13 +85,9 @@ export class AboutInstanceComponent implements OnInit, AfterViewChecked { } } - openContactModal () { - return this.contactAdminModal.show() - } - onClickCopyLink (anchor: HTMLAnchorElement) { const link = anchor.href copyToClipboard(link) - this.notifier.success(link, $localize `Link copied`) + this.notifier.success(link, $localize`Link copied`) } }