Cannot click on a item in search result

demo-shell-ng2/app/components/search/search-bar.component.ts

@@ -16,13 +16,9 @@
  */
 
 import { Component, EventEmitter, Output } from '@angular/core';
-import { Router } from '@angular/router';
 import { ALFRESCO_SEARCH_DIRECTIVES } from 'ng2-alfresco-search';
 import { VIEWERCOMPONENT } from 'ng2-alfresco-viewer';
-import {
+import { AlfrescoAuthenticationService } from 'ng2-alfresco-core';
-    AlfrescoAuthenticationService,
-    AlfrescoContentService
-} from 'ng2-alfresco-core';
 
 declare let __moduleName: string;
 
@@ -30,48 +26,26 @@ declare let __moduleName: string;
     moduleId: __moduleName,
     selector: 'search-bar',
     templateUrl: './search-bar.component.html',
-    styles: [`
+    directives: [ALFRESCO_SEARCH_DIRECTIVES, VIEWERCOMPONENT]
-    `],
-    directives: [ ALFRESCO_SEARCH_DIRECTIVES, VIEWERCOMPONENT ]
 })
 export class SearchBarComponent {
 
-    urlFile: string;
+    fileNodeId: string;
-    fileName: string;
-    mimeType: string;
     fileShowed: boolean = false;
 
     @Output()
     expand = new EventEmitter();
 
-    constructor(
+    constructor(public auth: AlfrescoAuthenticationService) {
-        public router: Router,
-        public auth: AlfrescoAuthenticationService,
-        public contentService: AlfrescoContentService
-
-    ) {
     }
 
     isLoggedIn(): boolean {
         return this.auth.isLoggedIn();
     }
 
-    /**
-     * Called when a new search term is submitted
-     *
-     * @param params Parameters relating to the search
-     */
-    searchTermChange(params) {
-        this.router.navigate(['Search', {
-            q: params.value
-        }]);
-    }
-
     onFileClicked(event) {
         if (event.value.entry.isFile) {
-            this.fileName = event.value.entry.name;
+            this.fileNodeId = event.value.entry.id;
-            this.mimeType = event.value.entry.content.mimeType;
-            this.urlFile = this.contentService.getContentUrl(event.value);
             this.fileShowed = true;
         }
     }

demo-shell-ng2/app/components/search/search.component.html

@@ -3,6 +3,6 @@
     <alfresco-search (preview)="onFileClicked($event)"></alfresco-search>
 </div>
 
-<alfresco-viewer [(showViewer)]="previewActive" [urlFile]="previewContentUrl" [fileName]="previewName" [mimeType]="previewMimeType" [overlayMode]="true">
+<alfresco-viewer [(showViewer)]="fileShowed" [fileNodeId]="fileNodeId" [overlayMode]="true">
     <div class="mdl-spinner mdl-js-spinner is-active"></div>
 </alfresco-viewer>

demo-shell-ng2/app/components/search/search.component.ts

@@ -52,10 +52,7 @@ declare let __moduleName: string;
 })
 export class SearchComponent {
 
-    previewContentUrl: string;
+    fileShowed: boolean = false;
-    previewName: string;
-    previewMimeType: string;
-    previewActive: boolean = false;
     fileNodeId: string;
 
     constructor(public contentService: AlfrescoContentService) {
@@ -64,7 +61,7 @@ export class SearchComponent {
     onFileClicked(event) {
         if (event.value.entry.isFile) {
             this.fileNodeId = event.value.entry.id;
-            this.previewActive = true;
+            this.fileShowed = true;
         }
     }
 }

ng2-components/ng2-activiti-tasklist/src/services/activiti-tasklist.service.spec.ts

@@ -15,11 +15,11 @@
  * limitations under the License.
  */
 
-import {it, describe, inject, beforeEach, beforeEachProviders} from '@angular/core/testing';
+import { it, describe, inject, beforeEach, beforeEachProviders } from '@angular/core/testing';
-import {ActivitiTaskListService} from './activiti-tasklist.service';
+import { ActivitiTaskListService } from './activiti-tasklist.service';
-import {AlfrescoSettingsService, AlfrescoAuthenticationService} from 'ng2-alfresco-core';
+import { AlfrescoSettingsService, AlfrescoAuthenticationService } from 'ng2-alfresco-core';
-import {TaskDetailsModel} from '../models/task-details.model';
+import { TaskDetailsModel } from '../models/task-details.model';
-import {Comment} from '../models/comment.model';
+import { Comment } from '../models/comment.model';
 
 declare let AlfrescoApi: any;
 declare let jasmine: any;

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

@@ -67,8 +67,8 @@
     "material-design-lite": "1.1.3",
 
     "alfresco-js-api": "^0.3.0",
-    "ng2-alfresco-core": "^0.1.36",
+    "ng2-alfresco-core": "^0.3.0",
-    "ng2-alfresco-search": "^0.1.25"
+    "ng2-alfresco-search": "^0.3.0"
   },
   "devDependencies": {
     "concurrently": "2.0.0",

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

@@ -33,7 +33,7 @@ import {
 @Component({
     selector: 'alfresco-search-demo',
     template: `<label for="ticket"><b>Insert a valid access ticket / ticket:</b></label><br>
-               <input id="ticket" type="text" size="48" (change)="updateticket()" [(ngModel)]="ticket"><br>
+               <input id="ticket" type="text" size="48" (change)="updateTicket()" [(ngModel)]="ticket"><br>
                <label for="host"><b>Insert the ip of your Alfresco instance:</b></label><br>
                <input id="host" type="text" size="48" (change)="updateHost()" [(ngModel)]="ecmHost"><br><br>
                <div *ngIf="!authenticated" style="color:#FF2323">

ng2-components/ng2-alfresco-search/karma.conf.js

@@ -4,7 +4,7 @@ module.exports = function (config) {
   var configuration = {
     basePath: '.',
 
-    frameworks: ['jasmine'],
+    frameworks: ['jasmine-ajax', 'jasmine'],
 
     files: [
       // paths loaded by Karma
@@ -67,6 +67,7 @@ module.exports = function (config) {
     plugins: [
       'karma-jasmine',
       'karma-coverage',
+      'karma-jasmine-ajax',
       'karma-chrome-launcher',
       'karma-mocha-reporter',
       'karma-jasmine-html-reporter'

ng2-components/ng2-alfresco-search/package.json

@@ -88,6 +88,7 @@
     "karma-coverage": "1.0.0",
     "karma-coveralls": "1.1.2",
     "karma-jasmine": "1.0.2",
+    "karma-jasmine-ajax": "^0.1.13",
     "karma-mocha-reporter": "2.0.3",
     "karma-jasmine-html-reporter": "0.2.0",
     "license-check": "1.1.5",

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

@@ -64,7 +64,7 @@ export class AlfrescoSearchComponent implements OnChanges, OnInit {
 
     route: any[] = [];
 
-    constructor(private _alfrescoSearchService: AlfrescoSearchService,
+    constructor(private alfrescoSearchService: AlfrescoSearchService,
                 private translate: AlfrescoTranslationService,
                 private _alfrescoThumbnailService: AlfrescoThumbnailService,
                 @Optional() params: RouteParams) {
@@ -118,7 +118,7 @@ export class AlfrescoSearchComponent implements OnChanges, OnInit {
      */
     public displaySearchResults(searchTerm): void {
         if (searchTerm !== null) {
-            this._alfrescoSearchService
+            this.alfrescoSearchService
                 .getLiveSearchResults(searchTerm)
                 .subscribe(
                     results => {

ng2-components/ng2-alfresco-search/src/services/alfresco-search.service.spec.ts

@@ -15,17 +15,76 @@
  * limitations under the License.
  */
 
-import {
+import { it, describe, beforeEach, inject, beforeEachProviders } from '@angular/core/testing';
-    describe,
+import { AlfrescoSearchService } from './alfresco-search.service';
-    beforeEach
+import { AlfrescoAuthenticationService, AlfrescoSettingsService } from 'ng2-alfresco-core';
-} from '@angular/core/testing';
+
-import {AlfrescoSearchService} from './alfresco-search.service';
+declare let jasmine: any;
 
 describe('AlfrescoSearchService', () => {
 
-    let service: AlfrescoSearchService;
+    let service: any;
 
-    beforeEach(() => {
+    let fakeSearch = {
-        service = new AlfrescoSearchService(null);
+        list: {
+            pagination: {
+                count: 1,
+                hasMoreItems: false,
+                totalItems: 1,
+                skipCount: 0,
+                maxItems: 100
+            },
+            entries: [
+                {
+                    entry: {
+                        id: '123',
+                        name: 'MyDoc',
+                        content: {
+                            mimetype: 'text/plain'
+                        },
+                        createdByUser: {
+                            displayName: 'John Doe'
+                        },
+                        modifiedByUser: {
+                            displayName: 'John Doe'
+                        }
+                    }
+                }
+            ]
+        }
+    };
+
+    beforeEachProviders(() => {
+        return [
+            AlfrescoSearchService,
+            AlfrescoSettingsService,
+            AlfrescoAuthenticationService
+        ];
     });
+
+    beforeEach(inject([AlfrescoSearchService], (alfrescoSearchService: AlfrescoSearchService) => {
+        jasmine.Ajax.install();
+        service = alfrescoSearchService;
+    }));
+
+    afterEach(() => {
+        jasmine.Ajax.uninstall();
+    });
+
+    it('should return search list', (done) => {
+        service.getSearchNodesPromise('MyDoc').then(
+            (res) => {
+                expect(res).toBeDefined();
+                expect(res.list.entries[0].entry.name).toEqual('MyDoc');
+                done();
+            }
+        );
+
+        jasmine.Ajax.requests.mostRecent().respondWith({
+            'status': 200,
+            contentType: 'application/json',
+            responseText: JSON.stringify(fakeSearch)
+        });
+    });
+
 });

ng2-components/ng2-alfresco-search/src/services/alfresco-search.service.ts

@@ -17,12 +17,7 @@
 
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs/Rx';
-
+import { AlfrescoAuthenticationService } from 'ng2-alfresco-core';
-import {
-    AlfrescoAuthenticationService
-} from 'ng2-alfresco-core';
-
-declare let AlfrescoApi: any;
 
 /**
  * Internal service used by Document List component.
@@ -33,14 +28,14 @@ export class AlfrescoSearchService {
     constructor(private authService: AlfrescoAuthenticationService) {
     }
 
-    private getSearchNodesPromise(term: string) {
+    public getSearchNodesPromise(term: string) {
         let nodeId = '-root-';
         let opts = {
             include: ['path'],
             rootNodeId: nodeId,
             nodeType: 'cm:content'
         };
-        return this.authService.getAlfrescoApi().search.liveSearchNodes(term, opts);
+        return this.authService.getAlfrescoApi().core.searchApi.liveSearchNodes(term, opts);
     }
 
     /**

ng2-components/ng2-alfresco-search/src/services/alfresco-thumbnail.service.spec.ts

@@ -15,11 +15,8 @@
  * limitations under the License.
  */
 
-import {
+import { describe, beforeEach } from '@angular/core/testing';
-    describe,
+import { AlfrescoThumbnailService } from './alfresco-thumbnail.service';
-    beforeEach
-} from '@angular/core/testing';
-import {AlfrescoThumbnailService} from './alfresco-thumbnail.service';
 
 describe('AlfrescoThumbnailService', () => {
 

ng2-components/ng2-alfresco-search/src/services/alfresco-thumbnail.service.ts

@@ -16,9 +16,7 @@
  */
 
 import { Injectable } from '@angular/core';
-import {
+import { AlfrescoContentService } from 'ng2-alfresco-core';
-    AlfrescoContentService
-} from 'ng2-alfresco-core';
 
 @Injectable()
 export class AlfrescoThumbnailService {