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=ffb4294abff7e41391442ecf1b471193bfb469fe;hpb=dfca0f5fc232a1476d4b7296404fb91dbd60b96b;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 ffb4294ab..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,13 +1,12 @@ import { ViewportScroller } from '@angular/common' 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, ServerService } from '@app/core' -import { CustomMarkupService } from '@app/shared/shared-custom-markup' -import { InstanceService } from '@app/shared/shared-instance' -import { About, HTMLServerConfig, ServerConfig } from '@shared/models' -import { copyToClipboard } from '../../../root-helpers/utils' +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', @@ -16,26 +15,19 @@ import { ResolverData } from './about-instance.resolver' }) export class AboutInstanceComponent implements OnInit, AfterViewChecked { @ViewChild('descriptionWrapper') descriptionWrapper: ElementRef + @ViewChild('contactAdminModal', { static: true }) contactAdminModal: ContactAdminModalComponent - shortDescription = '' - descriptionContent: string - - html = { - terms: '', - codeOfConduct: '', - moderationInformation: '', - administrator: '', - creationReason: '', - maintenanceLifetime: '', - businessModel: '', - hardwareInformation: '' - } + aboutHTML: AboutHTML + descriptionElement: HTMLDivElement languages: string[] = [] categories: string[] = [] + shortDescription = '' initialized = false + serverStats: ServerStats + private serverConfig: HTMLServerConfig private lastScrollHash: string @@ -44,8 +36,7 @@ export class AboutInstanceComponent implements OnInit, AfterViewChecked { private viewportScroller: ViewportScroller, private route: ActivatedRoute, private notifier: Notifier, - private serverService: ServerService, - private instanceService: InstanceService + private serverService: ServerService ) {} get instanceName () { @@ -60,18 +51,28 @@ export class AboutInstanceComponent implements OnInit, AfterViewChecked { return this.serverConfig.instance.isNSFW } - async ngOnInit () { - const { about, languages, categories }: ResolverData = this.route.snapshot.data.instanceData + ngOnInit () { + const { about, languages, categories, aboutHTML, descriptionElement, serverStats }: ResolverData = this.route.snapshot.data.instanceData - this.serverConfig = this.serverService.getHTMLConfig() + this.serverStats = serverStats + + this.aboutHTML = aboutHTML + this.descriptionElement = descriptionElement this.languages = languages this.categories = categories this.shortDescription = about.instance.shortDescription - this.descriptionContent = about.instance.description - this.html = await this.instanceService.buildHtml(about) + this.serverConfig = this.serverService.getHTMLConfig() + + this.route.data.subscribe(data => { + if (!data?.isContact) return + + const prefill = this.route.snapshot.queryParams + + this.contactAdminModal.show(prefill) + }) this.initialized = true } @@ -87,6 +88,6 @@ export class AboutInstanceComponent implements OnInit, AfterViewChecked { onClickCopyLink (anchor: HTMLAnchorElement) { const link = anchor.href copyToClipboard(link) - this.notifier.success(link, $localize `Link copied`) + this.notifier.success(link, $localize`Link copied`) } }