inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-09-17 14:21:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

#68 start separation between viewer and pdfViewer

Browse Source
This commit is contained in:
Eugenio Romano
2016-06-03 17:19:40 +01:00
parent 499cc7b124
commit 1b2ff612ab
9 changed files with 418 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
ng2-components/ng2-alfresco-viewer/src/viewer.component.html
View File

@@ -3,7 +3,7 @@
<div id="viewer-shadow-transparent" class="viewer-shadow-transparent"></div>
</div>
<div id="viewer-main-container" class="viewer-main-container" [ngClass]="{'viewer-overlay-view': overlayMode }" (keypress)=eventHandler() >
<div id="viewer-main-container" class="viewer-main-container" [ngClass]="{'viewer-overlay-view': overlayMode }" >
<!-- Start Layout -->
<div mdl class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
@@ -58,47 +58,32 @@
<div
class="mdl-color--white mdl-shadow--4dp content mdl-color-text--grey-800 mdl-cell mdl-cell--8-col">
<!-- Start Pdf Canvas -->
<div id="viewer-pdf-container" class="viewer-pdf-container">
<div id="viewer-viewerPdf" style="border:1px solid black;">
<div id="loader">
<div>
<div id="loader-spin" class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></div>
</div>
<div id="loader-text">Loading...</div>
</div>
</div>
<div id="viewer-content-container">
<!-- Start View Switch-->
<div *ngIf="isPdf()"><pdf-viewer [urlFile]="urlFile" ></pdf-viewer></div>
<div *ngIf="isImage()" ><img src="{{urlFile}}" id="viewer-image" class="viewer-image"/></div>
<div *ngIf="notSupportedExtension()"><div id="viewer-unsupported">Not Supported Download</div></div>
<!-- End View Switch -->
</div>
<!-- End Pdf Canvas -->
<div id="viewer-previous-page-button" class="previous-page-button">
<div id="viewer-previous-file-button" class="previous-page-button" ng-hide="true">
<button
class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored"
(click)="previousPage()">
(click)="previousFile()">
<i class="icon material-icons">keyboard_arrow_left</i>
</button>
</div>
<div id="viewer-next-page-button" class="next-page-button">
<div id="viewer-next-file-button" class="next-page-button" ng-hide="true">
<button
class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored"
(click)="nextPage()">
(click)="nextFile()">
<i class="icon material-icons">keyboard_arrow_right</i>
</button>
</div>
</div>
</div>
<footer class="mdl-mini-footer">
<div class="mdl-mini-footer--left-section">
<ul class="mdl-mini-footer--link-list">
<li><a href="#">Footer link 1</a></li>
<li><a href="#">Footer link 2</a></li>
<li><a href="#">Footer link 3</a></li>
</ul>
</div>
</footer>
</div>
</main>
</div>