Create Dashboard with Sync and Health Status cards, Operational, Sync Activity and Reconciliation Metrics Cards (#11387)

__mocks__/patternfly-react-core.tsx

@@ -80,3 +80,34 @@ export const LabelGroup: React.FC<any> = ({ children, className, numLabels }) =>
 export const Icon: React.FC<any> = ({ children, size }) => (
   <span data-testid="icon" data-size={size}>{children}</span>
 );
+
+export const EmptyState: React.FC<any> = ({
+  children,
+  className,
+  titleText,
+  headingLevel: Tag = 'h2',
+  icon: EmptyStateIconComponent,
+  status,
+  variant,
+  ...rest
+}) => (
+  <div
+    data-testid="empty-state"
+    className={className}
+    data-status={status}
+    data-variant={variant}
+    {...rest}
+  >
+    {EmptyStateIconComponent && <EmptyStateIconComponent />}
+    {titleText && <Tag>{titleText}</Tag>}
+    {children}
+  </div>
+);
+
+export const EmptyStateBody: React.FC<any> = ({ children }) => (
+  <div data-testid="empty-state-body">{children}</div>
+);
+
+export const Spinner: React.FC<any> = ({ size, ...rest }) => (
+  <svg data-testid="spinner" role="progressbar" aria-valuetext="Loading..." data-size={size} {...rest} />
+);

console-extensions.json

@@ -317,6 +317,33 @@
       }
     }
   },
