-import { Component, OnInit, ViewChild } from '@angular/core'
+import { Component, OnInit, ViewChild, AfterViewChecked } from '@angular/core'
import { Notifier, ServerService } from '@app/core'
import { ContactAdminModalComponent } from '@app/+about/about-instance/contact-admin-modal.component'
import { InstanceService } from '@app/shared/instance/instance.service'
import { ServerConfig } from '@shared/models'
import { ActivatedRoute } from '@angular/router'
import { ResolverData } from './about-instance.resolver'
+import { ViewportScroller } from '@angular/common'
@Component({
selector: 'my-about-instance',
templateUrl: './about-instance.component.html',
styleUrls: [ './about-instance.component.scss' ]
})
-export class AboutInstanceComponent implements OnInit {
+export class AboutInstanceComponent implements OnInit, AfterViewChecked {
@ViewChild('contactAdminModal', { static: true }) contactAdminModal: ContactAdminModalComponent
shortDescription = ''
serverConfig: ServerConfig
constructor (
+ private viewportScroller: ViewportScroller,
private route: ActivatedRoute,
- private notifier: Notifier,
private serverService: ServerService,
private instanceService: InstanceService
) {}
this.html = await this.instanceService.buildHtml(about)
}
+ ngAfterViewChecked () {
+ if (window.location.hash) this.viewportScroller.scrollToAnchor(window.location.hash.replace('#', ''))
+ }
+
openContactModal () {
return this.contactAdminModal.show()
}