inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-2388, ADF-2375] PDF Viewer - show buffer thumbnail on pagechange (#3011)

Browse Source 
* disable thumbnails button until document is loaded

* show buffer thumbnail on page change

* correct value property

* correct test
This commit is contained in:
Cilibiu Bogdan
2018-03-06 09:00:52 +02:00
committed by Denys Vuika
parent 8f63af1fbd
commit 69ac38713f
8 changed files with 99 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
lib/core/viewer/components/pdfViewer.component.ts
View File

@@ -67,6 +67,7 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
MIN_SCALE: number = 0.25;
MAX_SCALE: number = 10.0;
isPanelDisabled = true;
showThumbnails: boolean = false;
pdfThumbnailsContext: { viewer: any } = { viewer: null };
@@ -78,6 +79,7 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
private logService: LogService) {
// needed to preserve "this" context
this.onPageChange = this.onPageChange.bind(this);
this.onPagesLoaded = this.onPagesLoaded.bind(this);
}
ngOnChanges(changes) {
@@ -142,6 +144,7 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
this.documentContainer = document.getElementById('viewer-pdf-viewer');
this.documentContainer.addEventListener('pagechange', this.onPageChange, true);
this.documentContainer.addEventListener('pagesloaded', this.onPagesLoaded, true);
this.pdfViewer = new PDFJS.PDFViewer({
container: this.documentContainer,
@@ -159,6 +162,7 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
ngOnDestroy() {
if (this.documentContainer) {
this.documentContainer.removeEventListener('pagechange', this.onPageChange, true);
this.documentContainer.removeEventListener('pagesloaded', this.onPagesLoaded, true);
}
}
@@ -369,6 +373,15 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
this.displayPage = event.pageNumber;
}
/**
* Pages Loaded Event
*
* @param event
*/
onPagesLoaded(event) {
this.isPanelDisabled = false;
}
/**
* Litener Keyboard Event
* @param KeyboardEvent event