Rename Overview pages to Details pages

Rename Dashboards page to Overview
Rename Overview Dashboard page to Cluster

frontend/__tests__/components/cluster-settings.spec.tsx

@@ -83,7 +83,7 @@ describe('Cluster Settings page', () => {
         .find(HorizontalNav)
         .at(0)
         .props().pages[0].name,
-    ).toBe('Overview');
+    ).toBe('Details');
     expect(
       wrapper
         .find(HorizontalNav)

frontend/packages/ceph-storage-plugin/src/plugin.ts

@@ -11,7 +11,7 @@ import {
   DashboardsOverviewUtilizationItem,
 } from '@console/plugin-sdk';
 import { GridPosition } from '@console/shared/src/components/dashboard/DashboardGrid';
-import { OverviewQuery } from '@console/internal/components/dashboard/dashboards-page/overview-dashboard/queries';
+import { OverviewQuery } from '@console/internal/components/dashboard/dashboards-page/cluster-dashboard/queries';
 import { ClusterServiceVersionModel } from '@console/operator-lifecycle-manager/src/models';
 import { referenceForModel } from '@console/internal/module/k8s';
 import * as models from './models';

frontend/packages/console-demo-plugin/src/plugin.tsx

@@ -26,7 +26,7 @@ import {
 import { PodModel, RouteModel, NodeModel } from '@console/internal/models';
 import { FLAGS } from '@console/internal/const';
 import { GridPosition } from '@console/shared/src/components/dashboard/DashboardGrid';
-import { OverviewQuery } from '@console/internal/components/dashboard/dashboards-page/overview-dashboard/queries';
+import { OverviewQuery } from '@console/internal/components/dashboard/dashboards-page/cluster-dashboard/queries';
 import { FooBarModel } from './models';
 import { yamlTemplates } from './yaml-templates';
 import TestIcon from './components/test-icon';

frontend/packages/kubevirt-plugin/src/components/dashboards-page/vm-dashboard/vm-utilization.tsx

@@ -15,7 +15,7 @@ import {
   SIX_HR,
   TWENTY_FOUR_HR,
 } from '@console/shared/src/components/dashboard/utilization-card/dropdown-value';
-import { PrometheusUtilizationItem } from '@console/internal/components/dashboard/dashboards-page/overview-dashboard/utilization-card';
+import { PrometheusUtilizationItem } from '@console/internal/components/dashboard/dashboards-page/cluster-dashboard/utilization-card';
 import { VMDashboardContext } from '../../vms/vm-dashboard-context';
 import { findVMPod } from '../../../selectors/pod/selectors';
 import { getUtilizationQueries, VMQueries } from './queries';

frontend/packages/kubevirt-plugin/src/components/vms/vm-details-page.tsx

@@ -36,13 +36,13 @@ export const VirtualMachinesDetailsPage: React.FC<VirtualMachinesDetailsPageProp
 
   const dashboardPage = {
     href: '', // default landing page
-    name: 'Dashboard',
+    name: 'Overview',
     component: VMDashboard,
   };
 
   const overviewPage = {
     href: VM_DETAIL_OVERVIEW_HREF,
-    name: 'Overview',
+    name: 'Details',
     component: VMDetailsFirehose,
   };
 

frontend/packages/metal3-plugin/src/components/baremetal-hosts/BareMetalHostDetailsPage.tsx

@@ -59,16 +59,21 @@ const BareMetalHostDetailsPage: React.FC<BareMetalHostDetailsPageProps> = ({
     component: BareMetalHostDisks,
   };
   const dashboardPage = {
-    href: 'dashboard',
-    name: 'Dashboard',
+    href: '',
+    name: 'Overview',
     component: BareMetalHostDashboard,
   };
+  const detailsPage = {
+    href: 'details',
+    name: 'Details',
+    component: BareMetalHostDetails,
+  };
   return (
     <DetailsPage
       {...props}
       pagesFor={() => [
-        navFactory.details(BareMetalHostDetails),
         dashboardPage,
+        detailsPage,
         navFactory.editYaml(),
         nicsPage,
         disksPage,

frontend/packages/metal3-plugin/src/components/baremetal-hosts/dashboard/UtilizationCard.tsx

@@ -19,7 +19,7 @@ import {
 } from '@console/internal/components/utils';
 import { getMachineNodeName } from '@console/shared';
 import { ByteDataTypes } from '@console/shared/src/graph-helper/data-utils';
-import { PrometheusUtilizationItem } from '@console/internal/components/dashboard/dashboards-page/overview-dashboard/utilization-card';
+import { PrometheusUtilizationItem } from '@console/internal/components/dashboard/dashboards-page/cluster-dashboard/utilization-card';
 import { BareMetalHostDashboardContext } from './BareMetalHostDashboardContext';
 import { getUtilizationQueries, HostQuery, getTopConsumerQueries } from './queries';
 

frontend/public/components/RBAC/role.jsx

@@ -110,7 +110,7 @@ class Details extends React.Component {
     return (
       <div>
         <div className="co-m-pane__body">
-          <SectionHeading text="Role Overview" />
+          <SectionHeading text="Role Details" />
           <div className="row">
             <div className="col-xs-6">
               <dl className="co-m-pane__details">

frontend/public/components/alert-manager.tsx

@@ -23,7 +23,7 @@ const Details: React.SFC<DetailsProps> = (props) => {
   return (
     <div>
       <div className="co-m-pane__body">
-        <SectionHeading text="Alert Manager Overview" />
+        <SectionHeading text="Alert Manager Details" />
         <div className="row">
           <div className="col-sm-6 col-xs-12">
             <dl className="co-m-pane__details">

frontend/public/components/api-explorer.tsx

@@ -353,7 +353,7 @@ export const APIExplorerPage: React.FC<{}> = () => (
 );
 APIExplorerPage.displayName = 'APIExplorerPage';
 
-const APIResourceOverview: React.FC<APIResourceTabProps> = ({ customData: { kindObj } }) => {
+const APIResourceDetails: React.FC<APIResourceTabProps> = ({ customData: { kindObj } }) => {
   const { kind, apiGroup, apiVersion, namespaced, verbs, shortNames } = kindObj;
   const description = getResourceDescription(kindObj);
   return (
@@ -652,8 +652,8 @@ const APIResourcePage_ = ({
   const pages = [
     {
       href: '',
-      name: 'Overview',
-      component: APIResourceOverview,
+      name: 'Details',
+      component: APIResourceDetails,
     },
     {
       href: 'schema',

frontend/public/components/build-config.tsx

@@ -67,7 +67,7 @@ export const BuildConfigsDetails: React.SFC<BuildConfigsDetailsProps> = ({ obj:
     <>
       <div className="co-m-pane__body">
         {hasPipeline && <PipelineBuildStrategyAlert obj={buildConfig} />}
-        <SectionHeading text="Build Config Overview" />
+        <SectionHeading text="Build Config Details" />
         <div className="row">
           <div className="col-sm-6">
             <ResourceSummary resource={buildConfig} />

frontend/public/components/build.tsx

@@ -198,7 +198,7 @@ export const BuildsDetails: React.SFC<BuildsDetailsProps> = ({ obj: build }) =>
     <>
       <div className="co-m-pane__body">
         {hasPipeline && <PipelineBuildStrategyAlert obj={build} />}
-        <SectionHeading text="Build Overview" />
+        <SectionHeading text="Build Details" />
         <BuildGraphs build={build} />
         {hasPipeline && (
           <div className="row">

frontend/public/components/chargeback.tsx

@@ -156,7 +156,7 @@ class ReportsDetails extends React.Component<ReportsDetailsProps> {
     return (
       <div>
         <div className="co-m-pane__body">
-          <SectionHeading text="Report Overview" />
+          <SectionHeading text="Report Details" />
           <div className="row">
             <div className="col-sm-6 col-xs-12">
               <ResourceSummary resource={obj} />

frontend/public/components/cluster-service-broker.tsx

@@ -111,7 +111,7 @@ const ClusterServiceBrokerDetails: React.SFC<ClusterServiceBrokerDetailsProps> =
   return (
     <>
       <div className="co-m-pane__body">
-        <SectionHeading text="Service Broker Overview" />
+        <SectionHeading text="Service Broker Details" />
         <div className="row">
           <div className="col-md-6">
             <ResourceSummary resource={serviceBroker} />

frontend/public/components/cluster-service-class.tsx

@@ -108,7 +108,7 @@ const ClusterServiceClassDetails: React.FC<ClusterServiceClassDetailsProps> = ({
         <ClusterServiceClassInfo obj={serviceClass} />
       </div>
       <div className="col-md-5 col-md-pull-7">
-        <SectionHeading text="Service Class Overview" />
+        <SectionHeading text="Service Class Details" />
         <ResourceSummary resource={serviceClass}>
           <dt>External Name</dt>
           <dd>{serviceClass.spec.externalName || '-'}</dd>

frontend/public/components/cluster-service-plan.tsx

@@ -80,7 +80,7 @@ const ClusterServicePlanDetails: React.SFC<ClusterServicePlanDetailsProps> = ({
 }) => {
   return (
     <div className="co-m-pane__body">
-      <SectionHeading text="Service Plan Overview" />
+      <SectionHeading text="Service Plan Details" />
       <div className="row">
         <div className="col-md-6">
           <ResourceSummary resource={servicePlan} />

frontend/public/components/cluster-settings/cluster-operator.tsx

@@ -217,13 +217,13 @@ const ClusterOperatorDetails: React.SFC<ClusterOperatorDetailsProps> = ({ obj })
   const { status, message } = getStatusAndMessage(obj);
   const versions: OperandVersion[] = _.get(obj, 'status.versions', []);
   const conditions = _.get(obj, 'status.conditions', []);
-  // Show the operator version in the details overview if it's the only version.
+  // Show the operator version in the details if it's the only version.
   const operatorVersion =
     versions.length === 1 && versions[0].name === 'operator' ? versions[0].version : null;
   return (
     <>
       <div className="co-m-pane__body">
-        <SectionHeading text="Cluster Operator Overview" />
+        <SectionHeading text="Cluster Operator Details" />
         <div className="row">
           <div className="col-sm-6">
             <ResourceSummary resource={obj} />

frontend/public/components/cluster-settings/cluster-settings.tsx

@@ -380,7 +380,7 @@ export const ClusterOperatorTabPage: React.SFC<ClusterOperatorTabPageProps> = ({
 const pages = [
   {
     href: '',
-    name: 'Overview',
+    name: 'Details',
     component: ClusterVersionDetailsTable,
   },
   {

frontend/public/components/cluster-settings/cluster-version.tsx

@@ -14,7 +14,7 @@ const ClusterVersionDetails: React.SFC<ClusterVersionDetailsProps> = ({ obj }) =
   return (
     <>
       <div className="co-m-pane__body">
-        <SectionHeading text="Cluster Version Overview" />
+        <SectionHeading text="Cluster Version Details" />
         <ResourceSummary resource={obj} />
       </div>
       <div className="co-m-pane__body">

frontend/public/components/cluster-settings/oauth.tsx

@@ -69,7 +69,7 @@ const OAuthDetails: React.SFC<OAuthDetailsProps> = ({ obj }: { obj: OAuthKind })
   return (
     <>
       <div className="co-m-pane__body">
-        <SectionHeading text="OAuth Overview" />
+        <SectionHeading text="OAuth Details" />
         <ResourceSummary resource={obj}>
           {tokenConfig && (
             <>

frontend/public/components/configmap.jsx

@@ -97,7 +97,7 @@ const ConfigMapDetails = ({ obj: configMap }) => {
   return (
     <>
       <div className="co-m-pane__body">
-        <SectionHeading text="Config Map Overview" />
+        <SectionHeading text="Config Map Details" />
         <ResourceSummary resource={configMap} />
       </div>
       <div className="co-m-pane__body">

frontend/public/components/container.tsx

@@ -238,7 +238,7 @@ const ContainerDetails: React.FC<ContainerDetailsProps> = (props) => {
 
       <div className="row">
         <div className="col-lg-4">
-          <SectionHeading text="Container Overview" />
+          <SectionHeading text="Container Details" />
           <dl className="co-m-pane__details">
             <dt>State</dt>
             <dd>

frontend/public/components/cron-job.tsx

@@ -124,7 +124,7 @@ const CronJobDetails: React.FC<CronJobDetailsProps> = ({ obj: cronjob }) => {
       <div className="co-m-pane__body">
         <div className="row">
           <div className="col-md-6">
-            <SectionHeading text="CronJob Overview" />
+            <SectionHeading text="CronJob Details" />
             <ResourceSummary resource={cronjob}>
               <DetailsItem label="Schedule" obj={cronjob} path="spec.schedule" />
               <DetailsItem label="Concurrency Policy" obj={cronjob} path="spec.concurrencyPolicy" />
@@ -143,7 +143,7 @@ const CronJobDetails: React.FC<CronJobDetailsProps> = ({ obj: cronjob }) => {
             </ResourceSummary>
           </div>
           <div className="col-md-6">
-            <SectionHeading text="Job Overview" />
+            <SectionHeading text="Job Details" />
             <dl className="co-m-pane__details">
               <DetailsItem
                 label="Desired Completions"

frontend/public/components/custom-resource-definition.tsx

@@ -146,7 +146,7 @@ const Details: React.FC<{ obj: CustomResourceDefinitionKind }> = ({ obj: crd })
   return (
     <>
       <div className="co-m-pane__body">
-        <SectionHeading text="Custom Resource Definition Overview" />
+        <SectionHeading text="Custom Resource Definition Details" />
         <div className="co-m-pane__body-group">
           <div className="row">
             <div className="col-sm-6">

frontend/public/components/daemon-set.tsx

@@ -142,7 +142,7 @@ export const DaemonSetDetailsList: React.FC<DaemonSetDetailsListProps> = ({ ds }
 const DaemonSetDetails: React.FC<DaemonSetDetailsProps> = ({ obj: daemonset }) => (
   <>
     <div className="co-m-pane__body">
-      <SectionHeading text="Daemon Set Overview" />
+      <SectionHeading text="Daemon Set Details" />
       <div className="row">
         <div className="col-lg-6">
           <ResourceSummary resource={daemonset} showPodSelector showNodeSelector showTolerations />

frontend/public/components/dashboard/dashboards-page/overview-dashboard/overview-dashboard.tsx → frontend/public/components/dashboard/dashboards-page/cluster-dashboard/cluster-dashboard.tsx

@@ -8,7 +8,7 @@ import { InventoryCard } from './inventory-card';
 import { UtilizationCard } from './utilization-card';
 import { ActivityCard } from './activity-card';
 
-export const OverviewDashboard: React.FC<{}> = () => {
+export const ClusterDashboard: React.FC<{}> = () => {
   const mainCards = [{ Card: StatusCard }, { Card: UtilizationCard }];
   const leftCards = [{ Card: DetailsCard }, { Card: InventoryCard }];
   const rightCards = [{ Card: ActivityCard }];

frontend/public/components/dashboard/dashboards-page/dashboards.tsx

@@ -5,7 +5,7 @@ import { Map as ImmutableMap } from 'immutable';
 import { Helmet } from 'react-helmet';
 
 import * as plugins from '../../../plugins';
-import { OverviewDashboard } from './overview-dashboard/overview-dashboard';
+import { ClusterDashboard } from './cluster-dashboard/cluster-dashboard';
 import { HorizontalNav, PageHeading, LoadingBox, Page, AsyncComponent } from '../../utils';
 import Dashboard from '@console/shared/src/components/dashboard/Dashboard';
 import DashboardGrid, {
@@ -57,8 +57,8 @@ const getPluginTabPages = (flags: FlagsObject): Page[] => {
 const getTabs = (flags: FlagsObject): Page[] => [
   {
     href: '',
-    name: 'Overview',
-    component: OverviewDashboard,
+    name: 'Cluster',
+    component: ClusterDashboard,
   },
   ...getPluginTabPages(flags),
 ];
@@ -69,7 +69,7 @@ const DashboardsPage_: React.FC<DashboardsPageProps> = ({
   k8sModels,
   flags,
 }) => {
-  const title = 'Dashboards';
+  const title = 'Overview';
   return kindsInFlight && k8sModels.size === 0 ? (
     <LoadingBox />
   ) : (

frontend/public/components/dashboard/project-dashboard/activity-card.tsx

@@ -18,7 +18,7 @@ import { EventKind, K8sKind } from '../../../module/k8s';
 import { FlagsObject, featureReducerName } from '../../../reducers/features';
 import * as plugins from '../../../plugins';
 import { isDashboardsOverviewResourceActivity } from '@console/plugin-sdk';
-import { uniqueResource } from '../dashboards-page/overview-dashboard/utils';
+import { uniqueResource } from '../dashboards-page/cluster-dashboard/utils';
 import { RootState } from '../../../redux';
 import { ProjectDashboardContext } from './project-dashboard-context';
 import { getName } from '@console/shared';

frontend/public/components/dashboard/project-dashboard/utilization-card.tsx

@@ -24,7 +24,7 @@ import {
 import { ProjectDashboardContext } from './project-dashboard-context';
 import { PodModel } from '../../../models';
 import { getUtilizationQueries, ProjectQueries, getTopConsumerQueries } from './queries';
-import { PrometheusUtilizationItem } from '../dashboards-page/overview-dashboard/utilization-card';
+import { PrometheusUtilizationItem } from '../dashboards-page/cluster-dashboard/utilization-card';
 
 const metricDurations = [ONE_HR, SIX_HR, TWENTY_FOUR_HR];
 const metricDurationsOptions = _.zipObject(metricDurations, metricDurations);

frontend/public/components/default-resource.jsx

@@ -97,7 +97,7 @@ const DetailsForKind = (kind) =>
     return (
       <>
         <div className="co-m-pane__body">
-          <SectionHeading text={`${kindForReference(kind)} Overview`} />
+          <SectionHeading text={`${kindForReference(kind)} Details`} />
           <ResourceSummary resource={obj} podSelector="spec.podSelector" showNodeSelector={false} />
         </div>
         {conditions && (

frontend/public/components/deployment-config.tsx

@@ -151,7 +151,7 @@ export const DeploymentConfigsDetails: React.FC<{ obj: K8sResourceKind }> = ({ o
   return (
     <>
       <div className="co-m-pane__body">
-        <SectionHeading text="Deployment Config Overview" />
+        <SectionHeading text="Deployment Config Details" />
         {dc.spec.paused && <WorkloadPausedAlert obj={dc} model={DeploymentConfigModel} />}
         <PodRingController
           namespace={dc.metadata.namespace}

frontend/public/components/deployment.tsx

@@ -109,7 +109,7 @@ const DeploymentDetails: React.FC<DeploymentDetailsProps> = ({ obj: deployment }
   return (
     <>
       <div className="co-m-pane__body">
-        <SectionHeading text="Deployment Overview" />
+        <SectionHeading text="Deployment Details" />
         {deployment.spec.paused && <WorkloadPausedAlert obj={deployment} model={DeploymentModel} />}
         <PodRingController
           namespace={deployment.metadata.namespace}

frontend/public/components/group.tsx

@@ -149,7 +149,7 @@ const GroupDetails: React.FC<GroupDetailsProps> = ({ obj }) => {
   return (
     <>
       <div className="co-m-pane__body">
-        <SectionHeading text="Group Overview" />
+        <SectionHeading text="Group Details" />
         <ResourceSummary resource={obj} />
       </div>
       <div className="co-m-pane__body">

frontend/public/components/hpa.tsx

@@ -153,7 +153,7 @@ export const HorizontalPodAutoscalersDetails: React.FC<HorizontalPodAutoscalersD
 }) => (
   <>
     <div className="co-m-pane__body">
-      <SectionHeading text="Horizontal Pod Autoscaler Overview" />
+      <SectionHeading text="Horizontal Pod Autoscaler Details" />
       <div className="row">
         <div className="col-sm-6">
           <ResourceSummary resource={hpa} />

frontend/public/components/image-stream-tag.tsx

@@ -54,7 +54,7 @@ export const ImageStreamTagsDetails: React.SFC<ImageStreamTagsDetailsProps> = ({
       <div className="co-m-pane__body-group">
         <div className="row">
           <div className="col-md-6 col-sm-12">
-            <SectionHeading text="Image Overview" />
+            <SectionHeading text="Image Details" />
             <ResourceSummary resource={imageStreamTag}>
               {labels.name && <dt>Image Name</dt>}
               {labels.name && <dd>{labels.name}</dd>}

frontend/public/components/image-stream.tsx

@@ -227,7 +227,7 @@ export const ImageStreamsDetails: React.SFC<ImageStreamsDetailsProps> = ({ obj:
             ))}
           />
         )}
-        <SectionHeading text="Image Stream Overview" />
+        <SectionHeading text="Image Stream Details" />
         <ResourceSummary resource={imageStream}>
           {imageRepository && <dt>Image Repository</dt>}
           {imageRepository && <dd>{imageRepository}</dd>}