From 37c0d583aa144707ce50c9f18e6b80b055cd5dfe Mon Sep 17 00:00:00 2001
From: davidcanonieto <david.cano@alfresco.com>
Date: Fri, 20 Apr 2018 22:23:05 +0100
Subject: [PATCH] [ADF-1934] Item select in search bar fixed for touchscreens
 (#3221)

* [ADF-1934] Item select in search bar fixed for touchscreens

* [ADF-1934] Bug fixed
---
 demo-shell/src/app/components/search/search-bar.component.ts | 5 +++--
 .../search/components/search-control.component.html          | 4 +++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/demo-shell/src/app/components/search/search-bar.component.ts b/demo-shell/src/app/components/search/search-bar.component.ts
index c92f5edb99..4955b4d505 100644
--- a/demo-shell/src/app/components/search/search-bar.component.ts
+++ b/demo-shell/src/app/components/search/search-bar.component.ts
@@ -18,6 +18,7 @@
 import { Component } from '@angular/core';
 import { Router } from '@angular/router';
 import { MinimalNodeEntity } from 'alfresco-js-api';
+import { PreviewService } from 'app/services/preview.service';
 
 @Component({
     selector: 'app-search-bar',
@@ -26,7 +27,7 @@ import { MinimalNodeEntity } from 'alfresco-js-api';
 })
 export class SearchBarComponent {
 
-    constructor(public router: Router) {
+    constructor(public router: Router, private preview: PreviewService) {
     }
 
     /**
@@ -43,7 +44,7 @@ export class SearchBarComponent {
 
     onItemClicked(event: MinimalNodeEntity) {
         if (event.entry.isFile) {
-            this.router.navigate(['/files', event.entry.id, 'view']);
+            this.preview.showResource(event.entry.id);
         } else if (event.entry.isFolder) {
             this.router.navigate(['/files', event.entry.id]);
         }
diff --git a/lib/content-services/search/components/search-control.component.html b/lib/content-services/search/components/search-control.component.html
index c123329ce9..613e50931d 100644
--- a/lib/content-services/search/components/search-control.component.html
+++ b/lib/content-services/search/components/search-control.component.html
@@ -43,7 +43,9 @@
                 (keyup.arrowup)="onRowArrowUp($event)"
                 class="adf-search-autocomplete-item"
                 (click)="elementClicked(item)"
-                (keyup.enter)="elementClicked(item)">
+                (keyup.enter)="elementClicked(item)"
+                (touchend)="elementClicked(item)">
+                <!-- This is a comment -->
                 <mat-icon mat-list-icon>
                     <img [src]="getMimeTypeIcon(item)" />
                 </mat-icon>