81dfd63250
# Added - Added: Added series format information to the search typeahead to help identify duplicate series in libraries # Fixed - Fixed: Fixed accent color not looking well on light theme - Fixed: Attempted to fix the memory issues with PDF reading on Docker. Uses a Memory Pool for streams and removes a bitmap operation for fixing books with transparent backgrounds (#424) # Changed - Changed: Refactored download logs to use the same download code as rest of Kavita # Dev stuff - Added timeout for Regex's to make sure during matching, malicious filenames doesn't crash user system - Refactored a missing GetCoverImage to use Series Format rather than old Library Type ================================================== * Added Timeout for Regex matching to ensure malicious filenames don't crash system * Refactored GetCoverImage to use series format rather than library type * Refactored download logs to use the download service * Fixed accent color not looking well on light theme * Refactored series format into dedicated component and added to search results * Switch to using MemoryManager for Streams to attempt to minimize GC pressure and reduced bitmap manipulation for transparency hack.
102 lines
3 KiB
TypeScript
102 lines
3 KiB
TypeScript
import { DOCUMENT } from '@angular/common';
|
|
import { Component, HostListener, Inject, OnDestroy, OnInit, ViewChild } from '@angular/core';
|
|
import { Router } from '@angular/router';
|
|
import { Subject } from 'rxjs';
|
|
import { takeUntil } from 'rxjs/operators';
|
|
import { UtilityService } from '../shared/_services/utility.service';
|
|
import { SearchResult } from '../_models/search-result';
|
|
import { AccountService } from '../_services/account.service';
|
|
import { ImageService } from '../_services/image.service';
|
|
import { LibraryService } from '../_services/library.service';
|
|
import { NavService } from '../_services/nav.service';
|
|
|
|
@Component({
|
|
selector: 'app-nav-header',
|
|
templateUrl: './nav-header.component.html',
|
|
styleUrls: ['./nav-header.component.scss']
|
|
})
|
|
export class NavHeaderComponent implements OnInit, OnDestroy {
|
|
|
|
@ViewChild('search') searchViewRef!: any;
|
|
|
|
isLoading = false;
|
|
debounceTime = 300;
|
|
imageStyles = {width: '24px', 'margin-top': '5px'};
|
|
searchResults: SearchResult[] = [];
|
|
searchTerm = '';
|
|
|
|
|
|
backToTopNeeded = false;
|
|
private readonly onDestroy = new Subject<void>();
|
|
|
|
constructor(public accountService: AccountService, private router: Router, public navService: NavService,
|
|
private libraryService: LibraryService, public imageService: ImageService, @Inject(DOCUMENT) private document: Document) { }
|
|
|
|
ngOnInit(): void {
|
|
this.navService.darkMode$.pipe(takeUntil(this.onDestroy)).subscribe(res => {
|
|
if (res) {
|
|
this.document.body.classList.remove('bg-light');
|
|
this.document.body.classList.add('bg-dark');
|
|
} else {
|
|
this.document.body.classList.remove('bg-dark');
|
|
this.document.body.classList.add('bg-light');
|
|
}
|
|
});
|
|
}
|
|
|
|
@HostListener("window:scroll", [])
|
|
checkBackToTopNeeded() {
|
|
const offset = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
|
|
if (offset > 100) {
|
|
this.backToTopNeeded = true;
|
|
} else if (offset < 40) {
|
|
this.backToTopNeeded = false;
|
|
}
|
|
}
|
|
|
|
ngOnDestroy() {
|
|
this.onDestroy.next();
|
|
this.onDestroy.complete();
|
|
}
|
|
|
|
logout() {
|
|
this.accountService.logout();
|
|
this.navService.hideNavBar();
|
|
this.router.navigateByUrl('/login');
|
|
}
|
|
|
|
moveFocus() {
|
|
document.getElementById('content')?.focus();
|
|
}
|
|
|
|
onChangeSearch(val: string) {
|
|
this.isLoading = true;
|
|
this.searchTerm = val;
|
|
this.libraryService.search(val).pipe(takeUntil(this.onDestroy)).subscribe(results => {
|
|
this.searchResults = results;
|
|
this.isLoading = false;
|
|
}, err => {
|
|
this.searchResults = [];
|
|
this.isLoading = false;
|
|
this.searchTerm = '';
|
|
});
|
|
}
|
|
|
|
clickSearchResult(item: SearchResult) {
|
|
const libraryId = item.libraryId;
|
|
const seriesId = item.seriesId;
|
|
this.searchViewRef.clear();
|
|
this.searchResults = [];
|
|
this.searchTerm = '';
|
|
this.router.navigate(['library', libraryId, 'series', seriesId]);
|
|
}
|
|
|
|
scrollToTop() {
|
|
window.scroll({
|
|
top: 0,
|
|
behavior: 'smooth'
|
|
});
|
|
}
|
|
|
|
|
|
}
|