AZEN-SGG/Kavita
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Angular 15 (#1764)

Browse source 
* 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
This commit is contained in:
Joe Milazzo 2023-01-30 06:27:52 -08:00 • committed by GitHub
parent 12d0ae6f2c
commit f64f232e51
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
78 changed files with 7393 additions and 7937 deletions
Download patch file Download diff file Expand all files Collapse all files

3
UI/Web/src/app/shared/a11y-click.directive.ts
View file

@ -1,9 +1,10 @@
import { Directive, Input, HostListener, OnInit, ElementRef, Inject } from '@angular/core';
@Directive({
// eslint-disable-next-line @angular-eslint/directive-selector
selector: '[a11y-click]'
})
export class A11yClickDirective {
export class A11yClickDirective implements OnInit {
@Input('a11y-click') keyCodes!: string;
keyCodeArray!: string[];

11
UI/Web/src/app/shared/loading/loading.component.ts
View file

@ -1,4 +1,4 @@
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core';
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
@Component({
selector: 'app-loading',
@ -6,7 +6,7 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit }
styleUrls: ['./loading.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush
})
export class LoadingComponent implements OnInit {
export class LoadingComponent {
@Input() loading: boolean = false;
@Input() message: string = '';
@ -15,10 +15,5 @@ export class LoadingComponent implements OnInit {
*/
@Input() absolute: boolean = false;
constructor(private readonly cdRef: ChangeDetectorRef) { }
ngOnInit(): void {
console.log('absolute: ', this.absolute);
}
constructor() { }
}

8
UI/Web/src/app/shared/person-badge/person-badge.component.ts
View file

@ -1,4 +1,4 @@
import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { Person } from '../../_models/metadata/person';
@Component({
@ -7,13 +7,9 @@ import { Person } from '../../_models/metadata/person';
styleUrls: ['./person-badge.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush
})
export class PersonBadgeComponent implements OnInit {
export class PersonBadgeComponent {
@Input() person!: Person;
constructor() { }
ngOnInit(): void {
}
}

2
UI/Web/src/app/shared/series-format/series-format.component.html
View file

@ -1,4 +1,4 @@
<ng-container *ngIf="format != MangaFormat.UNKNOWN">
<ng-container *ngIf="format !== MangaFormat.UNKNOWN">
<i class="fa {{format | mangaFormatIcon}}" aria-hidden="true" title="{{format | mangaFormat}}"></i>&nbsp;
<ng-content></ng-content>
</ng-container>