Merge pull request #144 from keithchong/7299-ThreeRolloutsTabs

Show a Rollout in Details page in Dev Console (#7299)

Author: keithchong

console-extensions.json

@@ -265,6 +265,42 @@
       "required": ["APPLICATIONSET"]
     }
   },
+  {
+    "type": "console.model-metadata",
+    "properties": {
+      "model": {
+        "group": "argoproj.io",
+        "version": "v1alpha1",
+        "kind": "AnalysisTemplate"
+      },
+      "badge": "dev",
+      "color": "#E9654B",
+      "label": "Analysis Template",
+      "labelPlural": "Application Templates",
+      "abbr": "AT"
+    },
+    "flags": {
+      "required": ["ARGO_ROLLOUT"]
+    }
+  },
+  {
+    "type": "console.model-metadata",
+    "properties": {
+      "model": {
+        "group": "argoproj.io",
+        "version": "v1alpha1",
+        "kind": "ClusterAnalysisTemplate"
+      },
+      "badge": "dev",
+      "color": "#E9654B",
+      "label": "Cluster Analysis Template",
+      "labelPlural": "Cluster Application Templates",
+      "abbr": "CAT"
+    },
+    "flags": {
+      "required": ["ARGO_ROLLOUT"]
+    }
+  },
   {
     "type": "console.flag/model",
     "properties": {
@@ -383,6 +419,24 @@
         }
     }
   },
