Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-07-09 03:04:20 -04:00
Code Issues Packages Projects Releases Wiki Activity

Handling differed loading for the episode list

Browse Source
This commit is contained in:
Zoe Roux 2020-08-03 02:26:28 +02:00
parent 09f8328900
commit 8a1de18da4
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/components/episodes-list/episodes-list.component.html
View File

@ -1,6 +1,6 @@
<div class="root"> <div class="root">
<div class="episodes" #scrollView (scroll)="onScroll()"> <div class="episodes" #scrollView (scroll)="onScroll()" infinite-scroll (scrolled)="this.episodes?.loadNext(this.client)" [horizontal]="true" [scrollWindow]="false">
<div class="episode" *ngFor="let episode of this.episodes?.items" #itemsDom > <div class="episode" *ngFor="let episode of this.episodes?.items" #itemsDom>
<button mat-icon-button class="moreBtn" [matMenuTriggerFor]="more" [matMenuTriggerData]="{episode: episode}"><i class="material-icons">more_vert</i></button> <button mat-icon-button class="moreBtn" [matMenuTriggerFor]="more" [matMenuTriggerData]="{episode: episode}"><i class="material-icons">more_vert</i></button>
<a routerLink="/watch/{{episode.slug}}" href="/watch/{{episode.slug}}"> <a routerLink="/watch/{{episode.slug}}" href="/watch/{{episode.slug}}">
<div matRipple class="img" [style.background-image]="sanitize(episode.thumb)"> <div matRipple class="img" [style.background-image]="sanitize(episode.thumb)">

3
src/app/components/episodes-list/episodes-list.component.ts
View File

@ -3,6 +3,7 @@ import { DomSanitizer } from "@angular/platform-browser";
import { Episode } from "../../../models/episode"; import { Episode } from "../../../models/episode";
import {HorizontalScroller} from "../../misc/horizontal-scroller"; import {HorizontalScroller} from "../../misc/horizontal-scroller";
import {Page} from "../../../models/page"; import {Page} from "../../../models/page";
import {HttpClient} from "@angular/common/http";
@Component({ @Component({
selector: 'app-episodes-list', selector: 'app-episodes-list',
@ -14,7 +15,7 @@ export class EpisodesListComponent extends HorizontalScroller
@Input() displayShowTitle: boolean = false; @Input() displayShowTitle: boolean = false;
@Input() episodes: Page<Episode>; @Input() episodes: Page<Episode>;
constructor(private sanitizer: DomSanitizer) constructor(private sanitizer: DomSanitizer, public client: HttpClient)
{ {
super(); super();
} }