From 661c4ad7ab8f6c8d5a19819c7550c315d3e24373 Mon Sep 17 00:00:00 2001
From: Candace Park <candace.park@elastic.co>
Date: Thu, 9 Jul 2020 12:55:02 -0400
Subject: [PATCH] basic working breadcrumbs

---
 .../navigation/breadcrumbs/index.ts           | 26 +++++++++++++++++++
 .../public/management/common/translations.ts  | 15 +++++++++++
 .../public/management/pages/index.tsx         | 16 +++++++-----
 3 files changed, 51 insertions(+), 6 deletions(-)
 create mode 100644 x-pack/plugins/security_solution/public/management/common/translations.ts

diff --git a/x-pack/plugins/security_solution/public/common/components/navigation/breadcrumbs/index.ts b/x-pack/plugins/security_solution/public/common/components/navigation/breadcrumbs/index.ts
index dc5324adbac7d..bc38bc4a2254a 100644
--- a/x-pack/plugins/security_solution/public/common/components/navigation/breadcrumbs/index.ts
+++ b/x-pack/plugins/security_solution/public/common/components/navigation/breadcrumbs/index.ts
@@ -15,6 +15,7 @@ import { getBreadcrumbs as getIPDetailsBreadcrumbs } from '../../../../network/p
 import { getBreadcrumbs as getCaseDetailsBreadcrumbs } from '../../../../cases/pages/utils';
 import { getBreadcrumbs as getDetectionRulesBreadcrumbs } from '../../../../detections/pages/detection_engine/rules/utils';
 import { getBreadcrumbs as getTimelinesBreadcrumbs } from '../../../../timelines/pages';
+import { getBreadcrumbs as getAdminBreadcrumbs } from '../../../../management/pages';
 import { SecurityPageName } from '../../../../app/types';
 import {
   RouteSpyState,
@@ -61,6 +62,10 @@ const isCaseRoutes = (spyState: RouteSpyState): spyState is RouteSpyState =>
 const isAlertsRoutes = (spyState: RouteSpyState) =>
   spyState != null && spyState.pageName === SecurityPageName.detections;
 
+const isAdminRoutes = (spyState: RouteSpyState) =>
+  spyState != null && spyState.pageName === SecurityPageName.management;
+
+// eslint-disable-next-line complexity
 export const getBreadcrumbsForRoute = (
   object: RouteSpyState & TabNavigationProps,
   getUrlForApp: GetUrlForApp
@@ -159,6 +164,27 @@ export const getBreadcrumbsForRoute = (
       ),
     ];
   }
+
+  if (isAdminRoutes(spyState) && object.navTabs) {
+    const tempNav: SearchNavTab = { urlKey: 'administration', isDetailPage: false };
+    let urlStateKeys = [getOr(tempNav, spyState.pageName, object.navTabs)];
+    if (spyState.tabName != null) {
+      urlStateKeys = [...urlStateKeys, getOr(tempNav, spyState.tabName, object.navTabs)];
+    }
+
+    return [
+      ...siemRootBreadcrumb,
+      ...getAdminBreadcrumbs(
+        spyState,
+        urlStateKeys.reduce(
+          (acc: string[], item: SearchNavTab) => [...acc, getSearch(item, object)],
+          []
+        ),
+        getUrlForApp
+      ),
+    ];
+  }
+
   if (
     spyState != null &&
     object.navTabs &&
diff --git a/x-pack/plugins/security_solution/public/management/common/translations.ts b/x-pack/plugins/security_solution/public/management/common/translations.ts
new file mode 100644
index 0000000000000..70ccf715eaa09
--- /dev/null
+++ b/x-pack/plugins/security_solution/public/management/common/translations.ts
@@ -0,0 +1,15 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { i18n } from '@kbn/i18n';
+
+export const HOSTS_TAB = i18n.translate('xpack.securitySolution.hostsTab', {
+  defaultMessage: 'Hosts',
+});
+
+export const POLICIES_TAB = i18n.translate('xpack.securitySolution.policiesTab', {
+  defaultMessage: 'Policies',
+});
diff --git a/x-pack/plugins/security_solution/public/management/pages/index.tsx b/x-pack/plugins/security_solution/public/management/pages/index.tsx
index d62df028cd661..56e795a0cff46 100644
--- a/x-pack/plugins/security_solution/public/management/pages/index.tsx
+++ b/x-pack/plugins/security_solution/public/management/pages/index.tsx
@@ -8,6 +8,7 @@ import { isEmpty } from 'lodash/fp';
 import React, { memo } from 'react';
 import { useHistory, Route, Switch } from 'react-router-dom';
 
+import { ChromeBreadcrumb } from 'kibana/public';
 import { PolicyContainer } from './policy';
 import {
   MANAGEMENT_ROUTING_HOSTS_PATH,
@@ -17,13 +18,16 @@ import {
 import { NotFoundPage } from '../../app/404';
 import { HostsContainer } from './endpoint_hosts';
 import { getHostListPath } from '../common/routing';
-import {ChromeBreadcrumb} from 'kibana/public';
-import {APP_ID} from 'x-pack/plugins/security_solution/common/constants';
-import {GetUrlForApp} from '../../common/components/navigation/types';
-import {AdministrationRouteSpyState} from '../../common/utils/route/types';
+import { APP_ID, SecurityPageName } from '../../../common/constants';
+import { GetUrlForApp } from '../../common/components/navigation/types';
+import { AdministrationRouteSpyState } from '../../common/utils/route/types';
+import { ADMINISTRATION } from '../../app/home/translations';
+import { AdministrationSubTab } from '../types';
+import { HOSTS_TAB, POLICIES_TAB } from '../common/translations';
 
 const TabNameMappedToI18nKey: Record<string, string> = {
-  
+  [AdministrationSubTab.hosts]: HOSTS_TAB,
+  [AdministrationSubTab.policies]: POLICIES_TAB,
 };
 
 export const getBreadcrumbs = (
@@ -33,7 +37,7 @@ export const getBreadcrumbs = (
 ): ChromeBreadcrumb[] => {
   let breadcrumb = [
     {
-      text: PAGE_TITLE,
+      text: ADMINISTRATION,
       href: getUrlForApp(`${APP_ID}:${SecurityPageName.management}`, {
         path: !isEmpty(search[0]) ? search[0] : '',
       }),