paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-07-28 18:24:38 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2 from shamoon/pdf-viewer-mobile-improvements

Browse Source 
Pdf viewer mobile improvements
This commit is contained in:
Michael Shamoon
2022-02-14 22:07:41 -08:00
committed by GitHub
parent ddb25ce281 069e78881d
commit e6602f1153
7 changed files with 49 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src-ui/src/app/components/document-detail/document-detail.component.html
View File

@@ -123,6 +123,15 @@
</ng-template>
</li>
<li [ngbNavItem]="4" class="d-md-none">
<a ngbNavLink>Preview</a>
<ng-template ngbNavContent *ngIf="pdfPreview.offsetParent == undefined">
<div class="pdf-viewer-container" *ngIf="getContentType() == 'application/pdf'">
<pdf-viewer [src]="previewUrl" [original-size]="false" [show-borders]="true"></pdf-viewer>
</div>
</ng-template>
</li>
</ul>
<div [ngbNavOutlet]="nav" class="mt-2"></div>
@@ -133,7 +142,7 @@
</form>
</div>
<div class="col-md-6 col-xl-8 mb-3">
<div class="col-md-6 col-xl-8 mb-3 d-none d-md-block" #pdfPreview>
<ng-container *ngIf="getContentType() == 'application/pdf'">
<div class="preview-sticky pdf-viewer-container" *ngIf="!useNativePdfViewer ; else nativePdfViewer">
<pdf-viewer [src]="previewUrl" [original-size]="false" [show-borders]="true" [show-all]="true" [(page)]="previewCurrentPage" [render-text-mode]="2" (after-load-complete)="pdfPreviewLoaded($event)"></pdf-viewer>

13
src-ui/src/app/components/document-detail/document-detail.component.ts
View File

@@ -1,7 +1,7 @@
import { Component, OnInit, ViewChild } from '@angular/core';
import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';
import { ActivatedRoute, Router } from '@angular/router';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
import { NgbModal, NgbNav } from '@ng-bootstrap/ng-bootstrap';
import { PaperlessCorrespondent } from 'src/app/data/paperless-correspondent';
import { PaperlessDocument } from 'src/app/data/paperless-document';
import { PaperlessDocumentMetadata } from 'src/app/data/paperless-document-metadata';
@@ -65,6 +65,15 @@ export class DocumentDetailComponent implements OnInit {
previewCurrentPage: number = 1
previewNumPages: number = 1
@ViewChild('nav') nav: NgbNav
@ViewChild('pdfPreview') set pdfPreview(element) {
// this gets called when compontent added or removed from DOM
if (element && element.nativeElement.offsetParent !== null) { // its visible
setTimeout(()=> this.nav?.select(1));
}
}
constructor(
private documentsService: DocumentService,
private route: ActivatedRoute,