f64f232e51
* Updated ngx-virtual-scroller * Removed the karma test config as it's breaking migration * Reverted to pre angular 15 * Upgraded packages and reverted target to ES6 for older devices * It's broken. Need to also find the safari version for old Ipads * Fixes some code in default pipe and many updates to packages. Removed support for old iOS versions as it restricted Kavita from using newer features. Build still broken. * More progress in getting build working on Angular 15. Removed polyfills.ts for new angular config * Remove all.css for icons and use scss instead * Removed stuff that isn't needed * Migrated extended linting to eslint, ran on project and updated issues. Removed a duplicate component that did nothing. Fixed a few places where lifecycle hooks werent being called as interface wasn't implemented. * App builds correctly. Source maps are still needed. * Fixed source maps and removed more testing stuff. I will re-add later in another release when I figure out how to properly tackle dependencies on backend. * Reverted back to old source map definition
68 lines
2.4 KiB
TypeScript
68 lines
2.4 KiB
TypeScript
import { Component, HostListener, Inject, OnInit } from '@angular/core';
|
|
import { NavigationStart, Router } from '@angular/router';
|
|
import { map, take } from 'rxjs/operators';
|
|
import { AccountService } from './_services/account.service';
|
|
import { LibraryService } from './_services/library.service';
|
|
import { MessageHubService } from './_services/message-hub.service';
|
|
import { NavService } from './_services/nav.service';
|
|
import { filter } from 'rxjs/operators';
|
|
import { NgbModal, NgbRatingConfig } from '@ng-bootstrap/ng-bootstrap';
|
|
import { DOCUMENT } from '@angular/common';
|
|
import { Observable } from 'rxjs';
|
|
|
|
@Component({
|
|
selector: 'app-root',
|
|
templateUrl: './app.component.html',
|
|
styleUrls: ['./app.component.scss']
|
|
})
|
|
export class AppComponent implements OnInit {
|
|
|
|
transitionState$!: Observable<boolean>;
|
|
|
|
constructor(private accountService: AccountService, public navService: NavService,
|
|
private messageHub: MessageHubService, private libraryService: LibraryService,
|
|
router: Router, private ngbModal: NgbModal, ratingConfig: NgbRatingConfig,
|
|
@Inject(DOCUMENT) private document: Document) {
|
|
|
|
// Setup default rating config
|
|
ratingConfig.max = 5;
|
|
ratingConfig.resettable = true;
|
|
|
|
// Close any open modals when a route change occurs
|
|
router.events
|
|
.pipe(filter(event => event instanceof NavigationStart))
|
|
.subscribe((event) => {
|
|
if (this.ngbModal.hasOpenModals()) {
|
|
this.ngbModal.dismissAll();
|
|
}
|
|
});
|
|
|
|
this.transitionState$ = this.accountService.currentUser$.pipe(map((user) => {
|
|
if (!user) return false;
|
|
return user.preferences.noTransitions;
|
|
}));
|
|
}
|
|
|
|
@HostListener('window:resize', ['$event'])
|
|
@HostListener('window:orientationchange', ['$event'])
|
|
setDocHeight() {
|
|
// Sets a CSS variable for the actual device viewport height. Needed for mobile dev.
|
|
const vh = window.innerHeight * 0.01;
|
|
this.document.documentElement.style.setProperty('--vh', `${vh}px`);
|
|
}
|
|
|
|
ngOnInit(): void {
|
|
this.setCurrentUser();
|
|
this.setDocHeight();
|
|
}
|
|
|
|
setCurrentUser() {
|
|
const user = this.accountService.getUserFromLocalStorage();
|
|
this.accountService.setCurrentUser(user);
|
|
|
|
if (user) {
|
|
this.messageHub.createHubConnection(user, this.accountService.hasAdminRole(user));
|
|
this.libraryService.getLibraryNames().pipe(take(1)).subscribe(() => {/* No Operation */});
|
|
}
|
|
}
|
|
}
|