add auth in demo

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

@@ -22,6 +22,9 @@
     <script src="node_modules/pdfjs-dist/build/pdf.worker.js"></script>
     <script src="node_modules/pdfjs-dist/web/pdf_viewer.js"></script>
 
+    <!-- Additional Alfresco libraries -->
+    <script src="node_modules/alfresco-js-api/dist/alfresco-js-api.js"></script>
+
 
     <script src="systemjs.config.js"></script>
     <script>

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

@@ -19,18 +19,88 @@ import { Component } from '@angular/core';
 import { bootstrap } from '@angular/platform-browser-dynamic';
 import { VIEWERCOMPONENT } from 'ng2-alfresco-viewer';
 
+import { HTTP_PROVIDERS } from '@angular/http';
+
+import {
+    ALFRESCO_CORE_PROVIDERS,
+    AlfrescoSettingsService,
+    AlfrescoAuthenticationService
+} from 'ng2-alfresco-core';
+
 @Component({
     selector: 'my-app',
-    template: `   <alfresco-viewer [showViewer]="true" [overlayMode]="true" [urlFile]="'localTestFile.pdf'">
+    template: `
+               <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>
+               <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
+                    operations.
+               </div>
+               <hr>
+                <label for="token"><b>Insert a scriptPath</b></label><br>
+                <input id="token" type="text" size="48"  [(ngModel)]="scriptPath"><br>
+                <label for="token"><b>Insert a contextRoot</b></label><br>
+                <input id="token" type="text" size="48"  [(ngModel)]="contextRoot"><br>
+                <label for="token"><b>Insert a servicePath</b></label><br>
+                <input id="token" type="text" size="48"  [(ngModel)]="servicePath"><br>
+        <div class="container" *ngIf="authenticated">
+            <alfresco-viewer
+                    [fileNodeId]="'09469a81-1ed9-4caa-a5df-8362fc3d096f'"
+                    [showViewer]="true"
+                    [overlayMode]="true"
+                    [urlFile]="'localTestFile.pdf'">
                     <div class="mdl-spinner mdl-js-spinner is-active"></div>
-                   </alfresco-viewer>`,
+                   </alfresco-viewer>
+                   </div>`,
     directives: [VIEWERCOMPONENT]
 })
 class MyDemoApp {
-    constructor() {
-        console.log('constructor');
+
+    authenticated: boolean;
+
+    ecmHost: string = 'http://127.0.0.1:8080';
+
+    token: string;
+
+    constructor(private authService: AlfrescoAuthenticationService,
+                private alfrescoSettingsService: AlfrescoSettingsService) {
+
+        alfrescoSettingsService.ecmHost = this.ecmHost;
+        if (this.authService.getTicket()) {
+            this.token = this.authService.getTicket();
+        }
+    }
+
+    public updateToken(): void {
+        localStorage.setItem('token', this.token);
+    }
+
+    public updateHost(): void {
+        this.alfrescoSettingsService.ecmHost = this.ecmHost;
+        this.login();
+    }
+
+    ngOnInit() {
+        this.login();
+    }
+
+    login() {
+        this.authService.login('admin', 'admin', ['ECM']).subscribe(
+            token => {
+                console.log(token);
+                this.token = token;
+                this.authenticated = true;
+            },
+            error => {
+                console.log(error);
+                this.authenticated = false;
+            });
     }
 }
 bootstrap(MyDemoApp, [
-    VIEWERCOMPONENT
+    VIEWERCOMPONENT,
+    HTTP_PROVIDERS,
+    ALFRESCO_CORE_PROVIDERS
 ]);

ng2-components/ng2-alfresco-viewer/demo/systemjs.config.js

@@ -10,7 +10,9 @@
         'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
         'rxjs':                       'node_modules/rxjs',
 
+        'ng2-translate': 'node_modules/ng2-translate',
         'ng2-alfresco-core': 'node_modules/ng2-alfresco-core/dist',
+        'ng2-alfresco-datatable': 'node_modules/ng2-alfresco-datatable/dist',
         'ng2-alfresco-viewer': 'node_modules/ng2-alfresco-viewer/dist'
     };
     // packages tells the System loader how to load when no filename and/or no extension
@@ -19,7 +21,9 @@
         'rxjs':                       { defaultExtension: 'js' },
         'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' },
 
+        'ng2-translate': { defaultExtension: 'js' },
         'ng2-alfresco-core': { main: 'index.js', defaultExtension: 'js' },
+        'ng2-alfresco-datatable': { main: 'index.js', defaultExtension: 'js' },
         'ng2-alfresco-viewer': { main: 'index.js', defaultExtension: 'js' }
     };
     var ngPackageNames = [
@@ -39,7 +43,7 @@
     }
     // Bundled (~40 requests):
     function packUmd(pkgName) {
-        packages['@angular/'+pkgName] = { main: '/bundles/'+ pkgName + '.umd.js', defaultExtension: 'js' };
+        packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
     }
     // Most environments should use UMD; some (Karma) need the individual index files
     var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;

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

@@ -77,6 +77,11 @@ export class ViewerComponent {
                     this.extension = this.getFileExtension(filenameFromUrl);
                 } else if (this.fileNodeId) {
                     console.log('call api');
+                    this.authService.getAlfrescoApi().getNodeInfo(this.fileNodeId).then(function (data) {
+                        console.log('This is the name' + JSON.stringify(data) );
+                    }, function (error) {
+                        console.log('This node does not exist');
+                    });
                 }