UI for Inspect (#1583)

Author: prakashsvmx

portal-ui/src/common/SecureComponent/permissions.ts

@@ -132,6 +132,7 @@ export const IAM_PAGES = {
   DASHBOARD: "/tools/metrics",
   TOOLS_HEAL: "/tools/heal",
   TOOLS_WATCH: "/tools/watch",
+  TOOLS_INSPECT: "/tools/inspect",
   /* Health */
   HEALTH: "/health",
 
@@ -366,6 +367,7 @@ export const IAM_PAGES_PERMISSIONS = {
   [IAM_PAGES.CALL_HOME]: [IAM_SCOPES.ADMIN_HEALTH_INFO],
   [IAM_PAGES.PROFILE]: [IAM_SCOPES.ADMIN_HEALTH_INFO],
   [IAM_PAGES.HEALTH]: [IAM_SCOPES.ADMIN_HEALTH_INFO],
+  [IAM_PAGES.TOOLS_INSPECT]: [IAM_SCOPES.ADMIN_HEALTH_INFO],
   [IAM_PAGES.LICENSE]: [
     IAM_SCOPES.ADMIN_SERVER_INFO,
     IAM_SCOPES.ADMIN_CONFIG_UPDATE,

portal-ui/src/common/utils.ts

@@ -609,3 +609,20 @@ export const decodeFileName = (text: string) => {
     return text;
   }
 };
+
+export const performDownload = (blob: Blob, fileName: string) => {
+  const link = document.createElement("a");
+  link.href = window.URL.createObjectURL(blob);
+  link.download = fileName;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+};
+
+export const getCookieValue = (cookieName: string) => {
+  return (
+    document.cookie
+      .match("(^|;)\\s*" + cookieName + "\\s*=\\s*([^;]+)")
+      ?.pop() || ""
+  );
+};

portal-ui/src/screens/Console/Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper.tsx

@@ -23,6 +23,7 @@ import Grid from "@mui/material/Grid";
 import { actionsTray, fieldBasic } from "../common/styleLibrary";
 import HelpIcon from "../../../../../icons/HelpIcon";
 import clsx from "clsx";
+import { InputProps as StandardInputProps } from "@mui/material/Input/Input";
 
 interface IFormSwitch {
   label?: string;
@@ -38,6 +39,7 @@ interface IFormSwitch {
   checked: boolean;
   switchOnly?: boolean;
   indicatorLabels?: string[];
+  extraInputProps?: StandardInputProps["inputProps"];
 }
 
 const styles = (theme: Theme) =>
@@ -125,6 +127,7 @@ const FormSwitchWrapper = ({
   description = "",
   classes,
   indicatorLabels,
+  extraInputProps = {},
 }: IFormSwitch) => {
   const switchComponent = (
     <React.Fragment>
@@ -144,7 +147,7 @@ const FormSwitchWrapper = ({
         onChange={onChange}
         color="primary"
         name={name}
-        inputProps={{ "aria-label": "primary checkbox" }}
+        inputProps={{ "aria-label": "primary checkbox", ...extraInputProps }}
         disabled={disabled}
         disableRipple
         disableFocusRipple

portal-ui/src/screens/Console/Common/FormComponents/common/styleLibrary.ts

@@ -414,7 +414,7 @@ export const selectorsCommon = {
   },
 };
 
-export const settingsCommon = {
+export const settingsCommon:any = {
   customTitle: {
     fontSize: 18,
     color: "#000",
@@ -1152,7 +1152,7 @@ export const spacingUtils: any = {
   },
 };
 
-export const formFieldStyles = {
+export const formFieldStyles:any = {
   formFieldRow: {
     marginBottom: ".8rem",
     "& .MuiInputLabel-root": {

portal-ui/src/screens/Console/Console.tsx

@@ -326,6 +326,10 @@ const Console = ({
       component: Tools,
       path: IAM_PAGES.PROFILE,
     },
+    {
+      component: Tools,
+      path: IAM_PAGES.TOOLS_INSPECT,
+    },
     {
       component: ConfigurationOptions,
       path: IAM_PAGES.SETTINGS,