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 decouple viewer

Browse Source
This commit is contained in:
Eugenio Romano
2016-06-08 12:43:17 +01:00
parent b9c009efef
commit fd27fd0844
8 changed files with 122 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -63,23 +63,14 @@
<div class="center-element mdl-cell mdl-cell--8-col" >
<div id="viewer-content-container" class="center-element mdl-cell" >
<div id="viewer-content-container" class="viewer-content-container mdl-cell" >
<!-- Start View Switch-->
<div *ngIf="isPdf()"><pdf-viewer [urlFile]="urlFile" ></pdf-viewer></div>
<div *ngIf="isPdf()">
<pdf-viewer [urlFile]="urlFile" ></pdf-viewer>
</div>
<div *ngIf="isImage()" ><img src="{{urlFile}}" id="viewer-image" class="center-element viewer-image"/></div>
<div *ngIf="notSupportedExtension()">
<section class="section--center mdl-grid mdl-grid--no-spacing">
<div class="viewer-margin mdl-card mdl-cell mdl-cell--9-col-desktop mdl-cell--6-col-tablet mdl-cell--4-col-phone mdl-shadow--2dp">
<div class="viewer-download-text mdl-card__supporting-text">
<h4>File {{nameFile}} is an unsupported format</h4>
</div>
<div class="mdl-card__actions">
<button class="viewer-margin center-element mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" (click)="download()">
<i class="viewer-margin-cloud-download material-icons">cloud_download</i> Download
</button>
</div>
</div>
</section>
<not-supported-format [urlFile]="urlFile" [nameFile]="nameFile" ></not-supported-format>
</div>
<!-- End View Switch -->
</div>