+  {
+    "type": "console.page/resource/details",
+    "flags": {
+        "required": [
+            "ARGO_ROLLOUT"
+        ]
+    },
+    "properties": {
+        "model": {
+            "group": "argoproj.io",
+            "kind": "Rollout",
+            "version": "v1alpha1"
+        },
+        "component": {
+            "$codeRef": "RolloutDetails"
+        }
+    }
+  },
   {
     "type": "console.page/resource/list",
     "flags": {

locales/en/plugin__gitops-plugin.json

@@ -114,6 +114,7 @@
   "Deploy Started At": "Deploy Started At",
   "Deployed At": "Deployed At",
   "Revision(s) and Source Repo URL(s)": "Revision(s) and Source Repo URL(s)",
+  "ApplicationSet details": "ApplicationSet details",
   "Current health status of the ApplicationSet.": "Current health status of the ApplicationSet.",
   "Generated Apps": "Generated Apps",
   "Number of applications generated by this ApplicationSet.": "Number of applications generated by this ApplicationSet.",
@@ -136,21 +137,43 @@
   "Edit annotations": "Edit annotations",
   "Edit Rollout": "Edit Rollout",
   "Delete": "Delete",
+  "Rollout details": "Rollout details",
+  "Rollouts details": "Rollouts details",
+  "Topology view": "Topology view",
+  "Replicas": "Replicas",
+  "The number of desired replicas for the rollout": "The number of desired replicas for the rollout",
+  "The current status of the rollout": "The current status of the rollout",
+  "Strategy": "Strategy",
+  "Whether the rollout is using a blue-green or canary strategy": "Whether the rollout is using a blue-green or canary strategy",
+  "Conditions": "Conditions",
   "No Argo Rollouts": "No Argo Rollouts",
   "There are no Argo Rollouts in this project.": "There are no Argo Rollouts in this project.",
   "There are no Argo Rollouts in all projects.": "There are no Argo Rollouts in all projects.",
   "Unable to load data": "Unable to load data",
   "There was an error retrieving applications. Check your connection and reload the page.": "There was an error retrieving applications. Check your connection and reload the page.",
-  "Rollouts": "Rollouts",
+  "Argo Rollouts": "Argo Rollouts",
+  "Rollouts": "Argo Rollouts",
   "Create Rollout": "Create Rollout",
-  "Topology view": "Topology view",
   "Graph view": "Graph view",
   "Pods": "Pods",
   "Labels": "Labels",
   "Selector": "Selector",
   "Last Updated": "Last Updated",
   "No labels": "No labels",
   "Rollout Status": "Rollout Status",
+  "Revisions": "Revisions",
+  "Active Service": "Active Service",
+  "The active blue-green service": "The active blue-green service",
+  "Preview Service": "Preview Service",
+  "The preview blue-green service": "The preview blue-green service",
+  "ClusterAnalysis Template": "ClusterAnalysis Template",
+  "Analysis Template": "Analysis Template",
+  "Stable Service": "Stable Service",
+  "The stable service": "The stable service",
+  "Canary Service": "Canary Service",
+  "The canary service": "The canary service",
+  "Analysis Templates": "Analysis Templates",
+  "The analysis and cluster-scoped analysis templates used for the canary strategy": "The analysis and cluster-scoped analysis templates used for the canary strategy",
   "No matching Argo CD Applications": "No matching Argo CD Applications",
   "No Argo CD Applications": "No Argo CD Applications",
   "No Argo CD Applications match the label filter": "No Argo CD Applications match the label filter",

locales/ja/plugin__gitops-plugin.json

@@ -114,6 +114,7 @@
   "Deploy Started At": "Deploy Started At",
   "Deployed At": "Deployed At",
   "Revision(s) and Source Repo URL(s)": "Revision(s) and Source Repo URL(s)",
+  "ApplicationSet details": "ApplicationSet details",
   "Current health status of the ApplicationSet.": "Current health status of the ApplicationSet.",
   "Generated Apps": "Generated Apps",
   "Number of applications generated by this ApplicationSet.": "Number of applications generated by this ApplicationSet.",
@@ -136,21 +137,42 @@
   "Edit annotations": "Edit annotations",
   "Edit Rollout": "Edit Rollout",
   "Delete": "Delete",
+  "Rollout details": "Rollout details",
+  "Rollouts details": "Rollouts details",
+  "Topology view": "Topology view",
+  "Replicas": "Replicas",
+  "The number of desired replicas for the rollout": "The number of desired replicas for the rollout",
+  "The current status of the rollout": "The current status of the rollout",
+  "Strategy": "Strategy",
+  "Whether the rollout is using a blue-green or canary strategy": "Whether the rollout is using a blue-green or canary strategy",
+  "Conditions": "Conditions",
   "No Argo Rollouts": "No Argo Rollouts",
   "There are no Argo Rollouts in this project.": "There are no Argo Rollouts in this project.",
   "There are no Argo Rollouts in all projects.": "There are no Argo Rollouts in all projects.",
   "Unable to load data": "Unable to load data",
   "There was an error retrieving applications. Check your connection and reload the page.": "There was an error retrieving applications. Check your connection and reload the page.",
-  "Rollouts": "Rollouts",
+  "Argo Rollouts": "Argo Rollouts",
   "Create Rollout": "Create Rollout",
-  "Topology view": "Topology view",
   "Graph view": "Graph view",
   "Pods": "Pods",
   "Labels": "Labels",
   "Selector": "Selector",
   "Last Updated": "Last Updated",
   "No labels": "No labels",
   "Rollout Status": "Rollout Status",
+  "Revisions": "Revisions",
+  "Active Service": "Active Service",
+  "The active blue-green service": "The active blue-green service",
+  "Preview Service": "Preview Service",
+  "The preview blue-green service": "The preview blue-green service",
+  "ClusterAnalysis Template": "ClusterAnalysis Template",
+  "Analysis Template": "Analysis Template",
+  "Stable Service": "Stable Service",
+  "The stable service": "The stable service",
+  "Canary Service": "Canary Service",
+  "The canary service": "The canary service",
+  "Analysis Templates": "Analysis Templates",
+  "The analysis and cluster-scoped analysis templates used for the canary strategy": "The analysis and cluster-scoped analysis templates used for the canary strategy",
   "No matching Argo CD Applications": "No matching Argo CD Applications",
   "No Argo CD Applications": "No Argo CD Applications",
   "No Argo CD Applications match the label filter": "No Argo CD Applications match the label filter",

locales/ko/plugin__gitops-plugin.json

@@ -114,6 +114,7 @@
   "Deploy Started At": "Deploy Started At",
   "Deployed At": "Deployed At",
   "Revision(s) and Source Repo URL(s)": "Revision(s) and Source Repo URL(s)",
+  "ApplicationSet details": "ApplicationSet details",
   "Current health status of the ApplicationSet.": "Current health status of the ApplicationSet.",
   "Generated Apps": "Generated Apps",
   "Number of applications generated by this ApplicationSet.": "Number of applications generated by this ApplicationSet.",
@@ -136,21 +137,42 @@
   "Edit annotations": "Edit annotations",
   "Edit Rollout": "Edit Rollout",
   "Delete": "Delete",
+  "Rollout details": "Rollout details",
+  "Rollouts details": "Rollouts details",
+  "Topology view": "Topology view",
+  "Replicas": "Replicas",
+  "The number of desired replicas for the rollout": "The number of desired replicas for the rollout",
+  "The current status of the rollout": "The current status of the rollout",
+  "Strategy": "Strategy",
+  "Whether the rollout is using a blue-green or canary strategy": "Whether the rollout is using a blue-green or canary strategy",
+  "Conditions": "Conditions",
   "No Argo Rollouts": "No Argo Rollouts",
   "There are no Argo Rollouts in this project.": "There are no Argo Rollouts in this project.",
   "There are no Argo Rollouts in all projects.": "There are no Argo Rollouts in all projects.",
   "Unable to load data": "Unable to load data",
   "There was an error retrieving applications. Check your connection and reload the page.": "There was an error retrieving applications. Check your connection and reload the page.",
-  "Rollouts": "Rollouts",
+  "Argo Rollouts": "Argo Rollouts",
   "Create Rollout": "Create Rollout",
-  "Topology view": "Topology view",
   "Graph view": "Graph view",
   "Pods": "Pods",
   "Labels": "Labels",
   "Selector": "Selector",
   "Last Updated": "Last Updated",
   "No labels": "No labels",
   "Rollout Status": "Rollout Status",
+  "Revisions": "Revisions",
+  "Active Service": "Active Service",
+  "The active blue-green service": "The active blue-green service",
+  "Preview Service": "Preview Service",
+  "The preview blue-green service": "The preview blue-green service",
+  "ClusterAnalysis Template": "ClusterAnalysis Template",
+  "Analysis Template": "Analysis Template",
+  "Stable Service": "Stable Service",
+  "The stable service": "The stable service",
+  "Canary Service": "Canary Service",
+  "The canary service": "The canary service",
+  "Analysis Templates": "Analysis Templates",
+  "The analysis and cluster-scoped analysis templates used for the canary strategy": "The analysis and cluster-scoped analysis templates used for the canary strategy",
   "No matching Argo CD Applications": "No matching Argo CD Applications",
   "No Argo CD Applications": "No Argo CD Applications",
   "No Argo CD Applications match the label filter": "No Argo CD Applications match the label filter",

locales/zh/plugin__gitops-plugin.json

@@ -114,6 +114,7 @@
   "Deploy Started At": "Deploy Started At",
   "Deployed At": "Deployed At",
   "Revision(s) and Source Repo URL(s)": "Revision(s) and Source Repo URL(s)",
+  "ApplicationSet details": "ApplicationSet details",
   "Current health status of the ApplicationSet.": "Current health status of the ApplicationSet.",
   "Generated Apps": "Generated Apps",
   "Number of applications generated by this ApplicationSet.": "Number of applications generated by this ApplicationSet.",
@@ -136,21 +137,42 @@
   "Edit annotations": "Edit annotations",
   "Edit Rollout": "Edit Rollout",
   "Delete": "Delete",
+  "Rollout details": "Rollout details",
+  "Rollouts details": "Rollouts details",
+  "Topology view": "Topology view",
+  "Replicas": "Replicas",
+  "The number of desired replicas for the rollout": "The number of desired replicas for the rollout",
+  "The current status of the rollout": "The current status of the rollout",
+  "Strategy": "Strategy",
+  "Whether the rollout is using a blue-green or canary strategy": "Whether the rollout is using a blue-green or canary strategy",
+  "Conditions": "Conditions",
   "No Argo Rollouts": "No Argo Rollouts",
   "There are no Argo Rollouts in this project.": "There are no Argo Rollouts in this project.",
   "There are no Argo Rollouts in all projects.": "There are no Argo Rollouts in all projects.",
   "Unable to load data": "Unable to load data",
   "There was an error retrieving applications. Check your connection and reload the page.": "There was an error retrieving applications. Check your connection and reload the page.",
-  "Rollouts": "Rollouts",
+  "Argo Rollouts": "Argo Rollouts",
   "Create Rollout": "Create Rollout",
-  "Topology view": "Topology view",
   "Graph view": "Graph view",
   "Pods": "Pods",
   "Labels": "Labels",
   "Selector": "Selector",
   "Last Updated": "Last Updated",
   "No labels": "No labels",
   "Rollout Status": "Rollout Status",
+  "Revisions": "Revisions",
+  "Active Service": "Active Service",
+  "The active blue-green service": "The active blue-green service",
+  "Preview Service": "Preview Service",
+  "The preview blue-green service": "The preview blue-green service",
+  "ClusterAnalysis Template": "ClusterAnalysis Template",
+  "Analysis Template": "Analysis Template",
+  "Stable Service": "Stable Service",
+  "The stable service": "The stable service",
+  "Canary Service": "Canary Service",
+  "The canary service": "The canary service",
+  "Analysis Templates": "Analysis Templates",
+  "The analysis and cluster-scoped analysis templates used for the canary strategy": "The analysis and cluster-scoped analysis templates used for the canary strategy",
   "No matching Argo CD Applications": "No matching Argo CD Applications",
   "No Argo CD Applications": "No Argo CD Applications",
   "No Argo CD Applications match the label filter": "No Argo CD Applications match the label filter",

plugin-metadata.ts

@@ -16,6 +16,7 @@ const metadata: ConsolePluginBuildMetadata = {
     ApplicationList: "./gitops/components/application/ApplicationListTab.tsx",
     ApplicationDetails: "./gitops/components/application/ApplicationNavPage.tsx",
     RolloutList: "./gitops/components/rollout/RolloutListTab.tsx",
+    RolloutDetails: "./gitops/components/rollout/RolloutNavPage.tsx",
     ApplicationSetList: "./gitops/components/application/ApplicationSetListTab.tsx",
     ApplicationSetDetailsPage: "./gitops/components/appset/ApplicationSetDetailsPage.tsx",
     yamlTemplates: "./gitops/templates/index.ts"

src/components/topology/sidebar/DeploymentSideBarDetails.tsx

@@ -237,7 +237,7 @@ export const DeploymentSideBarDetails: React.FC<DeploymentSideBarDetailsProps> =
       expand={true}
     />
   ));
-  const strategy = d.spec?.strategy?.blueGreen ? 'Blue Green' : 'Canary';
+  const strategy = d.spec?.strategy?.blueGreen ? 'Blue-Green' : 'Canary';
   return (
     <>
       <div className="ocs-sidebar-tabsection">

src/gitops/components/appset/AppSetDetailsTab.tsx

@@ -54,7 +54,7 @@ const AppSetDetailsTab: React.FC<AppSetDetailsTabProps> = ({ obj }) => {
     <>
       <PageSection>
         <Title headingLevel="h2" className="co-section-heading">
-          Argo CD ApplicationSet details
+          {t('ApplicationSet details')}
         </Title>
         <Flex
           justifyContent={{ default: 'justifyContentSpaceEvenly' }}