borekon/PeerTube_original
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix infinite scroll on search page

Browse Source
This commit is contained in:
Chocobozzz 2023-02-24 15:05:59 +01:00
parent 700e24197a
commit 09a7ce0c60
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/+search/search.component.html
View File

@ -1,4 +1,4 @@
<div myInfiniteScroller (nearOfBottom)="onNearOfBottom()" class="search-result"> <div myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onSearchDataSubject.asObservable()" class="search-result">
<div class="results-header"> <div class="results-header">
<div class="first-line"> <div class="first-line">
<div class="results-counter" *ngIf="pagination.totalItems"> <div class="results-counter" *ngIf="pagination.totalItems">

6
client/src/app/+search/search.component.ts
View File

@ -1,4 +1,4 @@
import { forkJoin, Subscription } from 'rxjs' import { forkJoin, Subject, Subscription } from 'rxjs'
import { LinkType } from 'src/types/link.type' import { LinkType } from 'src/types/link.type'
import { Component, OnDestroy, OnInit } from '@angular/core' import { Component, OnDestroy, OnInit } from '@angular/core'
import { ActivatedRoute, Router } from '@angular/router' import { ActivatedRoute, Router } from '@angular/router'
@ -44,6 +44,8 @@ export class SearchComponent implements OnInit, OnDestroy {
userMiniature: User userMiniature: User
onSearchDataSubject = new Subject<any>()
private subActivatedRoute: Subscription private subActivatedRoute: Subscription
private isInitialLoad = false // set to false to show the search filters on first arrival private isInitialLoad = false // set to false to show the search filters on first arrival
@ -147,6 +149,8 @@ export class SearchComponent implements OnInit, OnDestroy {
this.lastSearchTarget = this.advancedSearch.searchTarget this.lastSearchTarget = this.advancedSearch.searchTarget
this.hasMoreResults = this.results.length < this.pagination.totalItems this.hasMoreResults = this.results.length < this.pagination.totalItems
this.onSearchDataSubject.next(results)
}, },
error: err => { error: err => {