From b9b474259ad697d4ddf534b81666586ac10de717 Mon Sep 17 00:00:00 2001
From: Eugenio Romano <eugenio.romano@alfresco.com>
Date: Sat, 6 Aug 2016 01:37:10 +0100
Subject: [PATCH] Hide toolbar as parameter #512

---
 ng2-components/ng2-alfresco-viewer/README.md                  | 2 ++
 ng2-components/ng2-alfresco-viewer/demo/src/main.ts           | 4 ++--
 .../ng2-alfresco-viewer/src/pdfViewer.component.html          | 4 ++--
 ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.ts | 3 +++
 ng2-components/ng2-alfresco-viewer/src/viewer.component.html  | 2 +-
 ng2-components/ng2-alfresco-viewer/src/viewer.component.ts    | 3 +++
 6 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/ng2-components/ng2-alfresco-viewer/README.md b/ng2-components/ng2-alfresco-viewer/README.md
index b80011b856..3de759cc6b 100644
--- a/ng2-components/ng2-alfresco-viewer/README.md
+++ b/ng2-components/ng2-alfresco-viewer/README.md
@@ -144,6 +144,8 @@ Attribute     | Options     | Default      | Description | Mandatory
 `urlFile`         | *string*    |        |  If you want laod an external file that not comes from the ECM you can use this Url where to load the file | 
 `overlayMode`         | *boolean*    | `false`        | if true Show the Viewer full page over the present content otherwise will fit the parent div  |
 `showViewer`         | *boolean*    | `true`        | Hide or show the viewer |
+`showToolbar`         | *boolean*    | `true`        | Hide or show the toolbars |
+
 
 ## Build from sources
 Alternatively you can build component from sources with the following commands:
diff --git a/ng2-components/ng2-alfresco-viewer/demo/src/main.ts b/ng2-components/ng2-alfresco-viewer/demo/src/main.ts
index 8083c5f27e..169ab30808 100644
--- a/ng2-components/ng2-alfresco-viewer/demo/src/main.ts
+++ b/ng2-components/ng2-alfresco-viewer/demo/src/main.ts
@@ -33,9 +33,9 @@ import {
                <label for="token"><b>Insert a valid access token / ticket:</b></label><br>
                <input id="token" type="text" size="48" (change)="updateToken();documentList.reload()" [(ngModel)]="token"><br>
                <label for="token"><b>Insert the ip of your Alfresco instance:</b></label><br>
-               <input id="token" type="text" size="48" (change)="updateHost();documentList.reload()" [(ngModel)]="host"><br><br>
+               <input id="token" type="text" size="48" (change)="updateHost();documentList.reload()" [(ngModel)]="ecmHost"><br><br>
                <div *ngIf="!authenticated" style="color:#FF2323">
-                    Authentication failed to ip {{ host }} with user: admin, admin, you can still try to add a valid token to perform
+                    Authentication failed to ip {{ ecmHost }} with user: admin, admin, you can still try to add a valid token to perform
                     operations.
                </div>
                <hr>
diff --git a/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.html b/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.html
index 79f362441a..ba49c2c5e1 100644
--- a/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.html
+++ b/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.html
@@ -13,7 +13,7 @@
 
 
 <!-- Pagination toolbar start -->
-<div id="viewer-toolbar-pagination" class="viewer-toolbar-pagination mdl-cell--hide-tablet mdl-cell--hide-phone">
+<div *ngIf="showToolbar]" id="viewer-toolbar-pagination" class="viewer-toolbar-pagination mdl-cell--hide-tablet mdl-cell--hide-phone">
     <div id="viewer-previous-page-button" class="button-page left" (click)="previousPage()">
         <i class="icon material-icons">keyboard_arrow_left</i>
     </div>
@@ -31,7 +31,7 @@
 <!-- Pagination toolbar end -->
 
 <!-- Command toolbar start -->
-<div id="viewer-toolbar-command" class="viewer-toolbar-command">
+<div *ngIf="showToolbar"  id="viewer-toolbar-command" class="viewer-toolbar-command">
     <div id="viewer-scale-page-button" class="button-page left" (click)="pageFit()">
         <i class="icon material-icons">zoom_out_map</i>
     </div>
diff --git a/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.ts b/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.ts
index b129000ac1..6f2d5f2389 100644
--- a/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.ts
+++ b/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.ts
@@ -34,6 +34,9 @@ export class PdfViewerComponent {
     @Input()
     nameFile: string;
 
+    @Input()
+    showToolbar: boolean = true;
+
     currentPdfDocument: any;
     page: number;
     displayPage: number;
diff --git a/ng2-components/ng2-alfresco-viewer/src/viewer.component.html b/ng2-components/ng2-alfresco-viewer/src/viewer.component.html
index 1f0c56df87..2b15543f3b 100644
--- a/ng2-components/ng2-alfresco-viewer/src/viewer.component.html
+++ b/ng2-components/ng2-alfresco-viewer/src/viewer.component.html
@@ -48,7 +48,7 @@
                         <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>
+                                <pdf-viewer [showToolbar]="showToolbar" [urlFile]="urlFile" [nameFile]="displayName" ></pdf-viewer>
                             </div>
                             <div class="center-element" *ngIf="isImage()" >
                                 <img-viewer [urlFile]="urlFile" [nameFile]="displayName"></img-viewer>
diff --git a/ng2-components/ng2-alfresco-viewer/src/viewer.component.ts b/ng2-components/ng2-alfresco-viewer/src/viewer.component.ts
index 960b0cb3fe..4fb0dfc7f3 100644
--- a/ng2-components/ng2-alfresco-viewer/src/viewer.component.ts
+++ b/ng2-components/ng2-alfresco-viewer/src/viewer.component.ts
@@ -45,6 +45,9 @@ export class ViewerComponent {
     @Input()
     showViewer: boolean = true;
 
+    @Input()
+    showToolbar: boolean = true;
+
     @Output()
     showViewerChange: EventEmitter<boolean> = new EventEmitter<boolean>();