mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
fe0ac0e474
* move tslint ADF rules in principal repo * fix style issues * change pacakge.json position * update to angular cli 6.0.0 * reorganization package.json * remove node modules2 folder * exclude integration * rollback alfresco-js-api * solve types problems * fix pdf test * fix errors and exclude two tests * fix e2e * fix test * copy all the new packages in node_modules * fix test * fix packaging script * scss issue fix * move test export in tools
65 lines
2.0 KiB
TypeScript
65 lines
2.0 KiB
TypeScript
/*!
|
|
* @license
|
|
* Copyright 2016 Alfresco Software, Ltd.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { Component, Input, OnInit, ElementRef, ViewEncapsulation } from '@angular/core';
|
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
|
|
@Component({
|
|
selector: 'adf-pdf-thumb',
|
|
templateUrl: './pdfViewer-thumb.component.html',
|
|
encapsulation: ViewEncapsulation.None
|
|
})
|
|
export class PdfThumbComponent implements OnInit {
|
|
|
|
@Input()
|
|
page: any = null;
|
|
|
|
image$: Promise<string>;
|
|
|
|
constructor(
|
|
private element: ElementRef, private sanitizer: DomSanitizer) {}
|
|
|
|
ngOnInit() {
|
|
this.image$ = this.page.getPage().then((page) => this.getThumb(page));
|
|
}
|
|
|
|
private getThumb(page): Promise<string> {
|
|
const canvas = this.getCanvas();
|
|
const viewport = page.getViewport(1);
|
|
const scale = Math.min((canvas.height / viewport.height), (canvas.width / viewport.width));
|
|
|
|
return page.render({
|
|
canvasContext: canvas.getContext('2d'),
|
|
viewport: page.getViewport(scale)
|
|
})
|
|
.then(() => {
|
|
const imageSource = canvas.toDataURL();
|
|
return this.sanitizer.bypassSecurityTrustUrl(imageSource);
|
|
});
|
|
}
|
|
|
|
private getCanvas(): HTMLCanvasElement {
|
|
const elementRect = this.element.nativeElement.getBoundingClientRect();
|
|
const canvas = document.createElement('canvas');
|
|
|
|
canvas.width = elementRect.width;
|
|
canvas.height = elementRect.height;
|
|
|
|
return canvas;
|
|
}
|
|
}
|