This is an automated email from the ASF dual-hosted git repository.

siyao pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/ozone.git


The following commit(s) were added to refs/heads/master by this push:
     new 77d386de5f HDDS-7502. Recon: Show number of open containers on the 
Overview page (#4043)
77d386de5f is described below

commit 77d386de5f9c7867c4d5b2c4a6f46bebf878467c
Author: smitajoshi12 <[email protected]>
AuthorDate: Sat Dec 10 01:28:25 2022 +0530

    HDDS-7502. Recon: Show number of open containers on the Overview page 
(#4043)
---
 .../resources/webapps/recon/ozone-recon-web/api/db.json     |  1 +
 .../recon/ozone-recon-web/src/views/overview/overview.tsx   | 13 +++++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/api/db.json
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/api/db.json
index 8bd9680ccd..8e5b3ccfbd 100644
--- 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/api/db.json
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/api/db.json
@@ -10,6 +10,7 @@
     },
     "containers": 3230,
     "missingContainers": 1002,
+    "openContainers": 5,
     "volumes": 5,
     "buckets": 156,
     "keys": 253000
diff --git 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/views/overview/overview.tsx
 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/views/overview/overview.tsx
index 5b737185ec..cc007ae79c 100644
--- 
a/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/views/overview/overview.tsx
+++ 
b/hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/views/overview/overview.tsx
@@ -40,6 +40,7 @@ interface IClusterStateResponse {
   volumes: number;
   buckets: number;
   keys: number;
+  openContainers: number;
 }
 
 interface IOverviewState {
@@ -56,6 +57,7 @@ interface IOverviewState {
   lastUpdatedOMDBDelta: number;
   lastUpdatedOMDBFull: number;
   omStatus: string;
+  openContainers: number;
 }
 
 export class Overview extends React.Component<Record<string, object>, 
IOverviewState> {
@@ -82,6 +84,7 @@ export class Overview extends React.Component<Record<string, 
object>, IOverviewS
       lastUpdatedOMDBDelta: 0,
       lastUpdatedOMDBFull: 0,
       omStatus: '',
+      openContainers: 0
     };
     this.autoReload = new AutoReloadHelper(this._loadData);
   }
@@ -111,6 +114,7 @@ export class Overview extends 
React.Component<Record<string, object>, IOverviewS
         buckets: clusterState.buckets,
         keys: clusterState.keys,
         missingContainersCount,
+        openContainers: clusterState.openContainers,
         lastRefreshed: Number(moment()),
         lastUpdatedOMDBDelta: omDBDeltaObject && 
omDBDeltaObject.lastUpdatedTimestamp,
         lastUpdatedOMDBFull: omDBFullObject && 
omDBFullObject.lastUpdatedTimestamp
@@ -154,7 +158,7 @@ export class Overview extends 
React.Component<Record<string, object>, IOverviewS
 
   render() {
     const {loading, datanodes, pipelines, storageReport, containers, volumes, 
buckets,
-      keys, missingContainersCount, lastRefreshed, lastUpdatedOMDBDelta, 
lastUpdatedOMDBFull, omStatus} = this.state;
+      keys, missingContainersCount, lastRefreshed, lastUpdatedOMDBDelta, 
lastUpdatedOMDBFull, omStatus, openContainers } = this.state;
       
     const datanodesElement = (
       <span>
@@ -172,7 +176,12 @@ export class Overview extends 
React.Component<Record<string, object>, IOverviewS
         <span className='padded-text'>{containers - 
missingContainersCount}/{containers}</span>
       </span>
     ) :
-      containers.toString();
+      <div>
+          <span>{containers.toString()}   </span>
+        <Tooltip placement='bottom' title='Number of open containers'>
+          <span>({openContainers})</span>
+        </Tooltip>
+      </div>
     const clusterCapacity = `${size(storageReport.capacity - 
storageReport.remaining)}/${size(storageReport.capacity)}`;
     return (
       <div className='overview-content'>


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to