inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-10-08 14:51:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

externalize system config js in demo and fix some tslin error

Browse Source
This commit is contained in:
Eugenio Romano
2016-05-27 10:40:01 +01:00
parent bf2573077b
commit 9e721327ef
32 changed files with 375 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,7 +10,7 @@
<!-- pagination toolbar start -->
<div id="viewer-toolbar-pagination">
<div id="viewer-previouspage-button" class="left" (click)="previousPage()">
<div id="viewer-previous-page-page-button-input" class="left" (click)="previousPage()">
<i class="icon material-icons">keyboard_arrow_left</i>
</div>
@@ -18,7 +18,7 @@
(keyup.enter)="inputPage(page.value)" class="left" type="text" pattern="-?[0-9]*(\.[0-9]+)?" value="{{displayPage}}">
<span id="viewer-total-pages" class="left">/ {{totalPages}}</span>
<div id="viewer-nextpage-button" (click)="nextPage()" class="left">
<div id="viewer-next-page-button-button-input" (click)="nextPage()" class="left">
<i class="icon material-icons" >keyboard_arrow_right</i>
</div>
</div>
@@ -33,23 +33,10 @@
<div class="button-container">
<button
class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored" (click)="cazzo()">
<i id="tt2" class="icon material-icons">print</i>
<i id="viewer-print-button" class="icon material-icons">print</i>
</button>
</div>
<div class="button-container">
<button
class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored">
<i id="cloud-upload" class="icon material-icons">cloud_upload</i>
</button>
</div>
<div class="button-container">
<button
class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored">
<i id="share" class="icon material-icons">share</i>
</button>
</div>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable
mdl-textfield--floating-label mdl-textfield--align-right">
@@ -79,12 +66,12 @@
class="mdl-color--white mdl-shadow--4dp content mdl-color-text--grey-800 mdl-cell mdl-cell--8-col">
<!-- Start Pdf Canvas -->
<div id="canvas-container">
<canvas id="the-canvas" style="border:1px solid black;"></canvas>
<div id="viewer-canvas-container">
<canvas id="viewer-the-canvas" style="border:1px solid black;"></canvas>
</div>
<!-- End Pdf Canvas -->
<div class="previous-page-button">
<div id="viewer-previous-page-button" class="previous-page-button">
<button
class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored"
(click)="previousPage()">
@@ -92,7 +79,7 @@
</button>
</div>
<div class="next-page-button">
<div id="viewer-next-page-button" class="next-page-button">
<button
class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored"
(click)="nextPage()">

48
ng2-components/ng2-alfresco-viewer/src/viewer.component.spec.ts
View File

@@ -17,18 +17,44 @@
import {describe, expect, it, injectAsync, TestComponentBuilder, setBaseTestProviders} from 'angular2/testing';
import {TEST_BROWSER_PLATFORM_PROVIDERS, TEST_BROWSER_APPLICATION_PROVIDERS} from 'angular2/platform/testing/browser';
import {ViewerComponent} from '../src/viewer.component';
import {ViewerComponent} from './viewer.component';
describe('Basic Example test ng2-alfresco-viewer', () => {
describe('Ng2-alfresco-viewer', () => {
setBaseTestProviders(TEST_BROWSER_PLATFORM_PROVIDERS, TEST_BROWSER_APPLICATION_PROVIDERS);
it('Test hello world', injectAsync([TestComponentBuilder], (tcb: TestComponentBuilder) => {
return tcb
.createAsync(ViewerComponent)
.then((fixture) => {
let element = fixture.nativeElement;
expect(element.querySelector('h1')).toBeDefined();
expect(element.getElementsByTagName('h1')[0].innerHTML).toEqual('ng2-alfresco-viewer');
});
}));
describe('View', () => {
it('Next an Previous Buttons have to be present', injectAsync([TestComponentBuilder], (tcb: TestComponentBuilder) => {
return tcb
.createAsync(ViewerComponent)
.then((fixture) => {
let element = fixture.nativeElement;
expect(element.querySelector('#viewer-previous-page-button')).toBeDefined();
expect(element.querySelector('#viewer-next-page-button')).toBeDefined();
});
}));
it('Input Page elements have to be present', injectAsync([TestComponentBuilder], (tcb: TestComponentBuilder) => {
return tcb
.createAsync(ViewerComponent)
.then((fixture) => {
let element = fixture.nativeElement;
expect(element.querySelector('#viewer-pagenumber-input')).toBeDefined();
expect(element.querySelector('#viewer-total-pages')).toBeDefined();
expect(element.querySelector('#viewer-previous-page-page-button-input')).toBeDefined();
expect(element.querySelector('#viewer-next-page-page-button-input')).toBeDefined();
});
}));
it('Total number of pages should be showed', injectAsync([TestComponentBuilder], (tcb: TestComponentBuilder) => {
return tcb
.createAsync(ViewerComponent)
.then((fixture) => {
let element = fixture.nativeElement;
let component = fixture.componentInstance;
component.totalPages = 10;
expect(element.querySelector('#viewer-total-pages').innerHTML()).toEqual('10');
});
}));
});
});

2
ng2-components/ng2-alfresco-viewer/src/viewer.component.ts
View File

@@ -60,7 +60,7 @@ export class ViewerComponent {
let scale = 1.5;
let viewport = page.getViewport(scale);
let canvas: any = document.getElementById('the-canvas');
let canvas: any = document.getElementById('viewer-the-canvas');
if (canvas) {
let context = canvas.getContext('2d');