feat: manhwa check

This commit is contained in:
2024-07-17 16:38:12 +03:00
parent c9c959ce76
commit 8c87401482
4 changed files with 34 additions and 27 deletions

View File

@@ -1,16 +1,7 @@
import { CommonModule } from "@angular/common";
import { AfterViewInit, Component, OnDestroy } from "@angular/core";
import { ActivatedRoute, Router, RouterLink } from "@angular/router";
import {
BehaviorSubject,
Observable,
Subject,
Subscription,
fromEvent,
map,
takeUntil,
throttleTime,
} from "rxjs";
import { Observable, Subject, Subscription, fromEvent, map, takeUntil, throttleTime } from "rxjs";
import { Chapter, Page } from "../../services/parsers/rulib/rulib.chapter.dto";
import { IRulibChapter } from "../../services/parsers/rulib/rulib.chapters.dto";
import { SearchService } from "../../services/search.service";
@@ -34,7 +25,6 @@ export class ReaderComponent implements AfterViewInit, OnDestroy {
isManhwa = false;
currentChapterInfo: Chapter | null = null;
url = "";
isManhwa$ = new BehaviorSubject<boolean>(false);
private chaptersInfo: IRulibChapter[] = [];
private chapterNum: number = 0;
private chapterVol: number = 0;
@@ -50,7 +40,6 @@ export class ReaderComponent implements AfterViewInit, OnDestroy {
ngOnDestroy(): void {
this.destroy$.next();
this.destroy$.complete();
this.isManhwa$.complete();
}
get manhwaPages() {
@@ -76,15 +65,16 @@ export class ReaderComponent implements AfterViewInit, OnDestroy {
.subscribe((data) => {
this.chaptersInfo = data.data;
});
this.searchService
.isManhwa(url)
.pipe(takeUntil(this.destroy$))
.subscribe((data) => {
this.isManhwa = data;
});
} else {
this.router.navigate(["/"]);
}
});
// this.isManhwa$.pipe(takeUntil(this.destroy$)).subscribe((isManhwa) => {
// this.isManhwa = isManhwa;
// if (isManhwa) this.initManhwaScroll();
// else this.noManhwaScroll();
// });
}
private handleScrollManhwa(event: Event) {
@@ -94,7 +84,7 @@ export class ReaderComponent implements AfterViewInit, OnDestroy {
(event.currentTarget as HTMLElement).scrollTop <
3000
) {
this.loadPage(this.currentPageIndex + 1);
// this.loadPage(this.currentPageIndex + 1);
console.log("load");
}
}
@@ -153,8 +143,8 @@ export class ReaderComponent implements AfterViewInit, OnDestroy {
if (index >= 0 && index < this.pages.length) {
this.currentPageIndex = index;
this.cachePage(index); // Кэшируем текущую и соседние страницы
if (!this.isManhwa$.value) this.unloadCachedPages(index); // Сгружаем ненужные страницы из кэша
if (!this.isManhwa$.value) {
if (!this.isManhwa) this.unloadCachedPages(index); // Сгружаем ненужные страницы из кэша
if (!this.isManhwa) {
const container = document.querySelector("app-reader");
if (container) {
container.scrollTo({
@@ -174,7 +164,7 @@ export class ReaderComponent implements AfterViewInit, OnDestroy {
// Если страница уже в кэше, просто обновляем изображение
this.updateImage();
}
} else if (index == this.pages.length && !this.isManhwa$.value) {
} else if (index == this.pages.length && !this.isManhwa) {
const thisChapterIndex = this.chaptersInfo.findIndex((chapter) => {
return +chapter.number === this.chapterNum && +chapter.volume === this.chapterVol;
});
@@ -190,7 +180,7 @@ export class ReaderComponent implements AfterViewInit, OnDestroy {
},
});
}
} else if (index == -1 && !this.isManhwa$.value) {
} else if (index == -1 && !this.isManhwa) {
const thisChapterIndex = this.chaptersInfo.findIndex((chapter) => {
return +chapter.number === this.chapterNum && +chapter.volume === this.chapterVol;
});
@@ -271,14 +261,13 @@ export class ReaderComponent implements AfterViewInit, OnDestroy {
// Обновляем изображение на странице
private updateImage() {
const currentPage = this.cachedPages.get(this.currentPageIndex);
if (currentPage && currentPage.imageData && !this.isManhwa$.value) {
if (currentPage && currentPage.imageData && !this.isManhwa) {
const blob = new Blob([currentPage.imageData], { type: "image/jpeg" });
const urlCreator = window.URL || window.webkitURL;
this.imageUrl = urlCreator.createObjectURL(blob);
const imageUrl = this.imageUrl;
const image = new Image();
image.onload = () => {
if (currentPage.isManhwa) this.isManhwa$.next(currentPage.isManhwa);
URL.revokeObjectURL(imageUrl);
};
image.src = imageUrl;