[ADF-1980] fix search component styles (#2684)

* fix search component styles

* remove obsolete styles and use routed viewer

* cleanup demo shell search bar

* fix app crashes

demo-shell/src/app/components/search/search-bar.component.html

@@ -2,7 +2,3 @@
     (optionClicked)="onItemClicked($event)"
     (submit)="onSearchSubmit($event)">
 </adf-search-control>
-
-<adf-viewer *ngIf="fileShowed" [(showViewer)]="fileShowed" [fileNodeId]="fileNodeId" [overlayMode]="true">
-  <mat-spinner></mat-spinner>
-</adf-viewer>

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

@@ -15,10 +15,9 @@
  * limitations under the License.
  */
 
-import { Component, EventEmitter, Output, Input } from '@angular/core';
+import { Component } from '@angular/core';
 import { Router } from '@angular/router';
 import { MinimalNodeEntity } from 'alfresco-js-api';
-import { AuthenticationService } from '@alfresco/adf-core';
 
 @Component({
     selector: 'adf-search-bar',
@@ -27,23 +26,7 @@ import { AuthenticationService } from '@alfresco/adf-core';
 })
 export class SearchBarComponent {
 
-    @Input()
-    expandable: boolean = true;
-
-    @Output()
-    expand = new EventEmitter();
-
-    fileNodeId: string;
-    fileShowed: boolean = false;
-    searchTerm: string = '';
-    subscriptAnimationState: string;
-
-    constructor(public router: Router,
-                public authService: AuthenticationService) {
-    }
-
-    isLoggedIn(): boolean {
-        return this.authService.isLoggedIn();
+    constructor(public router: Router) {
     }
 
     /**
@@ -52,19 +35,18 @@ export class SearchBarComponent {
      * @param event Parameters relating to the search
      */
     onSearchSubmit(event: KeyboardEvent) {
-      let value = (event.target as HTMLInputElement).value;
-      this.router.navigate(['/search', {
-          q: value
-      }]);
-  }
+        const value = (event.target as HTMLInputElement).value;
+        this.router.navigate(['/search', {
+            q: value
+        }]);
+    }
 
-  onItemClicked(event: MinimalNodeEntity) {
-      if (event.entry.isFile) {
-          this.fileNodeId = event.entry.id;
-          this.fileShowed = true;
-      } else if (event.entry.isFolder) {
-          this.router.navigate(['/files', event.entry.id]);
-      }
-  }
+    onItemClicked(event: MinimalNodeEntity) {
+        if (event.entry.isFile) {
+            this.router.navigate(['/files', event.entry.id, 'view']);
+        } else if (event.entry.isFolder) {
+            this.router.navigate(['/files', event.entry.id]);
+        }
+    }
 
 }