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-2137] Document Thumbnail Pane (#2943)

Browse Source 
* pdf thumbnails

* update TestBed declarations

* add PdfViewerService to TestBed

* content projection

* update TestBed declaration

* update TestBed

* update TestBed

* docs

* pristine

* added doc component image

* use global PDFJS instance fro tests
This commit is contained in:
Cilibiu Bogdan
2018-02-20 12:29:40 +02:00
committed by Eugenio Romano
parent 5955cc567d
commit 28ca71a5f9
22 changed files with 631 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
lib/core/viewer/components/pdfViewer.component.html
View File

@@ -1,9 +1,24 @@
<div id="viewer-pdf-container" class="viewer-pdf-container" (window:resize)="onResize()">
<div id="viewer-viewerPdf" class="pdfViewer">
<div id="loader-container" class="loader-container">
<div class="loader-item">
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
</div >
<div class="adf-pdf-viewer__container">
<ng-container *ngIf="showThumbnails">
<div class="adf-pdf-viewer__thumbnails">
<ng-container *ngIf="thumbnailsTemplate">
<ng-container *ngTemplateOutlet="thumbnailsTemplate;context:pdfThumbnailsContext"></ng-container>
</ng-container>
<ng-container *ngIf="!thumbnailsTemplate">
<adf-pdf-thumbnails [pdfViewer]="pdfViewer"></adf-pdf-thumbnails>
</ng-container>
</div>
</ng-container>
<div class="adf-pdf-viewer__content">
<div id="viewer-pdf-viewer" class="viewer-pdf-viewer" (window:resize)="onResize()">
<div id="viewer-viewerPdf" class="pdfViewer">
<div id="loader-container" class="loader-container">
<div class="loader-item">
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
</div >
</div>
</div>
</div>
</div>
</div>
@@ -12,7 +27,8 @@
<adf-toolbar>
<ng-container *ngIf="allowThumbnails">
<button mat-icon-button>
<button mat-icon-button
(click)="toggleThumbnails()">
<mat-icon>dashboard</mat-icon>
</button>
<adf-toolbar-divider></adf-toolbar-divider>