[CST-4633] Create search.module and resolve dependencies issues

src/app/shared/comcol/comcol-page-browse-by/comcol-page-browse-by.component.ts

@@ -0,0 +1,80 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { ActivatedRoute, Params, Router } from '@angular/router';
+import { BrowseByTypeConfig } from '../../../../config/browse-by-type-config.interface';
+import { environment } from '../../../../environments/environment';
+import { getCommunityPageRoute } from '../../../community-page/community-page-routing-paths';
+import { getCollectionPageRoute } from '../../../collection-page/collection-page-routing-paths';
+
+export interface ComColPageNavOption {
+  id: string;
+  label: string;
+  routerLink: string;
+  params?: any;
+}
+
+/**
+ * A component to display the "Browse By" section of a Community or Collection page
+ * It expects the ID of the Community or Collection as input to be passed on as a scope
+ */
+@Component({
+  selector: 'ds-comcol-page-browse-by',
+  styleUrls: ['./comcol-page-browse-by.component.scss'],
+  templateUrl: './comcol-page-browse-by.component.html'
+})
+export class ComcolPageBrowseByComponent implements OnInit {
+  /**
+   * The ID of the Community or Collection
+   */
+  @Input() id: string;
+  @Input() contentType: string;
+  /**
+   * List of currently active browse configurations
+   */
+  types: BrowseByTypeConfig[];
+
+  allOptions: ComColPageNavOption[];
+
+  currentOptionId$: Observable<string>;
+
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router) {
+  }
+
+  ngOnInit(): void {
+    this.allOptions = environment.browseBy.types
+      .map((config: BrowseByTypeConfig) => ({
+        id: config.id,
+        label: `browse.comcol.by.${config.id}`,
+        routerLink: `/browse/${config.id}`,
+        params: { scope: this.id }
+      }));
+
+    if (this.contentType === 'collection') {
+      this.allOptions = [ {
+        id: this.id,
+        label: 'collection.page.browse.recent.head',
+        routerLink: getCollectionPageRoute(this.id)
+      }, ...this.allOptions ];
+    } else if (this.contentType === 'community') {
+      this.allOptions = [{
+          id: this.id,
+          label: 'community.all-lists.head',
+          routerLink: getCommunityPageRoute(this.id)
+        }, ...this.allOptions ];
+    }
+
+    this.currentOptionId$ = this.route.params.pipe(
+      map((params: Params) => params.id)
+    );
+  }
+
+  onSelectChange(newId: string) {
+    const selectedOption = this.allOptions
+      .find((option: ComColPageNavOption) => option.id === newId);
+
+    this.router.navigate([selectedOption.routerLink], { queryParams: selectedOption.params });
+  }
+}