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

Merge pull request #576 from Alfresco/dev-eromano-512

Browse Source 
Hide toolbar as parameter #512
This commit is contained in:
Mario Romano
2016-08-15 15:45:03 +01:00
committed by GitHub
parent 192f629fd1 2498af1daf
commit 807c229f5c
8 changed files with 200 additions and 341 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ng2-components/ng2-alfresco-viewer/README.md
+2
View File
@@ -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 | `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 | `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 | `showViewer` | *boolean* | `true` | Hide or show the viewer |
`showToolbar` | *boolean* | `true` | Hide or show the toolbars |
## Build from sources ## Build from sources
Alternatively you can build component from sources with the following commands: Alternatively you can build component from sources with the following commands:
ng2-components/ng2-alfresco-viewer/demo/src/main.ts
+2 -2
View File
@@ -33,9 +33,9 @@ import {
<label for="token"><b>Insert a valid access token / ticket:</b></label><br> <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> <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> <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"> <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. operations.
</div> </div>
<hr> <hr>
ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.html
+2 -2
View File
@@ -13,7 +13,7 @@
<!-- Pagination toolbar start --> <!-- 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()"> <div id="viewer-previous-page-button" class="button-page left" (click)="previousPage()">
<i class="icon material-icons">keyboard_arrow_left</i> <i class="icon material-icons">keyboard_arrow_left</i>
</div> </div>
@@ -31,7 +31,7 @@
<!-- Pagination toolbar end --> <!-- Pagination toolbar end -->
<!-- Command toolbar start --> <!-- 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()"> <div id="viewer-scale-page-button" class="button-page left" (click)="pageFit()">
<i class="icon material-icons">zoom_out_map</i> <i class="icon material-icons">zoom_out_map</i>
</div> </div>
ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.spec.ts
+187 -335
View File
@@ -15,20 +15,23 @@
* limitations under the License. * limitations under the License.
*/ */
import { describe, expect, it, inject, beforeEachProviders } from '@angular/core/testing'; import {describe, expect, it, inject, beforeEachProviders, beforeEach} from '@angular/core/testing';
import { TestComponentBuilder } from '@angular/compiler/testing'; import {TestComponentBuilder} from '@angular/compiler/testing';
import { PdfViewerComponent } from './pdfViewer.component'; import {PdfViewerComponent} from './pdfViewer.component';
import { PDFJSmock } from './assets/PDFJS.mock'; import {PDFJSmock} from './assets/PDFJS.mock';
import { PDFViewermock } from './assets/PDFViewer.mock'; import {PDFViewermock} from './assets/PDFViewer.mock';
import { EventMock } from './assets/event.mock'; import {EventMock} from './assets/event.mock';
import { HTTP_PROVIDERS } from '@angular/http'; import {HTTP_PROVIDERS} from '@angular/http';
import { AlfrescoSettingsServiceMock } from '../src/assets/AlfrescoSettingsService.service.mock'; import {AlfrescoSettingsServiceMock} from '../src/assets/AlfrescoSettingsService.service.mock';
import { AlfrescoAuthenticationService, AlfrescoSettingsService } from 'ng2-alfresco-core'; import {AlfrescoAuthenticationService, AlfrescoSettingsService} from 'ng2-alfresco-core';
describe('PdfViewer', () => { describe('PdfViewer', () => {
let pdfComponentFixture, element, component;
beforeEachProviders(() => { beforeEachProviders(() => {
return [ return [
HTTP_PROVIDERS, HTTP_PROVIDERS,
@@ -37,377 +40,226 @@ describe('PdfViewer', () => {
]; ];
}); });
beforeEach(inject([TestComponentBuilder], (tcb: TestComponentBuilder) => {
return tcb
.createAsync(PdfViewerComponent)
.then(fixture => {
pdfComponentFixture = fixture;
element = fixture.nativeElement;
component = fixture.componentInstance;
spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock());
spyOn(component, 'initPDFViewer').and.callFake(() => {
component.pdfViewer = new PDFViewermock();
});
component.showToolbar = true;
component.urlFile = 'fake-url-file';
pdfComponentFixture.detectChanges();
});
}));
describe('View', () => { describe('View', () => {
it('Canvas should be present', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { it('Canvas should be present', () => {
return tcb expect(element.querySelector('#viewer-viewerPdf')).not.toBeNull();
.createAsync(PdfViewerComponent) expect(element.querySelector('#viewer-pdf-container')).not.toBeNull();
.then((fixture) => { });
let element = fixture.nativeElement;
fixture.detectChanges(); it('Loader should be present', () => {
pdfComponentFixture.detectChanges();
expect(element.querySelector('#viewer-viewerPdf')).not.toBeNull(); expect(element.querySelector('#loader-container')).not.toBeNull();
expect(element.querySelector('#viewer-pdf-container')).not.toBeNull();
});
}));
it('Loader should be present', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { });
return tcb
.createAsync(PdfViewerComponent)
.then((fixture) => {
let element = fixture.nativeElement;
fixture.detectChanges(); it('Next an Previous Buttons should be present', () => {
pdfComponentFixture.detectChanges();
expect(element.querySelector('#loader-container')).not.toBeNull(); expect(element.querySelector('#viewer-previous-page-button')).not.toBeNull();
}); expect(element.querySelector('#viewer-next-page-button')).not.toBeNull();
})); });
it('Next an Previous Buttons should be present', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => {
return tcb
.createAsync(PdfViewerComponent)
.then((fixture) => {
let element = fixture.nativeElement;
fixture.detectChanges(); it('Input Page elements should be present', () => {
pdfComponentFixture.detectChanges();
expect(element.querySelector('#viewer-previous-page-button')).not.toBeNull(); expect(element.querySelector('#viewer-pagenumber-input')).toBeDefined();
expect(element.querySelector('#viewer-next-page-button')).not.toBeNull(); expect(element.querySelector('#viewer-total-pages')).toBeDefined();
});
}));
it('Input Page elements should be present', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { expect(element.querySelector('#viewer-previous-page-button')).not.toBeNull();
return tcb expect(element.querySelector('#viewer-next-page-button')).not.toBeNull();
.createAsync(PdfViewerComponent) });
.then((fixture) => {
let element = fixture.nativeElement;
fixture.detectChanges(); it('Toolbar should be hide if showToolbar is false', () => {
component.showToolbar = false;
expect(element.querySelector('#viewer-pagenumber-input')).toBeDefined(); pdfComponentFixture.detectChanges();
expect(element.querySelector('#viewer-total-pages')).toBeDefined();
expect(element.querySelector('#viewer-previous-page-button')).not.toBeNull(); expect(element.querySelector('#viewer-toolbar-command')).toBeNull();
expect(element.querySelector('#viewer-next-page-button')).not.toBeNull(); expect(element.querySelector('#viewer-toolbar-pagination')).toBeNull();
}); });
}));
}); });
describe('User interaction', () => { describe('User interaction', () => {
it('Total number of pages should be loaded', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => {
return tcb
.createAsync(PdfViewerComponent)
.then((fixture) => {
let component = fixture.componentInstance;
component.urlFile = 'fake-url-file';
spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock());
spyOn(component, 'initPDFViewer').and.callFake(() => {
component.pdfViewer = new PDFViewermock();
});
component.ngOnChanges().then(() => { beforeEach(() => {
expect(component.totalPages).toEqual('10'); component.inputPage(1);
}); });
});
}));
it('Total number of pages should be loaded', () => {
component.ngOnChanges().then(() => {
expect(component.totalPages).toEqual('10');
});
});
it('right arrow should move to the next page', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { it('right arrow should move to the next page', (done) => {
return tcb component.ngOnChanges().then(() => {
.createAsync(PdfViewerComponent) pdfComponentFixture.detectChanges();
.then((fixture) => { expect(component.displayPage).toBe(1);
let component = fixture.componentInstance; EventMock.keyDown(39);
spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock()); pdfComponentFixture.detectChanges();
spyOn(component, 'initPDFViewer').and.callFake(() => { expect(component.displayPage).toBe(2);
component.pdfViewer = new PDFViewermock(); done();
}); });
});
component.urlFile = 'fake-url-file'; it('nextPage should move to the next page', (done) => {
let nextPageButton = element.querySelector('#viewer-next-page-button');
component.ngOnChanges().then(() => { component.ngOnChanges().then(() => {
fixture.detectChanges(); pdfComponentFixture.detectChanges();
expect(component.displayPage).toBe(1); expect(component.displayPage).toBe(1);
EventMock.keyDown(39); nextPageButton.click();
fixture.detectChanges(); pdfComponentFixture.detectChanges();
expect(component.displayPage).toBe(2); expect(component.displayPage).toBe(2);
}).catch((error) => { done();
expect(error).toBeUndefined(); });
}); });
});
}));
it('nextPage should move to the next page', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { it('left arrow should move to the previous page', (done) => {
return tcb component.ngOnChanges().then(() => {
.createAsync(PdfViewerComponent) pdfComponentFixture.detectChanges();
.then((fixture) => { expect(component.displayPage).toBe(1);
let component = fixture.componentInstance; EventMock.keyDown(39);
let element = fixture.nativeElement; EventMock.keyDown(39);
EventMock.keyDown(37);
pdfComponentFixture.detectChanges();
expect(component.displayPage).toBe(2);
done();
});
});
spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock()); it('previous page should move to the previous page', (done) => {
spyOn(component, 'initPDFViewer').and.callFake(() => { let previousPageButton = element.querySelector('#viewer-previous-page-button');
component.pdfViewer = new PDFViewermock(); let nextPageButton = element.querySelector('#viewer-next-page-button');
});
component.urlFile = 'fake-url-file'; component.ngOnChanges().then(() => {
pdfComponentFixture.detectChanges();
let nextPageButton = element.querySelector('#viewer-next-page-button'); expect(component.displayPage).toBe(1);
nextPageButton.click();
component.ngOnChanges().then(() => { nextPageButton.click();
fixture.detectChanges(); previousPageButton.click();
expect(component.displayPage).toBe(1); pdfComponentFixture.detectChanges();
nextPageButton.click(); expect(component.displayPage).toBe(2);
fixture.detectChanges(); done();
expect(component.displayPage).toBe(2); });
}).catch((error) => { });
expect(error).toBeUndefined();
});
});
}));
it('left arrow should move to the previous page', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => {
return tcb
.createAsync(PdfViewerComponent)
.then((fixture) => {
let component = fixture.componentInstance;
spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock());
spyOn(component, 'initPDFViewer').and.callFake(() => {
component.pdfViewer = new PDFViewermock();
});
component.urlFile = 'fake-url-file';
component.ngOnChanges().then(() => {
fixture.detectChanges();
expect(component.displayPage).toBe(1);
EventMock.keyDown(39);
EventMock.keyDown(39);
EventMock.keyDown(37);
fixture.detectChanges();
expect(component.displayPage).toBe(2);
}).catch((error) => {
expect(error).toBeUndefined();
});
});
}));
it('previous page should move to the previous page', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => {
return tcb
.createAsync(PdfViewerComponent)
.then((fixture) => {
let component = fixture.componentInstance;
let element = fixture.nativeElement;
spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock());
spyOn(component, 'initPDFViewer').and.callFake(() => {
component.pdfViewer = new PDFViewermock();
});
component.urlFile = 'fake-url-file';
let previousPageButton = element.querySelector('#viewer-previous-page-button');
let nextPageButton = element.querySelector('#viewer-next-page-button');
component.ngOnChanges().then(() => {
fixture.detectChanges();
expect(component.displayPage).toBe(1);
nextPageButton.click();
nextPageButton.click();
previousPageButton.click();
fixture.detectChanges();
expect(component.displayPage).toBe(2);
}).catch((error) => {
expect(error).toBeUndefined();
});
});
}));
/* tslint:disable:max-line-length */ /* tslint:disable:max-line-length */
it('previous page should not move to the previous page if is page 1', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { it('previous page should not move to the previous page if is page 1', (done) => {
return tcb component.ngOnChanges().then(() => {
.createAsync(PdfViewerComponent) pdfComponentFixture.detectChanges();
.then((fixture) => { expect(component.displayPage).toBe(1);
let component = fixture.componentInstance; component.previousPage();
spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock()); pdfComponentFixture.detectChanges();
spyOn(component, 'initPDFViewer').and.callFake(() => { expect(component.displayPage).toBe(1);
component.pdfViewer = new PDFViewermock(); done();
}); });
});
component.urlFile = 'fake-url-file'; it('Input page should move to the inserted page', (done) => {
component.ngOnChanges().then(() => {
component.ngOnChanges().then(() => { pdfComponentFixture.detectChanges();
fixture.detectChanges(); expect(component.displayPage).toBe(1);
expect(component.displayPage).toBe(1); component.inputPage('4');
component.previousPage(); pdfComponentFixture.detectChanges();
fixture.detectChanges(); expect(component.displayPage).toBe(4);
expect(component.displayPage).toBe(1); done();
}).catch((error) => { });
expect(error).toBeUndefined(); });
});
});
}));
it('Input page should move to the inserted page', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => {
return tcb
.createAsync(PdfViewerComponent)
.then((fixture) => {
let component = fixture.componentInstance;
spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock());
spyOn(component, 'initPDFViewer').and.callFake(() => {
component.pdfViewer = new PDFViewermock();
});
component.urlFile = 'fake-url-file';
component.ngOnChanges().then(() => {
fixture.detectChanges();
expect(component.displayPage).toBe(1);
component.inputPage('4');
fixture.detectChanges();
expect(component.displayPage).toBe(4);
}).catch((error) => {
expect(error).toBeUndefined();
});
});
}));
/* tslint:disable:max-line-length */ /* tslint:disable:max-line-length */
it('zoomIn should increment the scale value', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { it('zoomIn should increment the scale value', (done) => {
return tcb component.currentScale = 1;
.createAsync(PdfViewerComponent)
.then((fixture) => {
let component = fixture.componentInstance;
let element = fixture.nativeElement;
spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock()); let zoomInButton = element.querySelector('#viewer-zoom-in-button');
spyOn(component, 'initPDFViewer').and.callFake(() => {
component.pdfViewer = new PDFViewermock();
});
component.urlFile = 'fake-url-file'; component.ngOnChanges().then(() => {
component.currentScale = 1; pdfComponentFixture.detectChanges();
zoomInButton.click();
expect(component.currentScaleMode).toBe('auto');
expect(component.currentScale).toBe(1.1);
done();
});
});
let zoomInButton = element.querySelector('#viewer-zoom-in-button'); it('zoomOut should decrement the scale value', (done) => {
component.currentScale = 1;
component.ngOnChanges().then(() => { let zoomOutButton = element.querySelector('#viewer-zoom-out-button');
fixture.detectChanges();
zoomInButton.click();
expect(component.currentScaleMode).toBe('auto');
expect(component.currentScale).toBe(1.1);
}).catch((error) => {
expect(error).toBeUndefined();
});
});
}));
it('zoomOut should decrement the scale value', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { component.ngOnChanges().then(() => {
return tcb pdfComponentFixture.detectChanges();
.createAsync(PdfViewerComponent) zoomOutButton.click();
.then((fixture) => { expect(component.currentScaleMode).toBe('auto');
let component = fixture.componentInstance; expect(component.currentScale).toBe(0.9);
let element = fixture.nativeElement; done();
});
});
spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock()); it('fit in button should toggle page-fit and auto scale mode', (done) => {
spyOn(component, 'initPDFViewer').and.callFake(() => { component.currentScale = 1;
component.pdfViewer = new PDFViewermock();
});
component.urlFile = 'fake-url-file'; let fitPage = element.querySelector('#viewer-scale-page-button');
component.currentScale = 1;
let zoomOutButton = element.querySelector('#viewer-zoom-out-button'); component.ngOnChanges().then(() => {
pdfComponentFixture.detectChanges();
component.ngOnChanges().then(() => { expect(component.currentScaleMode).toBe('auto');
fixture.detectChanges(); fitPage.click();
zoomOutButton.click(); expect(component.currentScaleMode).toBe('page-fit');
expect(component.currentScaleMode).toBe('auto'); fitPage.click();
expect(component.currentScale).toBe(0.9); expect(component.currentScaleMode).toBe('auto');
}).catch((error) => { done();
expect(error).toBeUndefined(); });
}); });
});
}));
it('fit in button should toggle page-fit and auto scale mode', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => {
return tcb
.createAsync(PdfViewerComponent)
.then((fixture) => {
let component = fixture.componentInstance;
let element = fixture.nativeElement;
spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock());
spyOn(component, 'initPDFViewer').and.callFake(() => {
component.pdfViewer = new PDFViewermock();
});
component.urlFile = 'fake-url-file';
component.currentScale = 1;
let fitPage = element.querySelector('#viewer-scale-page-button');
component.ngOnChanges().then(() => {
fixture.detectChanges();
expect(component.currentScaleMode).toBe('auto');
fitPage.click();
expect(component.currentScaleMode).toBe('page-fit');
fitPage.click();
expect(component.currentScaleMode).toBe('auto');
}).catch((error) => {
expect(error).toBeUndefined();
});
});
}));
}); });
describe('Resize interaction', () => { describe('Resize interaction', () => {
it('resize event should trigger setScaleUpdatePages', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { it('resize event should trigger setScaleUpdatePages', () => {
return tcb spyOn(component, 'setScaleUpdatePages');
.createAsync(PdfViewerComponent)
.then((fixture) => {
let component = fixture.componentInstance;
let element = fixture.nativeElement;
spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock()); component.documentContainer = element.querySelector('#viewer-pdf-container');
spyOn(component, 'initPDFViewer'); component.pdfViewer = new PDFViewermock();
spyOn(component, 'setScaleUpdatePages'); component.urlFile = 'fake-url-file';
component.documentContainer = element.querySelector('#viewer-pdf-container'); EventMock.resizeMobileView();
component.pdfViewer = new PDFViewermock();
component.urlFile = 'fake-url-file';
EventMock.resizeMobileView(); expect(component.setScaleUpdatePages).toHaveBeenCalled();
});
expect(component.setScaleUpdatePages).toHaveBeenCalled();
});
}));
}); });
describe('scroll interaction', () => { describe('scroll interaction', () => {
it('scroll page should return the current page', inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { it('scroll page should return the current page', (done) => {
return tcb component.ngOnChanges().then(() => {
.createAsync(PdfViewerComponent) pdfComponentFixture.detectChanges();
.then((fixture) => { expect(component.displayPage).toBe(1);
let component = fixture.componentInstance; component.inputPage('4');
pdfComponentFixture.detectChanges();
spyOn(component, 'getPDFJS').and.returnValue(new PDFJSmock()); expect(component.displayPage).toBe(4);
spyOn(component, 'initPDFViewer').and.callFake(() => { component.watchScroll({scrollTop: 10000});
component.pdfViewer = new PDFViewermock(); expect(component.displayPage).toBe(4);
}); done();
});
component.urlFile = 'fake-url-file'; });
component.ngOnChanges().then(() => {
fixture.detectChanges();
expect(component.displayPage).toBe(1);
component.inputPage('4');
fixture.detectChanges();
expect(component.displayPage).toBe(4);
component.watchScroll({scrollTop: 10000});
expect(component.displayPage).toBe(4);
}).catch((error) => {
expect(error).toBeUndefined();
});
});
}));
}); });
}); });
ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.ts
+3
View File
@@ -34,6 +34,9 @@ export class PdfViewerComponent {
@Input() @Input()
nameFile: string; nameFile: string;
@Input()
showToolbar: boolean = true;
currentPdfDocument: any; currentPdfDocument: any;
page: number; page: number;
displayPage: number; displayPage: number;
ng2-components/ng2-alfresco-viewer/src/viewer.component.html
+1 -1
View File
@@ -48,7 +48,7 @@
<div id="viewer-content-container" class="viewer-content-container mdl-cell" > <div id="viewer-content-container" class="viewer-content-container mdl-cell" >
<!-- Start View Switch--> <!-- Start View Switch-->
<div *ngIf="isPdf()"> <div *ngIf="isPdf()">
<pdf-viewer [urlFile]="urlFile" [nameFile]="displayName" ></pdf-viewer> <pdf-viewer [showToolbar]="showToolbar" [urlFile]="urlFile" [nameFile]="displayName" ></pdf-viewer>
</div> </div>
<div class="center-element" *ngIf="isImage()" > <div class="center-element" *ngIf="isImage()" >
<img-viewer [urlFile]="urlFile" [nameFile]="displayName"></img-viewer> <img-viewer [urlFile]="urlFile" [nameFile]="displayName"></img-viewer>
ng2-components/ng2-alfresco-viewer/src/viewer.component.spec.ts
-1
View File
@@ -19,7 +19,6 @@ import { describe, expect, it, inject, beforeEachProviders } from '@angular/core
import { TestComponentBuilder } from '@angular/compiler/testing'; import { TestComponentBuilder } from '@angular/compiler/testing';
import { ViewerComponent } from './viewer.component'; import { ViewerComponent } from './viewer.component';
import { EventMock } from './assets/event.mock'; import { EventMock } from './assets/event.mock';
import { HTTP_PROVIDERS } from '@angular/http'; import { HTTP_PROVIDERS } from '@angular/http';
import { AlfrescoSettingsServiceMock } from '../src/assets/AlfrescoSettingsService.service.mock'; import { AlfrescoSettingsServiceMock } from '../src/assets/AlfrescoSettingsService.service.mock';
import { AlfrescoAuthenticationService, AlfrescoSettingsService } from 'ng2-alfresco-core'; import { AlfrescoAuthenticationService, AlfrescoSettingsService } from 'ng2-alfresco-core';
ng2-components/ng2-alfresco-viewer/src/viewer.component.ts
+3
View File
@@ -45,6 +45,9 @@ export class ViewerComponent {
@Input() @Input()
showViewer: boolean = true; showViewer: boolean = true;
@Input()
showToolbar: boolean = true;
@Output() @Output()
showViewerChange: EventEmitter<boolean> = new EventEmitter<boolean>(); showViewerChange: EventEmitter<boolean> = new EventEmitter<boolean>();