Add query to search breadcrumb (#3946)

* Add query to search breadcrumb

* Use constant

src/app/frontend/common/components/breadcrumbs/component.ts

@@ -16,9 +16,11 @@ import {Component, OnInit} from '@angular/core';
 import {ActivatedRoute, NavigationEnd, Params, Route, Router,} from '@angular/router';
 import {Breadcrumb} from '@api/frontendapi';
 import {POD_DETAIL_ROUTE} from '../../../resource/workloads/pod/routing';
+import {SEARCH_QUERY_STATE_PARAM} from '../../params/params';
 
 export const LOGS_PARENT_PLACEHOLDER = '___LOGS_PARENT_PLACEHOLDER___';
 export const EXEC_PARENT_PLACEHOLDER = '___EXEC_PARENT_PLACEHOLDER___';
+export const SEARCH_BREADCRUMB_PLACEHOLDER = '___SEARCH_BREADCRUMB_PLACEHOLDER___';
 
 @Component({
   selector: 'kd-breadcrumbs',
@@ -127,6 +129,8 @@ export class BreadcrumbsComponent implements OnInit {
       if (breadcrumb.startsWith('{{') && breadcrumb.endsWith('}}')) {
         breadcrumb = breadcrumb.slice(2, breadcrumb.length - 2).trim();
         breadcrumb = params[breadcrumb];
+      } else if (breadcrumb === SEARCH_BREADCRUMB_PLACEHOLDER) {
+        return `Search for ${this._activatedRoute.snapshot.queryParams[SEARCH_QUERY_STATE_PARAM]}`;
       }
       return breadcrumb;
     } else if (route && route.component) {

src/app/frontend/search/routing.ts

@@ -14,7 +14,10 @@
 
 import {NgModule} from '@angular/core';
 import {Route, RouterModule} from '@angular/router';
+
+import {SEARCH_BREADCRUMB_PLACEHOLDER} from '../common/components/breadcrumbs/component';
 import {SearchGuard} from '../common/services/guard/search';
+
 import {SearchComponent} from './component';
 
 export const SEARCH_ROUTE: Route = {
@@ -22,7 +25,7 @@ export const SEARCH_ROUTE: Route = {
   component: SearchComponent,
   canDeactivate: [SearchGuard],
   data: {
-    breadcrumb: 'Search',
+    breadcrumb: SEARCH_BREADCRUMB_PLACEHOLDER,
   },
 };