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

feat: caching pages

Browse Source
This commit is contained in:
Valeriy Burdukov
2024-07-07 00:48:54 +05:00
parent 6bad651312
commit 8f5f12ad30
3 changed files with 87 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,11 +1,11 @@
<h1>It's reader page</h1>
<h1>It's reader page</h1>
<div class="flex flex-col items-center">
@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>
}
<img #mangaImage [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>