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

feat: show one page, nav buttons, cache pages

Browse Source
This commit is contained in:
Valeriy Burdukov
2024-07-06 22:20:43 +05:00
parent 55e729422b
commit 6bad651312
2 changed files with 62 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,11 @@
<h1>It's reader page</h1>
<div class="flex flex-col items-center">
@for (page of pages; track $index) {
<img [src]="page.url" [alt]="page.slug" />
@if(pages.length > 0){
<img [src]="cachedPages[currentPageIndex].url" [alt]="cachedPages[currentPageIndex].slug" />
<div class="flex items-center justify-center space-x-4 mb-10">
<button (click)="prevPage()" [disabled]="currentPageIndex === 0" class="p-3 text-white bg-slate-600 w-[100px] mt-5 rounded-lg">←</button>
<p>{{pages[currentPageIndex].slug}} / {{pages.length}}</p>
<button (click)="nextPage()" [disabled]="currentPageIndex === pages.length - 1" class="p-3 text-white bg-slate-600 w-[100px] mt-5 rounded-lg">→</button>
</div>
}
</div>
</div>