diff --git a/ng2-components/ng2-alfresco-viewer/index.html b/ng2-components/ng2-alfresco-viewer/index.html index 60a7f0592c..beca5123ac 100644 --- a/ng2-components/ng2-alfresco-viewer/index.html +++ b/ng2-components/ng2-alfresco-viewer/index.html @@ -5,8 +5,10 @@ Angular 2 Viewer - Demo - - + + + + @@ -19,7 +21,7 @@ - + @@ -50,8 +52,6 @@ - -Loading... - + diff --git a/ng2-components/ng2-alfresco-viewer/localTestFile.pdf b/ng2-components/ng2-alfresco-viewer/localTestFile.pdf index d9f91b87de..1dfdeb2b8d 100644 Binary files a/ng2-components/ng2-alfresco-viewer/localTestFile.pdf and b/ng2-components/ng2-alfresco-viewer/localTestFile.pdf differ diff --git a/ng2-components/ng2-alfresco-viewer/package.json b/ng2-components/ng2-alfresco-viewer/package.json index 97ab370e3f..fe71610f55 100644 --- a/ng2-components/ng2-alfresco-viewer/package.json +++ b/ng2-components/ng2-alfresco-viewer/package.json @@ -1,9 +1,9 @@ { - "keywords": [ - "viewer", - "pdf", - "alfresco-component" - ], + "keywords": [ + "viewer", + "pdf", + "alfresco-component" + ], "name": "ng2-alfresco-viewer", "description": "Alfresco documents viewer", "version": "0.1.1", @@ -43,8 +43,7 @@ "reflect-metadata": "0.1.2", "rxjs": "5.0.0-beta.2", "zone.js": "^0.6.12", - "ng2-translate": "^1.11.2", - "alfresco-core-rest-api": "https://github.com/Alfresco/dev-platform-js-api" + "ng2-translate": "^1.11.2" }, "peerDependencies": { "angular2": "2.0.0-beta.15" diff --git a/ng2-components/ng2-alfresco-viewer/src/ng2-alfresco-viewer.component.css b/ng2-components/ng2-alfresco-viewer/src/ng2-alfresco-viewer.component.css new file mode 100644 index 0000000000..e94834d452 --- /dev/null +++ b/ng2-components/ng2-alfresco-viewer/src/ng2-alfresco-viewer.component.css @@ -0,0 +1,7 @@ +.button-container { + padding: 0 40px; +} + +.page-content { + background: #3E3E3E; +} diff --git a/ng2-components/ng2-alfresco-viewer/src/ng2-alfresco-viewer.component.html b/ng2-components/ng2-alfresco-viewer/src/ng2-alfresco-viewer.component.html new file mode 100644 index 0000000000..f71e356de0 --- /dev/null +++ b/ng2-components/ng2-alfresco-viewer/src/ng2-alfresco-viewer.component.html @@ -0,0 +1,84 @@ +
+ + +
+
+
+ + + {{nameFile}} +
+ + + + + +
+
+
+ Thumbnail +
+
+
+ +
+
+
+ + +
+ +
+ + +
+
+ + +
+
+
+ + +
diff --git a/ng2-components/ng2-alfresco-viewer/src/ng2-alfresco-viewer.component.ts b/ng2-components/ng2-alfresco-viewer/src/ng2-alfresco-viewer.component.ts index d33d7c2dc3..78ddd5109c 100644 --- a/ng2-components/ng2-alfresco-viewer/src/ng2-alfresco-viewer.component.ts +++ b/ng2-components/ng2-alfresco-viewer/src/ng2-alfresco-viewer.component.ts @@ -15,48 +15,51 @@ * limitations under the License. */ -import { Component } from 'angular2/core'; +import { Component, Input } from 'angular2/core'; +import { RouteParams } from 'angular2/router'; declare let PDFJS: any; +declare let __moduleName:string; @Component({ + moduleId: __moduleName, selector: 'ng2-alfresco-viewer', - styles: [ - ` - :host h1 { - font-size:22px - } - ` - ], - template: `

ng2-alfresco-viewer

` + templateUrl: './ng2-alfresco-viewer.component.html', + styleUrls: ['./ng2-alfresco-viewer.component.css'] }) export class Ng2AlfrescoViewerComponent { + nameFile:String; + constructor() { + this.nameFile = 'localTestFile.pdf'; + PDFJS.getDocument('../localTestFile.pdf').then(function getPdfHelloWorld(pdf) { // // Fetch the first page // - pdf.getPage(1).then(function getPageHelloWorld(page) { + pdf.getPage(1).then(function (page) { let scale = 1.5; let viewport = page.getViewport(scale); // // Prepare canvas using PDF page dimensions // - let canvas: any = document.getElementById('the-canvas'); - let context = canvas.getContext('2d'); - canvas.height = viewport.height; - canvas.width = viewport.width; + let canvas:any = document.getElementById('the-canvas'); + if (canvas) { + let context = canvas.getContext('2d'); + canvas.height = viewport.height; + canvas.width = viewport.width; - // - // Render PDF page into canvas context - // - let renderContext = { - canvasContext: context, - viewport: viewport - }; - page.render(renderContext); + // + // Render PDF page into canvas context + // + let renderContext = { + canvasContext: context, + viewport: viewport + }; + page.render(renderContext); + } }); }); console.log('../contructor');