mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
AAE-30877 statically import pdf_viewer
This commit is contained in:
parent
d128ef2b1f
commit
bc9ff872a3
@ -8,10 +8,8 @@ module.exports = function (config) {
|
|||||||
config.set({
|
config.set({
|
||||||
basePath: '../../',
|
basePath: '../../',
|
||||||
files: [
|
files: [
|
||||||
{ pattern: 'node_modules/pdfjs-dist/legacy/build/pdf.min.mjs', type: 'module', included: true, watched: false },
|
{ pattern: 'node_modules/pdfjs-dist/build/pdf.min.mjs', type: 'module', included: true, watched: false },
|
||||||
{ pattern: 'node_modules/pdfjs-dist/legacy/build/pdf.worker.min.mjs', type: 'module', included: true, watched: false },
|
{ pattern: 'node_modules/pdfjs-dist/build/pdf.worker.min.mjs', type: 'module', included: true, watched: false },
|
||||||
{ pattern: 'node_modules/pdfjs-dist/legacy/web/pdf_viewer.mjs', type: 'module', included: true, watched: false },
|
|
||||||
|
|
||||||
{
|
{
|
||||||
pattern: 'node_modules/@angular/material/prebuilt-themes/indigo-pink.css',
|
pattern: 'node_modules/@angular/material/prebuilt-themes/indigo-pink.css',
|
||||||
included: true,
|
included: true,
|
||||||
@ -37,8 +35,8 @@ module.exports = function (config) {
|
|||||||
frameworks: ['jasmine-ajax', 'jasmine', '@angular-devkit/build-angular'],
|
frameworks: ['jasmine-ajax', 'jasmine', '@angular-devkit/build-angular'],
|
||||||
|
|
||||||
proxies: {
|
proxies: {
|
||||||
'/pdf.worker.min.mjs': '/base/node_modules/pdfjs-dist/legacy/build/pdf.min.mjs',
|
'/pdf.worker.min.mjs': '/base/node_modules/pdfjs-dist/build/pdf.min.mjs',
|
||||||
'/pdf.worker.js': '/base/node_modules/pdfjs-dist/legacy/build/pdf.worker.mjs',
|
'/pdf.worker.js': '/base/node_modules/pdfjs-dist/build/pdf.worker.mjs',
|
||||||
'/fake-url-file.png': '/base/lib/core/src/lib/assets/images/logo.png',
|
'/fake-url-file.png': '/base/lib/core/src/lib/assets/images/logo.png',
|
||||||
'/logo.png': '/base/lib/core/src/lib/assets/images/logo.png',
|
'/logo.png': '/base/lib/core/src/lib/assets/images/logo.png',
|
||||||
'/alfresco-logo.svg': '/base/lib/core/src/lib/assets/images/alfresco-logo.svg',
|
'/alfresco-logo.svg': '/base/lib/core/src/lib/assets/images/alfresco-logo.svg',
|
||||||
|
@ -45,9 +45,9 @@ import { ToolbarComponent, ToolbarDividerComponent } from '../../../toolbar';
|
|||||||
import { RenderingQueueServices } from '../../services/rendering-queue.services';
|
import { RenderingQueueServices } from '../../services/rendering-queue.services';
|
||||||
import { PdfPasswordDialogComponent } from '../pdf-viewer-password-dialog/pdf-viewer-password-dialog';
|
import { PdfPasswordDialogComponent } from '../pdf-viewer-password-dialog/pdf-viewer-password-dialog';
|
||||||
import { PdfThumbListComponent } from '../pdf-viewer-thumbnails/pdf-viewer-thumbnails.component';
|
import { PdfThumbListComponent } from '../pdf-viewer-thumbnails/pdf-viewer-thumbnails.component';
|
||||||
|
import { EventBus, PDFViewer } from 'pdfjs-dist/web/pdf_viewer.mjs';
|
||||||
|
|
||||||
declare const pdfjsLib: any;
|
declare const pdfjsLib: any;
|
||||||
declare const pdfjsViewer: any;
|
|
||||||
|
|
||||||
export type PdfScaleMode = 'init' | 'page-actual' | 'page-width' | 'page-height' | 'page-fit' | 'auto';
|
export type PdfScaleMode = 'init' | 'page-actual' | 'page-width' | 'page-height' | 'page-fit' | 'auto';
|
||||||
|
|
||||||
@ -129,7 +129,7 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
|
|||||||
return this.pdfViewer?.currentScaleValue ? Math.round(this.pdfViewer.currentScaleValue * 100) + '%' : '';
|
return this.pdfViewer?.currentScaleValue ? Math.round(this.pdfViewer.currentScaleValue * 100) + '%' : '';
|
||||||
}
|
}
|
||||||
|
|
||||||
private eventBus = new pdfjsViewer.EventBus();
|
private eventBus = new EventBus();
|
||||||
private pdfjsDefaultOptions = {
|
private pdfjsDefaultOptions = {
|
||||||
disableAutoFetch: true,
|
disableAutoFetch: true,
|
||||||
disableStream: true,
|
disableStream: true,
|
||||||
@ -248,7 +248,7 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
|
|||||||
const container = this.getDocumentContainer();
|
const container = this.getDocumentContainer();
|
||||||
|
|
||||||
if (viewer && container) {
|
if (viewer && container) {
|
||||||
this.pdfViewer = new pdfjsViewer.PDFViewer({
|
this.pdfViewer = new PDFViewer({
|
||||||
container,
|
container,
|
||||||
viewer,
|
viewer,
|
||||||
renderingQueue: this.renderingQueueServices,
|
renderingQueue: this.renderingQueueServices,
|
||||||
@ -281,11 +281,11 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
|
|||||||
ngOnDestroy() {
|
ngOnDestroy() {
|
||||||
if (this.pdfViewer) {
|
if (this.pdfViewer) {
|
||||||
// cspell: disable-next
|
// cspell: disable-next
|
||||||
this.eventBus.off('pagechanging');
|
this.eventBus.off('pagechanging', () => {});
|
||||||
// cspell: disable-next
|
// cspell: disable-next
|
||||||
this.eventBus.off('pagesloaded');
|
this.eventBus.off('pagesloaded', () => {});
|
||||||
// cspell: disable-next
|
// cspell: disable-next
|
||||||
this.eventBus.off('textlayerrendered');
|
this.eventBus.off('textlayerrendered', () => {});
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.loadingTask) {
|
if (this.loadingTask) {
|
||||||
@ -382,8 +382,8 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
|
|||||||
return document.getElementById(`${this.randomPdfId}-viewer-main-container`);
|
return document.getElementById(`${this.randomPdfId}-viewer-main-container`);
|
||||||
}
|
}
|
||||||
|
|
||||||
private getDocumentContainer(): HTMLElement {
|
private getDocumentContainer(): HTMLDivElement {
|
||||||
return document.getElementById(`${this.randomPdfId}-viewer-pdf-viewer`);
|
return document.getElementById(`${this.randomPdfId}-viewer-pdf-viewer`) as HTMLDivElement;
|
||||||
}
|
}
|
||||||
|
|
||||||
private getViewer(): HTMLElement {
|
private getViewer(): HTMLElement {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user