Revert "Add Paperless zoom"

This reverts commit 74e1d2071174223ef61465a0cf8eb349dfa96704.
This commit is contained in:
shamoon 2023-11-30 14:23:54 -08:00
parent 5418981539
commit 3a851797e2
2 changed files with 14 additions and 77 deletions

View File

@ -1,20 +1,9 @@
<pngx-page-header [(title)]="title">
<ng-container *ngIf="getContentType() === 'application/pdf' && !useNativePdfViewer">
<div class="input-group input-group-sm me-2 d-none d-md-flex">
<div class="input-group-text" i18n>Page</div>
<input class="form-control flex-grow-0 w-auto" type="number" min="1" [max]="previewNumPages" [(ngModel)]="previewCurrentPage" />
<div class="input-group-text" i18n>of {{previewNumPages}}</div>
</div>
<div class="input-group input-group-sm me-5 d-none d-md-flex">
<button class="btn btn-outline-secondary" (click)="decreaseZoom()" i18n>-</button>
<select class="form-select" (change)="onZoomSelect($event)">
<option *ngFor="let setting of zoomSettings" [value]="setting" [selected]="previewZoomSetting == setting">
{{ getZoomSettingTitle(setting) }}
</option>
</select>
<button class="btn btn-outline-secondary" (click)="increaseZoom()" i18n>+</button>
</div>
</ng-container>
<div class="input-group input-group-sm me-5 d-none d-md-flex" *ngIf="getContentType() === 'application/pdf' && !useNativePdfViewer">
<div class="input-group-text" i18n>Page</div>
<input class="form-control flex-grow-0 w-auto" type="number" min="1" [max]="previewNumPages" [(ngModel)]="previewCurrentPage" />
<div class="input-group-text" i18n>of {{previewNumPages}}</div>
</div>
<button type="button" class="btn btn-sm btn-outline-danger me-4" (click)="delete()" [disabled]="!userIsOwner" *pngxIfPermissions="{ action: PermissionAction.Delete, type: PermissionType.Document }">
<svg class="buttonicon" fill="currentColor">
@ -238,8 +227,15 @@
<ngx-extended-pdf-viewer
[src]="previewUrl"
[useBrowserLocale]="true"
[showToolbar]="false"
[zoom]="previewZoomSetting"
[showPagingButtons]="false"
[showRotateButton]="false"
[showHandToolButton]="false"
[showOpenFileButton]="false"
[showDownloadButton]="false"
[showDrawEditor]="false"
[showTextEditor]="false"
[showSecondaryToolbarButton]="false"
[showStampEditor]="false"
(pagesLoaded)="onPagesLoaded($event)"
(pdfLoadingFailed)="onPdfLoadingFailed($event)"
[(page)]="previewCurrentPage">

View File

@ -87,20 +87,6 @@ enum DocumentDetailNavIDs {
Permissions = 6,
}
enum ZoomSetting {
Auto = 'auto',
Actual = 'page-actual',
Fit = 'page-fit',
Width = 'page-width',
Quarter = '25%',
Half = '50%',
ThreeQuarters = '75%',
OneHundred = '100%',
OneHundredFifty = '150%',
TwoHundred = '200%',
ThreeHundred = '300%',
}
@Component({
selector: 'pngx-document-detail',
templateUrl: './document-detail.component.html',
@ -152,7 +138,6 @@ export class DocumentDetailComponent
previewCurrentPage: number = 1
previewNumPages: number = 1
previewZoomSetting: ZoomSetting = ZoomSetting.Width
store: BehaviorSubject<any>
isDirty$: Observable<boolean>
@ -935,48 +920,4 @@ export class DocumentDetailComponent
this.updateFormForCustomFields(true)
this.documentForm.updateValueAndValidity()
}
onZoomSelect(event: Event) {
this.previewZoomSetting = (event.target as HTMLSelectElement)
?.value as ZoomSetting
}
get zoomSettings() {
return Object.values(ZoomSetting)
}
getZoomSettingTitle(setting: ZoomSetting = null): string {
switch (setting) {
case ZoomSetting.Auto:
return $localize`Auto`
case ZoomSetting.Actual:
return $localize`Actual Size`
case ZoomSetting.Fit:
return $localize`Page Fit`
case ZoomSetting.Width:
return $localize`Page Width`
default:
return setting
}
}
increaseZoom(): void {
let currentIndex = Object.values(ZoomSetting).indexOf(
this.previewZoomSetting
)
if (currentIndex < 4) currentIndex = 7
this.previewZoomSetting =
Object.values(ZoomSetting)[
Math.min(Object.values(ZoomSetting).length - 1, currentIndex + 1)
]
}
decreaseZoom(): void {
let currentIndex = Object.values(ZoomSetting).indexOf(
this.previewZoomSetting
)
if (currentIndex < 4) currentIndex = 7
this.previewZoomSetting =
Object.values(ZoomSetting)[Math.max(4, currentIndex - 1)]
}
}