mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
76 lines
2.4 KiB
HTML
76 lines
2.4 KiB
HTML
<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>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="adf-pdf-viewer__toolbar" *ngIf="showToolbar">
|
|
<adf-toolbar>
|
|
|
|
<ng-container *ngIf="allowThumbnails">
|
|
<button mat-icon-button>
|
|
<mat-icon>dashboard</mat-icon>
|
|
</button>
|
|
<adf-toolbar-divider></adf-toolbar-divider>
|
|
</ng-container>
|
|
|
|
<button
|
|
id="viewer-previous-page-button"
|
|
attr.aria-label="{{ 'ADF_VIEWER.ARIA.PREVIOUS_PAGE' | translate }}"
|
|
mat-icon-button
|
|
(click)="previousPage()">
|
|
<mat-icon>keyboard_arrow_up</mat-icon>
|
|
</button>
|
|
|
|
<button
|
|
id="viewer-next-page-button"
|
|
attr.aria-label="{{ 'ADF_VIEWER.ARIA.NEXT_PAGE' | translate }}"
|
|
mat-icon-button
|
|
(click)="nextPage()">
|
|
<mat-icon>keyboard_arrow_down</mat-icon>
|
|
</button>
|
|
|
|
<div>
|
|
{{ 'ADF_VIEWER.PAGE_LABEL.SHOWING' | translate }}
|
|
<input #page
|
|
class="adf-pdf-viewer__toolbar-page-selector"
|
|
type="text"
|
|
pattern="-?[0-9]*(\.[0-9]+)?"
|
|
value="{{ displayPage }}"
|
|
(keyup.enter)="inputPage(page.value)">
|
|
{{ 'ADF_VIEWER.PAGE_LABEL.OF' | translate }} {{ totalPages }}
|
|
</div>
|
|
|
|
<adf-toolbar-divider></adf-toolbar-divider>
|
|
|
|
<button
|
|
id="viewer-zoom-in-button"
|
|
attr.aria-label="{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}"
|
|
mat-icon-button
|
|
(click)="zoomIn()">
|
|
<mat-icon>zoom_in</mat-icon>
|
|
</button>
|
|
|
|
<button
|
|
id="viewer-zoom-out-button"
|
|
attr.aria-label="{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}"
|
|
mat-icon-button
|
|
(click)="zoomOut()">
|
|
<mat-icon>zoom_out</mat-icon>
|
|
</button>
|
|
|
|
<button
|
|
id="viewer-scale-page-button"
|
|
attr.aria-label="{{ 'ADF_VIEWER.ARIA.FIT_PAGE' | translate }}"
|
|
mat-icon-button
|
|
(click)="pageFit()">
|
|
<mat-icon>zoom_out_map</mat-icon>
|
|
</button>
|
|
|
|
</adf-toolbar>
|
|
</div>
|