mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2024-11-20 10:21:52 +01:00
Code Issues Projects Releases Wiki Activity

Run the go to anchor whenever data is loaded

Browse Source
This commit is contained in:
softsimon 2023-03-02 21:50:09 +09:00
parent b7425dc339
commit 7b01286ed2
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
1 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
frontend/src/app/components/about/about.component.ts
View File

@ -6,8 +6,9 @@ import { Observable } from 'rxjs';
import { ApiService } from '../../services/api.service'; import { ApiService } from '../../services/api.service';
import { IBackendInfo } from '../../interfaces/websocket.interface'; import { IBackendInfo } from '../../interfaces/websocket.interface';
import { Router, ActivatedRoute } from '@angular/router'; import { Router, ActivatedRoute } from '@angular/router';
import { map } from 'rxjs/operators'; import { map, tap } from 'rxjs/operators';
import { ITranslators } from '../../interfaces/node-api.interface'; import { ITranslators } from '../../interfaces/node-api.interface';
import { DOCUMENT } from '@angular/common';
@Component({ @Component({
selector: 'app-about', selector: 'app-about',
@ -33,6 +34,7 @@ export class AboutComponent implements OnInit {
private router: Router, private router: Router,
private route: ActivatedRoute, private route: ActivatedRoute,
@Inject(LOCALE_ID) public locale: string, @Inject(LOCALE_ID) public locale: string,
@Inject(DOCUMENT) private document: Document,
) { } ) { }
ngOnInit() { ngOnInit() {
@ -40,17 +42,21 @@ export class AboutComponent implements OnInit {
this.seoService.setTitle($localize`:@@004b222ff9ef9dd4771b777950ca1d0e4cd4348a:About`); this.seoService.setTitle($localize`:@@004b222ff9ef9dd4771b777950ca1d0e4cd4348a:About`);
this.websocketService.want(['blocks']); this.websocketService.want(['blocks']);
this.sponsors$ = this.apiService.getDonation$(); this.sponsors$ = this.apiService.getDonation$()
.pipe(
tap(() => this.goToAnchor())
);
this.translators$ = this.apiService.getTranslators$() this.translators$ = this.apiService.getTranslators$()
.pipe( .pipe(
map((translators) => { map((translators) => {
for (const t in translators) { for (const t in translators) {
if (translators[t] === '') { if (translators[t] === '') {
delete translators[t] delete translators[t];
} }
} }
return translators; return translators;
}) }),
tap(() => this.goToAnchor())
); );
this.allContributors$ = this.apiService.getContributor$().pipe( this.allContributors$ = this.apiService.getContributor$().pipe(
map((contributors) => { map((contributors) => {
@ -58,20 +64,24 @@ export class AboutComponent implements OnInit {
regular: contributors.filter((user) => !user.core_constributor), regular: contributors.filter((user) => !user.core_constributor),
core: contributors.filter((user) => user.core_constributor), core: contributors.filter((user) => user.core_constributor),
}; };
}) }),
tap(() => this.goToAnchor())
); );
} }
ngAfterViewInit() { ngAfterViewInit() {
const that = this; this.goToAnchor();
setTimeout( () => { }
if( this.route.snapshot.fragment ) {
if (document.getElementById( this.route.snapshot.fragment )) { goToAnchor() {
document.getElementById( this.route.snapshot.fragment ).scrollIntoView({behavior: "smooth", block: "center"}); setTimeout(() => {
} if (this.route.snapshot.fragment) {
if (this.document.getElementById(this.route.snapshot.fragment)) {
this.document.getElementById(this.route.snapshot.fragment).scrollIntoView({behavior: 'smooth'});
} }
}, 1 ); }
} }, 1);
}
sponsor(): void { sponsor(): void {
if (this.officialMempoolSpace && this.stateService.env.BASE_MODULE === 'mempool') { if (this.officialMempoolSpace && this.stateService.env.BASE_MODULE === 'mempool') {