Angular 17 (#2422)

This commit is contained in:
Joe Milazzo 2023-11-09 08:06:59 -06:00 committed by GitHub
parent 43f91b123f
commit b8f12116f4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
14 changed files with 2689 additions and 2212 deletions

View file

@ -1,6 +1,7 @@
import {CdkVirtualScrollViewport} from '@angular/cdk/scrolling';
import {CommonModule, DOCUMENT} from '@angular/common';
import {
afterNextRender,
AfterRenderPhase, AfterViewInit,
ChangeDetectionStrategy,
ChangeDetectorRef,
Component,
@ -95,7 +96,6 @@ export class CardDetailLayoutComponent implements OnInit, OnChanges {
@ContentChild('cardItem') itemTemplate!: TemplateRef<any>;
@ContentChild('noData') noDataTemplate!: TemplateRef<any>;
@ViewChild('.jump-bar') jumpBar!: ElementRef<HTMLDivElement>;
@ViewChild('scroller') scroller!: CdkVirtualScrollViewport;
@ViewChild(VirtualScrollerComponent) private virtualScroller!: VirtualScrollerComponent;
@ -110,6 +110,7 @@ export class CardDetailLayoutComponent implements OnInit, OnChanges {
constructor(@Inject(DOCUMENT) private document: Document) {}
@HostListener('window:resize', ['$event'])
@HostListener('window:orientationchange', ['$event'])
resizeJumpBar() {
@ -139,8 +140,6 @@ export class CardDetailLayoutComponent implements OnInit, OnChanges {
this.virtualScroller.refresh();
});
}
}

View file

@ -419,9 +419,16 @@
<app-api-key [tooltipText]="t('clients-api-key-tooltip')" [hideData]="true"></app-api-key>
<app-api-key [title]="t('clients-opds-url-tooltip')" [hideData]="true" [showRefresh]="false" [transform]="makeUrl"></app-api-key>
</ng-container>
<!-- @defer (when tab.fragment === FragmentID.Theme; prefetch on idle) {-->
<!-- <app-theme-manager></app-theme-manager>-->
<!-- }-->
<!-- @placeholder {-->
<!-- <app-loading [loading]="true"></app-loading>-->
<!-- }-->
<ng-container *ngIf="tab.fragment === FragmentID.Theme">
<app-theme-manager></app-theme-manager>
</ng-container>
<ng-container *ngIf="tab.fragment === FragmentID.Devices">
<app-manage-devices></app-manage-devices>
</ng-container>

View file

@ -54,6 +54,7 @@ import {
TranslocoPersistTranslations
} from "@ngneat/transloco-persist-translations";
import {HttpLoader} from "../../../httpLoader";
import {LoadingComponent} from "../../shared/loading/loading.component";
enum AccordionPanelID {
ImageReader = 'image-reader',
@ -81,7 +82,7 @@ enum FragmentID {
ChangePasswordComponent, ChangeAgeRestrictionComponent, AnilistKeyComponent, ReactiveFormsModule, NgbAccordionDirective, NgbAccordionItem, NgbAccordionHeader,
NgbAccordionToggle, NgbAccordionButton, NgbCollapse, NgbAccordionCollapse, NgbAccordionBody, NgbTooltip, NgTemplateOutlet, ColorPickerModule, ApiKeyComponent,
ThemeManagerComponent, ManageDevicesComponent, UserStatsComponent, UserScrobbleHistoryComponent, UserHoldsComponent, NgbNavOutlet, TitleCasePipe, SentenceCasePipe,
TranslocoDirective],
TranslocoDirective, LoadingComponent],
})
export class UserPreferencesComponent implements OnInit, OnDestroy {