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

UX Overhaul Part 1 (#3047)

Browse source 
Co-authored-by: Joseph Milazzo <joseph.v.milazzo@gmail.com>
This commit is contained in:
Robbie Davis 2024-08-09 13:55:31 -04:00 • committed by GitHub
parent 5934d516f3
commit ff79710ac6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
324 changed files with 11589 additions and 4598 deletions
Download patch file Download diff file Expand all files Collapse all files

8
UI/Web/src/app/pdf-reader/_components/pdf-reader/pdf-reader.component.html
View file

@ -96,7 +96,7 @@
<!-- scroll mode should be disabled when book mode is used -->
<button (click)="toggleScrollMode()" class="btn-icon toolbarButton" [ngbTooltip]="scrollMode | pdfScrollMode" [disabled]="this.pageLayoutMode === 'book'">
<button (click)="toggleScrollMode()" class="btn-icon toolbarButton" [ngbTooltip]="scrollMode | pdfScrollModeType" [disabled]="this.pageLayoutMode === 'book'">
@switch (scrollMode) {
@case (ScrollModeType.vertical) {
<svg aria-hidden="true" [ngStyle]="{color: fontColor}" style="width: 24px; height: 24px; margin-top: 3px" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 4c1 0 1.5.5 1.5 1.5v5c0 1-.5 1.5-1.5 1.5h-3c-1 0-1.5-.5-1.5-1.5v-5C5 4.5 5.5 4 6.5 4zM11 0v.5c0 1-.5 1.5-1.5 1.5h-3C5.5 2 5 1.5 5 .5V0h6zM11 16v-.5c0-1-.5-1.5-1.5-1.5h-3c-1 0-1.5.5-1.5 1.5v.5h6z"></path></svg>
@ -112,10 +112,10 @@
}
}
<span class="visually-hidden">{{scrollMode | pdfScrollMode}}</span>
<span class="visually-hidden">{{scrollMode | pdfScrollModeType}}</span>
</button>
<button (click)="toggleSpreadMode()" class="btn-icon toolbarButton" [ngbTooltip]="spreadMode | pdfSpreadMode" [disabled]="this.pageLayoutMode === 'book'">
<button (click)="toggleSpreadMode()" class="btn-icon toolbarButton" [ngbTooltip]="spreadMode | pdfSpreadType" [disabled]="this.pageLayoutMode === 'book'">
@switch (spreadMode) {
@case ('off') {
@ -129,7 +129,7 @@
}
}
<span class="visually-hidden">{{spreadMode | pdfSpreadMode}}</span>
<span class="visually-hidden">{{spreadMode | pdfSpreadType}}</span>
</button>

6
UI/Web/src/app/pdf-reader/_components/pdf-reader/pdf-reader.component.ts
View file

@ -32,8 +32,8 @@ import {PdfTheme} from "../../../_models/preferences/pdf-theme";
import {PdfSpreadMode} from "../../../_models/preferences/pdf-spread-mode";
import {SpreadType} from "ngx-extended-pdf-viewer/lib/options/spread-type";
import {PdfLayoutModePipe} from "../../_pipe/pdf-layout-mode.pipe";
import {PdfScrollModePipe} from "../../_pipe/pdf-scroll-mode.pipe";
import {PdfSpreadModePipe} from "../../_pipe/pdf-spread-mode.pipe";
import {PdfScrollModeTypePipe} from "../../_pipe/pdf-scroll-mode.pipe";
import {PdfSpreadTypePipe} from "../../_pipe/pdf-spread-mode.pipe";
@Component({
selector: 'app-pdf-reader',
@ -42,7 +42,7 @@ import {PdfSpreadModePipe} from "../../_pipe/pdf-spread-mode.pipe";
changeDetection: ChangeDetectionStrategy.OnPush,
standalone: true,
imports: [NgIf, NgStyle, NgxExtendedPdfViewerModule, NgbTooltip, AsyncPipe, TranslocoDirective,
PdfLayoutModePipe, PdfScrollModePipe, PdfSpreadModePipe]
PdfLayoutModePipe, PdfScrollModeTypePipe, PdfSpreadTypePipe]
})
export class PdfReaderComponent implements OnInit, OnDestroy {

4
UI/Web/src/app/pdf-reader/_pipe/pdf-scroll-mode.pipe.ts
View file

@ -3,10 +3,10 @@ import {TranslocoService} from "@ngneat/transloco";
import {ScrollModeType} from "ngx-extended-pdf-viewer";
@Pipe({
name: 'pdfScrollMode',
name: 'pdfScrollModeType',
standalone: true
})
export class PdfScrollModePipe implements PipeTransform {
export class PdfScrollModeTypePipe implements PipeTransform {
translocoService = inject(TranslocoService);
transform(value: ScrollModeType): string {
switch (value) {

4
UI/Web/src/app/pdf-reader/_pipe/pdf-spread-mode.pipe.ts
View file

@ -3,10 +3,10 @@ import {TranslocoService} from "@ngneat/transloco";
import {SpreadType} from "ngx-extended-pdf-viewer/lib/options/spread-type";
@Pipe({
name: 'pdfSpreadMode',
name: 'pdfSpreadType',
standalone: true
})
export class PdfSpreadModePipe implements PipeTransform {
export class PdfSpreadTypePipe implements PipeTransform {
translocoService = inject(TranslocoService);
transform(value: SpreadType): string {