+  {
+    "type": "console.navigation/href",
+    "properties": {
+        "id": "openshift-gitops-overview",
+        "href": "/gitops/overview",
+        "name": "Dashboard",
+        "perspective": "admin",
+        "section": "gitops-navigation-section",
+        "namespaced": true
+    }
+  },
+  {
+    "type": "console.page/route",
+    "properties": {
+      "exact": true,
+      "path": "/gitops/overview",
+      "component": { "$codeRef": "DashboardOverviewPage.GitOpsOverviewRedirect" }
+    }
+  },
+  {
+    "type": "console.page/route",
+    "properties": {
+      "exact": true,
+      "path": ["/gitops/overview/all-namespaces", "/gitops/overview/ns/:ns"],
+      "component": { "$codeRef": "DashboardOverviewPage" }
+    }
+  },
   {
     "type": "console.navigation/resource-ns",
     "properties": {

i18next-parser.config.js

@@ -1,7 +1,7 @@
 module.exports = {
   createOldCatalogs: false,
   keySeparator: false,
-  locales: ['en', 'ja', 'ko', 'zh'],
+  locales: ['en', 'ja', 'ko', 'zh', 'es', 'fr'],
   namespaceSeparator: '~',
   reactNamespace: false,
   useKeysAsDefaultValue: true,

locales/en/plugin__gitops-plugin.json

@@ -159,6 +159,43 @@
   "New Version": "New Version",
   "Apps Updated": "Apps Updated",
   "Updated At": "Updated At",
+  "No datapoints found.": "No datapoints found.",
+  "Loading...": "Loading...",
+  "GitOps Overview": "GitOps Overview",
+  "Healthy": "Healthy",
+  "Progressing": "Progressing",
+  "Degraded": "Degraded",
+  "Missing": "Missing",
+  "Suspended": "Suspended",
+  "Health status": "Health status",
+  "Unable to retrieve applications": "Unable to retrieve applications",
+  "Error retrieving applications: ": "Error retrieving applications: ",
+  "Error fetching metric data. Click to view metrics dashboard.": "Error fetching metric data. Click to view metrics dashboard.",
+  "Operational metrics": "Operational metrics",
+  "Last update time.  Updated every 10 seconds.": "Last update time.  Updated every 10 seconds.",
+  "Successful syncs": "Successful syncs",
+  "Number of successful syncs": "Number of successful syncs",
+  "Failed syncs": "Failed syncs",
+  "Number of failed syncs. Apps successfully synced from a failed sync will not decrease this count.": "Number of failed syncs. Apps successfully synced from a failed sync will not decrease this count.",
+  "Orphaned resources": "Orphaned resources",
+  "Number of orphaned resources": "Number of orphaned resources",
+  "Apps with Autosync enabled": "Apps with Autosync enabled",
+  "Number of apps with autosync enabled": "Number of apps with autosync enabled",
+  "Apps with Autosync disabled": "Apps with Autosync disabled",
+  "Number of apps with autosync disabled": "Number of apps with autosync disabled",
+  "Repo Queue": "Repo Queue",
+  "Number of repos in the queue": "Number of repos in the queue",
+  "Git fetch failures": "Git fetch failures",
+  "Number of git fetch failures": "Number of git fetch failures",
+  "Application Reconciliation Performance (24 hours)": "Application Reconciliation Performance (24 hours)",
+  "Unable to retrieve metrics data": "Unable to retrieve metrics data",
+  "Application reconciliation performance over time": "Application reconciliation performance over time",
+  "View in Observe/Metrics": "View in Observe/Metrics",
+  "Syncs (24h sliding window)": "Syncs (24h sliding window)",
+  "Synced": "Synced",
+  "Out of Sync": "Out of Sync",
+  "Application Sync Activity (24 hours)": "Application Sync Activity (24 hours)",
+  "Application sync activity over time": "Application sync activity over time",
   "Server": "Server",
   "Deny": "Deny",
   "Allow": "Allow",

locales/es/plugin__gitops-plugin.json

@@ -145,6 +145,7 @@
   "Apps": "Aplicaciones",
   "Images": "Imágenes",
   "Last Checked": "Última comprobación",
+  "Labels": "Etiquetas",
   "Has Apps": "Tiene aplicaciones",
   "No Apps": "Sin aplicaciones",
   "Not Ready": "No está listo",
@@ -158,6 +159,43 @@
   "New Version": "Nueva versión",
   "Apps Updated": "Aplicaciones actualizadas",
   "Updated At": "Actualizado a las",
+  "No datapoints found.": "No datapoints found.",
+  "Loading...": "Loading...",
+  "GitOps Overview": "GitOps Overview",
+  "Healthy": "Healthy",
+  "Progressing": "Progressing",
+  "Degraded": "Degraded",
+  "Missing": "Missing",
+  "Suspended": "Suspended",
+  "Health status": "Health status",
+  "Unable to retrieve applications": "Unable to retrieve applications",
+  "Error retrieving applications: ": "Error retrieving applications: ",
+  "Error fetching metric data. Click to view metrics dashboard.": "Error fetching metric data. Click to view metrics dashboard.",
+  "Operational metrics": "Operational metrics",
+  "Last update time.  Updated every 10 seconds.": "Last update time.  Updated every 10 seconds.",
+  "Successful syncs": "Successful syncs",
+  "Number of successful syncs": "Number of successful syncs",
+  "Failed syncs": "Failed syncs",
+  "Number of failed syncs. Apps successfully synced from a failed sync will not decrease this count.": "Number of failed syncs. Apps successfully synced from a failed sync will not decrease this count.",
+  "Orphaned resources": "Orphaned resources",
+  "Number of orphaned resources": "Number of orphaned resources",
+  "Apps with Autosync enabled": "Apps with Autosync enabled",
+  "Number of apps with autosync enabled": "Number of apps with autosync enabled",
+  "Apps with Autosync disabled": "Apps with Autosync disabled",
+  "Number of apps with autosync disabled": "Number of apps with autosync disabled",
+  "Repo Queue": "Repo Queue",
+  "Number of repos in the queue": "Number of repos in the queue",
+  "Git fetch failures": "Git fetch failures",
+  "Number of git fetch failures": "Number of git fetch failures",
+  "Application Reconciliation Performance (24 hours)": "Application Reconciliation Performance (24 hours)",
+  "Unable to retrieve metrics data": "Unable to retrieve metrics data",
+  "Application reconciliation performance over time": "Application reconciliation performance over time",
+  "View in Observe/Metrics": "View in Observe/Metrics",
+  "Syncs (24h sliding window)": "Syncs (24h sliding window)",
+  "Synced": "Synced",
+  "Out of Sync": "Out of Sync",
+  "Application Sync Activity (24 hours)": "Application Sync Activity (24 hours)",
+  "Application sync activity over time": "Application sync activity over time",
   "Server": "Servidor",
   "Deny": "Denegar",
   "Allow": "Permitir",
@@ -217,7 +255,6 @@
   "There was an error retrieving App Projects. Check your connection and reload the page.": "Se produjo un error al recuperar los proyectos de aplicaciones. Compruebe su conexión y vuelva a cargar la página.",
   "AppProjects": "AppProjects",
   "Create AppProject": "Crear AppProject",
-  "Labels": "Etiquetas",
   "Last Updated": "Última actualización",
   "Has Description": "Tiene descripción",
   "No Description": "Sin descripción",

locales/fr/plugin__gitops-plugin.json

@@ -145,6 +145,7 @@
   "Apps": "Applications",
   "Images": "Images",
   "Last Checked": "Dernière vérification",
+  "Labels": "Étiquettes",
   "Has Apps": "Possède des applications",
   "No Apps": "Aucune application",
   "Not Ready": "Pas prêt",
@@ -158,6 +159,43 @@
   "New Version": "Nouvelle version",
   "Apps Updated": "Applications mises à jour",
   "Updated At": "Mise à jour le",
+  "No datapoints found.": "No datapoints found.",
+  "Loading...": "Loading...",
+  "GitOps Overview": "GitOps Overview",
+  "Healthy": "Healthy",
+  "Progressing": "Progressing",
+  "Degraded": "Degraded",
+  "Missing": "Missing",
+  "Suspended": "Suspended",
+  "Health status": "Health status",
+  "Unable to retrieve applications": "Unable to retrieve applications",
+  "Error retrieving applications: ": "Error retrieving applications: ",
+  "Error fetching metric data. Click to view metrics dashboard.": "Error fetching metric data. Click to view metrics dashboard.",
+  "Operational metrics": "Operational metrics",
+  "Last update time.  Updated every 10 seconds.": "Last update time.  Updated every 10 seconds.",
+  "Successful syncs": "Successful syncs",
+  "Number of successful syncs": "Number of successful syncs",
+  "Failed syncs": "Failed syncs",
+  "Number of failed syncs. Apps successfully synced from a failed sync will not decrease this count.": "Number of failed syncs. Apps successfully synced from a failed sync will not decrease this count.",
+  "Orphaned resources": "Orphaned resources",
+  "Number of orphaned resources": "Number of orphaned resources",
+  "Apps with Autosync enabled": "Apps with Autosync enabled",
+  "Number of apps with autosync enabled": "Number of apps with autosync enabled",
+  "Apps with Autosync disabled": "Apps with Autosync disabled",
+  "Number of apps with autosync disabled": "Number of apps with autosync disabled",
+  "Repo Queue": "Repo Queue",
+  "Number of repos in the queue": "Number of repos in the queue",
+  "Git fetch failures": "Git fetch failures",
+  "Number of git fetch failures": "Number of git fetch failures",
+  "Application Reconciliation Performance (24 hours)": "Application Reconciliation Performance (24 hours)",
+  "Unable to retrieve metrics data": "Unable to retrieve metrics data",
+  "Application reconciliation performance over time": "Application reconciliation performance over time",
+  "View in Observe/Metrics": "View in Observe/Metrics",
+  "Syncs (24h sliding window)": "Syncs (24h sliding window)",
+  "Synced": "Synced",
+  "Out of Sync": "Out of Sync",
+  "Application Sync Activity (24 hours)": "Application Sync Activity (24 hours)",
+  "Application sync activity over time": "Application sync activity over time",
   "Server": "Serveur",
   "Deny": "Refuser",
   "Allow": "Autoriser",
@@ -217,7 +255,6 @@
   "There was an error retrieving App Projects. Check your connection and reload the page.": "Une erreur s'est produite lors de la récupération des projets d'application. Vérifiez votre connexion et rechargez la page.",
   "AppProjects": "Projets d'application",
   "Create AppProject": "Créer un projet d'application",
-  "Labels": "Étiquettes",
   "Last Updated": "Dernière mise à jour",
   "Has Description": "Contient une description",
   "No Description": "Aucune description",

locales/ja/plugin__gitops-plugin.json

@@ -159,6 +159,43 @@
   "New Version": "新バージョン",
   "Apps Updated": "更新されたアプリケーション",
   "Updated At": "更新日時",
+  "No datapoints found.": "No datapoints found.",
+  "Loading...": "Loading...",
+  "GitOps Overview": "GitOps Overview",
+  "Healthy": "Healthy",
+  "Progressing": "Progressing",
+  "Degraded": "Degraded",
+  "Missing": "Missing",
+  "Suspended": "Suspended",
+  "Health status": "Health status",
+  "Unable to retrieve applications": "Unable to retrieve applications",
+  "Error retrieving applications: ": "Error retrieving applications: ",
+  "Error fetching metric data. Click to view metrics dashboard.": "Error fetching metric data. Click to view metrics dashboard.",
+  "Operational metrics": "Operational metrics",
+  "Last update time.  Updated every 10 seconds.": "Last update time.  Updated every 10 seconds.",
+  "Successful syncs": "Successful syncs",
+  "Number of successful syncs": "Number of successful syncs",
+  "Failed syncs": "Failed syncs",
+  "Number of failed syncs. Apps successfully synced from a failed sync will not decrease this count.": "Number of failed syncs. Apps successfully synced from a failed sync will not decrease this count.",
+  "Orphaned resources": "Orphaned resources",
+  "Number of orphaned resources": "Number of orphaned resources",
+  "Apps with Autosync enabled": "Apps with Autosync enabled",
+  "Number of apps with autosync enabled": "Number of apps with autosync enabled",
+  "Apps with Autosync disabled": "Apps with Autosync disabled",
+  "Number of apps with autosync disabled": "Number of apps with autosync disabled",
+  "Repo Queue": "Repo Queue",
+  "Number of repos in the queue": "Number of repos in the queue",
+  "Git fetch failures": "Git fetch failures",
+  "Number of git fetch failures": "Number of git fetch failures",
+  "Application Reconciliation Performance (24 hours)": "Application Reconciliation Performance (24 hours)",
+  "Unable to retrieve metrics data": "Unable to retrieve metrics data",
+  "Application reconciliation performance over time": "Application reconciliation performance over time",
+  "View in Observe/Metrics": "View in Observe/Metrics",
+  "Syncs (24h sliding window)": "Syncs (24h sliding window)",
+  "Synced": "Synced",
+  "Out of Sync": "Out of Sync",
+  "Application Sync Activity (24 hours)": "Application Sync Activity (24 hours)",
+  "Application sync activity over time": "Application sync activity over time",
   "Server": "サーバー",
   "Deny": "拒否",
   "Allow": "許可",

locales/ko/plugin__gitops-plugin.json

@@ -159,6 +159,43 @@
   "New Version": "새 버전",
   "Apps Updated": "업데이트된 애플리케이션",
   "Updated At": "업데이트 시간",
+  "No datapoints found.": "No datapoints found.",
+  "Loading...": "Loading...",
+  "GitOps Overview": "GitOps Overview",
+  "Healthy": "Healthy",
+  "Progressing": "Progressing",
+  "Degraded": "Degraded",
+  "Missing": "Missing",
+  "Suspended": "Suspended",
+  "Health status": "Health status",
+  "Unable to retrieve applications": "Unable to retrieve applications",
+  "Error retrieving applications: ": "Error retrieving applications: ",
+  "Error fetching metric data. Click to view metrics dashboard.": "Error fetching metric data. Click to view metrics dashboard.",
+  "Operational metrics": "Operational metrics",
+  "Last update time.  Updated every 10 seconds.": "Last update time.  Updated every 10 seconds.",
+  "Successful syncs": "Successful syncs",
+  "Number of successful syncs": "Number of successful syncs",
+  "Failed syncs": "Failed syncs",
+  "Number of failed syncs. Apps successfully synced from a failed sync will not decrease this count.": "Number of failed syncs. Apps successfully synced from a failed sync will not decrease this count.",
+  "Orphaned resources": "Orphaned resources",
+  "Number of orphaned resources": "Number of orphaned resources",
+  "Apps with Autosync enabled": "Apps with Autosync enabled",
+  "Number of apps with autosync enabled": "Number of apps with autosync enabled",
+  "Apps with Autosync disabled": "Apps with Autosync disabled",
+  "Number of apps with autosync disabled": "Number of apps with autosync disabled",
+  "Repo Queue": "Repo Queue",
+  "Number of repos in the queue": "Number of repos in the queue",
+  "Git fetch failures": "Git fetch failures",
+  "Number of git fetch failures": "Number of git fetch failures",
+  "Application Reconciliation Performance (24 hours)": "Application Reconciliation Performance (24 hours)",
+  "Unable to retrieve metrics data": "Unable to retrieve metrics data",
+  "Application reconciliation performance over time": "Application reconciliation performance over time",
+  "View in Observe/Metrics": "View in Observe/Metrics",
+  "Syncs (24h sliding window)": "Syncs (24h sliding window)",
+  "Synced": "Synced",
+  "Out of Sync": "Out of Sync",
+  "Application Sync Activity (24 hours)": "Application Sync Activity (24 hours)",
+  "Application sync activity over time": "Application sync activity over time",
   "Server": "서버",
   "Deny": "거부",
   "Allow": "허용",

locales/zh/plugin__gitops-plugin.json

@@ -159,6 +159,43 @@
   "New Version": "新版本",
   "Apps Updated": "已更新的应用程序",
   "Updated At": "更新时间",
+  "No datapoints found.": "No datapoints found.",
+  "Loading...": "Loading...",
+  "GitOps Overview": "GitOps Overview",
+  "Healthy": "Healthy",
+  "Progressing": "Progressing",
+  "Degraded": "Degraded",
+  "Missing": "Missing",
+  "Suspended": "Suspended",
+  "Health status": "Health status",
+  "Unable to retrieve applications": "Unable to retrieve applications",
+  "Error retrieving applications: ": "Error retrieving applications: ",
+  "Error fetching metric data. Click to view metrics dashboard.": "Error fetching metric data. Click to view metrics dashboard.",
+  "Operational metrics": "Operational metrics",
+  "Last update time.  Updated every 10 seconds.": "Last update time.  Updated every 10 seconds.",
+  "Successful syncs": "Successful syncs",
+  "Number of successful syncs": "Number of successful syncs",
+  "Failed syncs": "Failed syncs",
+  "Number of failed syncs. Apps successfully synced from a failed sync will not decrease this count.": "Number of failed syncs. Apps successfully synced from a failed sync will not decrease this count.",
+  "Orphaned resources": "Orphaned resources",
+  "Number of orphaned resources": "Number of orphaned resources",
+  "Apps with Autosync enabled": "Apps with Autosync enabled",
+  "Number of apps with autosync enabled": "Number of apps with autosync enabled",
+  "Apps with Autosync disabled": "Apps with Autosync disabled",
+  "Number of apps with autosync disabled": "Number of apps with autosync disabled",
+  "Repo Queue": "Repo Queue",
+  "Number of repos in the queue": "Number of repos in the queue",
+  "Git fetch failures": "Git fetch failures",
+  "Number of git fetch failures": "Number of git fetch failures",
+  "Application Reconciliation Performance (24 hours)": "Application Reconciliation Performance (24 hours)",
+  "Unable to retrieve metrics data": "Unable to retrieve metrics data",
+  "Application reconciliation performance over time": "Application reconciliation performance over time",
+  "View in Observe/Metrics": "View in Observe/Metrics",
+  "Syncs (24h sliding window)": "Syncs (24h sliding window)",
+  "Synced": "Synced",
+  "Out of Sync": "Out of Sync",
+  "Application Sync Activity (24 hours)": "Application Sync Activity (24 hours)",
+  "Application sync activity over time": "Application sync activity over time",
   "Server": "服务器",
   "Deny": "拒绝",
   "Allow": "允许",

package.json

@@ -89,6 +89,23 @@
     "ts-jest": "^29.0.0",
     "typesafe-actions": "^4.4.2",
     "typescript": "5.9.3",
+    "victory-area": "^37.3.6",
+    "victory-axis": "^37.3.6",
+    "victory-bar": "^37.3.6",
+    "victory-box-plot": "^37.3.6",
+    "victory-chart": "^37.3.6",
+    "victory-core": "^37.3.6",
+    "victory-create-container": "^37.3.6",
+    "victory-cursor-container": "^37.3.6",
+    "victory-group": "^37.3.6",
+    "victory-legend": "^37.3.6",
+    "victory-line": "^37.3.6",
+    "victory-pie": "^37.3.6",
+    "victory-scatter": "^37.3.6",
+    "victory-stack": "^37.3.6",
+    "victory-tooltip": "^37.3.6",
+    "victory-voronoi-container": "^37.3.6",
+    "victory-zoom-container": "^37.3.6",
     "webpack": "^5.1.0",
     "webpack-cli": "^4.9.2",
     "webpack-dev-server": "^4.9.3"