neuro_llc/NwaifuWeb
2
0
Fork 0
Code Issues 11 Pull Requests Packages Projects 1 Releases Wiki Activity

feat: scrolling manhwa

Browse Source
This commit is contained in:
Sergey Elpashev
2024-07-12 01:32:32 +03:00
parent ccbd9b2f5c
commit 35ff603849
3 changed files with 62 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/NwaifuAnime/src/app/components/reader/reader.component.html
View File

@@ -13,13 +13,19 @@
<div class="flex flex-col items-center">
@if (pages.length > 0 && cachedPages[currentPageIndex]) {
<div [class]="imageContainerClass">
<app-scale-image [imageSrc]="imageUrl"></app-scale-image>
@if (!isManhwa$.value) {
<app-scale-image [imageSrc]="imageUrl"></app-scale-image>
} @else {
@for (page of manhwaPages; track $index) {
<app-scale-image [imageSrc]="page.imageUrl"></app-scale-image>
}
}
</div>
<div class="flex items-center justify-center space-x-4 my-10">
<button (click)="prevPage()" class="p-3 text-white bg-slate-600 w-[100px] rounded-lg">
←
</button>
<p>{{ pages[currentPageIndex].slug }} / {{ pages.length }}</p>
<p *ngIf="!isManhwa$.value">{{ pages[currentPageIndex].slug }} / {{ pages.length }}</p>
<button (click)="nextPage()" class="p-3 text-white bg-slate-600 w-[100px] rounded-lg">
→
</button>