HDDS-8415. Recon UI:OM DB Insights Changes (apache#4940)

hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/api/routes.json

@@ -28,5 +28,44 @@
   "/heatmap/readaccess?startDate=*&path=*&entityType=bucket": "/bucketHeatmap",
   "/heatmap/readaccess?startDate=*&path=*&entityType=key": "/keyHeatmap",
   "/heatmap/readaccess?startDate=*&path=*&entityType=volume": "/heatmap",
-  "/features/disabledFeatures": "/disabledFeatures"
+  "/features/disabledFeatures": "/disabledFeatures",
+  "/keys/open?limit=0": "/keysOpenSummary",
+  "/keys/deletePending?limit=1": "/keysdeletePendingSummary",
+
+  "/containers/mismatch?limit=*&prevKey=11&missingIn=OM" : "/omMismatch1",
+  "/containers/mismatch?limit=*&prevKey=21&missingIn=OM" : "/omMismatch2",
+  "/containers/mismatch?limit=*&prevKey=31&missingIn=OM" : "/omMismatch3",
+  "/containers/mismatch?limit=*&prevKey=41&missingIn=OM" : "/omMismatch4",
+
+  "/containers/mismatch?limit=*&prevKey=*&missingIn=OM" : "/omMismatch",
+
+  "/containers/mismatch?limit=*&prevKey=11&missingIn=SCM" : "/scmMismatch1",
+  "/containers/mismatch?limit=*&prevKey=21&missingIn=SCM" : "/scmMismatch2",
+  "/containers/mismatch?limit=*&prevKey=31&missingIn=SCM" : "/scmMismatch3",
+  "/containers/mismatch?limit=*&prevKey=41&missingIn=SCM" : "/scmMismatch4",
+  "/containers/mismatch?limit=*&prevKey=51&missingIn=SCM" : "/scmMismatch5",
+
+  "/containers/mismatch?limit=*&prevKey=*&missingIn=SCM" : "/scmMismatch",
+
+  "/keys/open?includeFso=false&includeNonFso=true&limit=*&prevKey": "/nonFSO",
+  "/keys/open?includeFso=false&includeNonFso=true&limit=*&prevKey=/-9223372036854775552/-9223372036854775040/-9223372036852420095/2411/1105696238501917": "/nonFSO1",
+  "/keys/open?includeFso=false&includeNonFso=true&limit=*&prevKey=21": "/nonFSO2",
+  "/keys/open?includeFso=false&includeNonFso=true&limit=*&prevKey=31": "/nonFSO3",
+
+
+  "/keys/open?includeFso=true&includeNonFso=false&limit=*&prevKey": "/fso",
+  "/keys/open?includeFso=true&includeNonFso=false&limit=*&prevKey=/-9223372036854775552/-9223372036854775040/-9223372036852420095/2411/110569623850191713": "/fso1",
+  "/keys/open?includeFso=true&includeNonFso=false&limit=*&prevKey=/-9223372036854775552/-9223372036854775040/-9223372036852420095/2421/110569623850191713": "/fso2",
+  "/keys/open?includeFso=true&includeNonFso=false&limit=*&prevKey=/-9223372036854775552/-9223372036854775040/-9223372036852420095/2431/110569623850191713": "/fso3",
+
+  "/keys/deletePending?limit=*&prevKey" : "/keydeletePending",
+  "/keys/deletePending?limit=*&prevKey=/volume/bucket1/rcmeevblsf/106/-9223372036843950335" : "/keydeletePending1",
+  "/keys/deletePending?limit=*&prevKey=/-9223372036854775552/-9223372036854775040/-9223372036852420095/2421/110569623850191" : "/keydeletePending2",
+  "/keys/deletePending?limit=*&prevKey=31" : "/keydeletePending3",
+
+  "/containers/mismatch/deleted?limit=*&prevKey": "/deleted",
+  "/containers/mismatch/deleted?limit=*&prevKey=11": "/deleted1",
+  "/containers/mismatch/deleted?limit=*&prevKey=21": "/deleted2",
+  "/containers/mismatch/deleted?limit=*&prevKey=31": "/deleted3",
+  "/containers/mismatch/deleted?limit=*&prevKey=41": "/deleted4"
 }

hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/components/navBar/navBar.less

@@ -48,6 +48,14 @@
           border-right: 5px solid #1DA57A;
         }
       }
+      .ant-menu-sub{
+        background-color: #0a2542;
+        color: #FFF;
+        &::after {
+          border-right: 5px solid #1DA57A;
+          color: #FFF;
+        }
+      }
     }
   }
 }

hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/components/navBar/navBar.tsx

@@ -117,11 +117,23 @@ class NavBar extends React.Component<INavBarProps> {
             <span>Containers</span>
             <Link to='/Containers'/>
           </Menu.Item>
-          <Menu.Item key='/Insights'>
-            <Icon type='bar-chart'/>
-            <span>Insights</span>
-            <Link to='/Insights'/>
-          </Menu.Item>
+          <Menu.SubMenu
+            title={
+              <span><Icon type='bar-chart' />
+                <span>Insights</span>
+              </span>
+            }>
+              <Menu.Item key="/Insights">
+                <span><Icon type='bar-chart' /></span>
+                <span>Insights</span>
+                <Link to='/Insights' />
+              </Menu.Item>
+              <Menu.Item key="/Om">
+              <span> <Icon type="database"/></span>
+              <span>OM DB Insights</span>
+              <Link to='/Om' />
+              </Menu.Item>
+          </Menu.SubMenu>
           <Menu.Item key='/DiskUsage'>
             <Icon type='pie-chart'/>
             <span>Disk Usage</span>

hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/constants/breadcrumbs.constants.tsx

@@ -27,5 +27,6 @@ export const breadcrumbNameMap: IBreadcrumbNameMap = {
   '/MissingContainers': 'Missing Containers',
   '/Insights': 'Insights',
   '/DiskUsage': 'Disk Usage', 
-  '/Heatmap': 'Heatmap'
+  '/Heatmap': 'Heatmap',
+  '/Om':'Om',
 };

hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/routes.tsx

@@ -23,6 +23,8 @@ import {NotFound} from './views/notFound/notFound';
 import {IRoute} from './types/routes.types';
 import {MissingContainers} from './views/missingContainers/missingContainers';
 import {Insights} from './views/insights/insights';
+import {Om} from './views/insights/om/om';
+
 import {DiskUsage} from './views/diskUsage/diskUsage';
 import {Heatmap} from './views/heatMap/heatmap';
 
@@ -43,6 +45,10 @@ export const routes: IRoute[] = [
     path: '/Insights',
     component: Insights
   },
+  {
+    path: '/Om',
+    component: Om
+  },
   {
     path: '/MissingContainers',
     component: MissingContainers

hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/views/insights/om/om.less

@@ -0,0 +1,27 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.ant-pagination-disabled a, .ant-pagination-disabled:hover a, .ant-pagination-disabled:focus a, .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination-disabled:focus .ant-pagination-item-link {
+    color: rgba(0, 0, 0, 0.65);
+    cursor: pointer !important;
+  }
+
+  .ant-pagination-disabled, .ant-pagination-disabled:hover, .ant-pagination-disabled:focus {
+    color: rgba(0, 0, 0, 0.65);
+    cursor: pointer !important;
+  }