#68 move example in demo folder

ng2-components/ng2-alfresco-viewer/demo/index.html

@@ -22,28 +22,24 @@
     <script src="node_modules/angular2/bundles/router.dev.js"></script>
     <script src="node_modules/angular2/bundles/http.dev.js"></script>
 
+    <script src="node_modules/pdfjs-dist/build/pdf.js"></script>
+    <script src="node_modules/pdfjs-dist/build/pdf.worker.js"></script>
+    <script src="node_modules/pdfjs-dist/web/pdf_viewer.js"></script>
+
     <script>
         System.config({
             defaultJSExtensions: true,
             map: {
-                'ng2-alfresco-core': 'node_modules/ng2-alfresco-core',
-                'ng2-alfresco-upload': 'node_modules/ng2-alfresco-upload',
-                'ng2-translate': 'node_modules/ng2-translate',
+                'ng2-alfresco-viewer': 'node_modules/ng2-alfresco-viewer',
                 'rxjs': 'node_modules/rxjs',
-                'angular2' : 'node_modules/angular2',
-                'app': 'dist/src'
+                'angular2': 'node_modules/angular2',
+                'app': 'dist/main'
             },
             packages: {
-                'app': {
+                'src': {
                     defaultExtension: 'js'
                 },
-                'ng2-alfresco-core': {
-                    defaultExtension: 'js'
-                },
-                'ng2-alfresco-upload': {
-                    defaultExtension: 'js'
-                },
-                'ng2-translate': {
+                'ng2-alfresco-viewer': {
                     defaultExtension: 'js'
                 },
                 'rxjs': {
@@ -54,8 +50,7 @@
                 }
             }
         });
-
-        System.import('dist/src/my-app').catch(console.log.bind(console));
+        System.import('app').catch(console.log.bind(console));
     </script>
 
 </head>

ng2-components/ng2-alfresco-viewer/demo/package.json

@@ -5,20 +5,20 @@
     "author": "Alfresco Software, Ltd.",
     "main": "index.js",
     "scripts": {
-        "postinstall": "npm run build && npm run typings && npm link ng2-alfresco-upload && npm link ng2-alfresco-core",
+        "postinstall": "npm run typings && npm run build  && npm link ng2-alfresco-viewer",
         "typings": "typings install",
         "start": "rm -rf dist && npm install && http-server -c-1 -o -p 8875 .",
         "build": "rm -rf dist && tsc"
     },
-    "license": "MIT",
+    "license": "Apache-2.0",
     "dependencies": {
-        "angular2": "2.0.0-beta.13",
+        "angular2": "2.0.0-beta.15",
         "es6-promise": "3.0.2",
         "es6-shim": "0.35.0",
         "reflect-metadata": "0.1.2",
         "rxjs": "5.0.0-beta.2",
         "zone.js": "0.6.6",
-        "ng2-translate": "^1.11.2",
+        "ng2-alfresco-viewer": "^0.1.4",
         "material-design-icons": "^2.2.3",
         "material-design-lite": "^1.1.3"
     },

ng2-components/ng2-alfresco-viewer/demo/src/components/my-demo.component.ts

@@ -1,34 +0,0 @@
-///<reference path="../../node_modules/angular2/typings/browser.d.ts"/>
-
-/**
- * @license
- * Copyright 2016 Alfresco Software, Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Component } from 'angular2/core';
-import { ALFRESCO_ULPOAD_COMPONENT } from 'ng2-alfresco-upload/dist/ng2-alfresco-upload';
-
-@Component({
-    selector: 'my-demo',
-    template: `<alfresco-upload-button [showDialogUpload]="true"
-                                       [showUdoNotificationBar]="true"
-                                       [uploadFolders]="false"
-                                       [multipleFiles]="false">
-               </alfresco-upload-button>`,
-    directives: [ALFRESCO_ULPOAD_COMPONENT]
-})
-export class MyDemoComponent {
-
-}

ng2-components/ng2-alfresco-viewer/demo/src/main.ts

@@ -15,26 +15,22 @@
  * limitations under the License.
  */
 
-import { Component, provide } from 'angular2/core';
+import { Component } from 'angular2/core';
 import { bootstrap } from 'angular2/platform/browser';
-import { HTTP_PROVIDERS } from 'angular2/http';
-import { MyDemoComponent } from "./components/my-demo.component";
-import { TranslateLoader, TranslateService } from 'ng2-translate/ng2-translate';
-import { AlfrescoTranslationLoader } from 'ng2-alfresco-core/services';
+import { ViewerComponent } from 'ng2-alfresco-viewer/dist/ng2-alfresco-viewer';
 
 @Component({
     selector: 'my-app',
-    template: '<my-demo></my-demo>',
-    directives: [MyDemoComponent]
+    template: `   <alfresco-viewer [urlFile]="'localTestFile.pdf'">
+                    <div class="mdl-spinner mdl-js-spinner is-active"></div>
+                   </alfresco-viewer>`,
+    directives: [ViewerComponent]
 })
-class VgDemo {
+class MyDemoApp {
     constructor() {
-
+        console.log('constructor');
     }
 }
-
-bootstrap(VgDemo, [
-    HTTP_PROVIDERS,
-    provide(TranslateLoader, {useClass: AlfrescoTranslationLoader}),
-    TranslateService
+bootstrap(MyDemoApp, [
+    ViewerComponent
 ]);

ng2-components/ng2-alfresco-viewer/demo/tsconfig.json

@@ -1,7 +1,7 @@
 {
     "compilerOptions": {
-        "target": "ES5",
-        "module": "commonjs",
+        "target": "es5",
+        "module": "system",
         "moduleResolution": "node",
         "emitDecoratorMetadata": true,
         "experimentalDecorators": true,
@@ -11,8 +11,9 @@
         "outDir": "dist"
     },
     "exclude": [
+        "dist",
         "node_modules",
-        "typings",
-        "dist"
+        "typings/main",
+        "typings/main.d.ts"
     ]
 }

ng2-components/ng2-alfresco-viewer/demo/typings.json

@@ -1,9 +1,6 @@
 {
-  "name": "angular2-testing",
-  "dependencies": {},
-  "devDependencies": {},
-  "ambientDependencies": {
-    "es6-shim": "github:DefinitelyTyped/DefinitelyTyped/es6-shim/es6-shim.d.ts#4de74cb527395c13ba20b438c3a7a419ad931f1c",
-    "jasmine": "github:DefinitelyTyped/DefinitelyTyped/jasmine/jasmine.d.ts#dd638012d63e069f2c99d06ef4dcc9616a943ee4"
-  }
+    "ambientDependencies": {
+        "es6-shim": "github:DefinitelyTyped/DefinitelyTyped/es6-shim/es6-shim.d.ts#4de74cb527395c13ba20b438c3a7a419ad931f1c",
+        "jasmine": "github:DefinitelyTyped/DefinitelyTyped/jasmine/jasmine.d.ts#d594ef506d1efe2fea15f8f39099d19b39436b71"
+    }
 }