mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
76 lines
3.8 KiB
HTML
76 lines
3.8 KiB
HTML
<div *ngIf="showViewer">
|
|
<div *ngIf="overlayMode">
|
|
<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 }" >
|
|
|
|
<!-- Start Layout -->
|
|
<div mdl class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
|
|
<header class="mdl-layout__header">
|
|
<div class="mdl-layout__header-row">
|
|
|
|
<!-- File Title -->
|
|
<span id="viewer-name-file" class="mdl-layout-title viewer-name-file">{{displayName}}</span>
|
|
|
|
<span class="vertical-divider"></span>
|
|
|
|
<div class="mdl-layout-spacer"></div>
|
|
|
|
<!-- Start Navigation -->
|
|
<nav class="mdl-navigation">
|
|
<div id="viewer-toolbar-view-options">
|
|
<button
|
|
class="mdl-color--black mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored" (click)="close()">
|
|
<i id="viewer-close-button" class="icon material-icons">close</i>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
<!-- End Navigation -->
|
|
</div>
|
|
</header>
|
|
<!--<div class="mdl-layout__drawer">-->
|
|
<!--<span class="mdl-layout-title">Thumbnail</span>-->
|
|
<!--</div>-->
|
|
<main id="page-content" class="mdl-layout__content">
|
|
|
|
<div class="mdl-grid">
|
|
<!--<div id="viewer-previous-file-button" class="center-element mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone">-->
|
|
<!--<button *ngIf="false"-->
|
|
<!--class="center-element mdl-color--black mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored"-->
|
|
<!--(click)="previousFile()">-->
|
|
<!--<i class="icon material-icons ">keyboard_arrow_left</i>-->
|
|
<!--</button>-->
|
|
<!--</div>-->
|
|
|
|
<div class="center-element mdl-cell mdl-cell--12-col" >
|
|
|
|
<div id="viewer-content-container" class="viewer-content-container mdl-cell" >
|
|
<!-- Start View Switch-->
|
|
<div *ngIf="isPdf()">
|
|
<pdf-viewer [urlFile]="urlFile" [nameFile]="displayName" ></pdf-viewer>
|
|
</div>
|
|
<div *ngIf="isImage()" ><img src="{{urlFile}}" id="viewer-image" class="center-element viewer-image"/></div>
|
|
<div *ngIf="!supportedExtension()">
|
|
<not-supported-format [urlFile]="urlFile" [nameFile]="displayName" ></not-supported-format>
|
|
</div>
|
|
<!-- End View Switch -->
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--<div id="viewer-next-file-button" class="center-element mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone">-->
|
|
<!--<button *ngIf="false"-->
|
|
<!--class="center-element mdl-color--black mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored"-->
|
|
<!--(click)="nextFile()">-->
|
|
<!--<i class="icon material-icons">keyboard_arrow_right</i>-->
|
|
<!--</button>-->
|
|
<!--</div>-->
|
|
|
|
</div>
|
|
</main>
|
|
</div>
|
|
<!-- End Layout -->
|
|
</div>
|
|
</div>
|