feat(web): support resource monitor (#1471)

* feat(web): support resource monitor * refactor(web): adjust code * refactor(web): optimize request * fix
labring · Aug 22, 2023 · 4e3edb3 · 4e3edb3
1 parent 9e2c17d
commit 4e3edb3
Show file tree

Hide file tree

Showing 16 changed files with 436 additions and 244 deletions.
diff --git a/web/public/locales/en/translation.json b/web/public/locales/en/translation.json
@@ -204,7 +204,7 @@
     "CostTrend": "Cost Trend",
     "Balance": "Balance",
     "Pause": "Pause",
-    "AppMonitor": "App Monitoring"
+    "AppMonitor": "Application Monitor"
   },
   "StoragePanel": {
     "All": "Total Capacity",
@@ -611,5 +611,8 @@
     "QuitSuccess": "Quit",
     "Quit": "Quit"
   },
-  "Collaborative": "Collaborative"
+  "Collaborative": "Collaborative",
+  "Used": "Used",
+  "Remaining": "Remaining",
+  "Pod": "Pod"
 }
diff --git a/web/public/locales/zh-CN/translation.json b/web/public/locales/zh-CN/translation.json
@@ -611,5 +611,8 @@
     "QuitSuccess": "退出成功",
     "Quit": "退出"
   },
-  "Collaborative": "协作"
+  "Collaborative": "协作",
+  "Used": "已使用",
+  "Remaining": "剩余",
+  "Pod": "实例"
 }
diff --git a/web/public/locales/zh/translation.json b/web/public/locales/zh/translation.json
@@ -611,5 +611,8 @@
     "QuitSuccess": "退出成功",
     "Quit": "退出"
   },
-  "Collaborative": "协作"
+  "Collaborative": "协作",
+  "Used": "已使用",
+  "Remaining": "剩余",
+  "Pod": "实例"
 }
diff --git a/web/src/apis/typing.d.ts b/web/src/apis/typing.d.ts
@@ -48,6 +48,23 @@ export type TBundle = {
   updatedAt: string;
 };
 
+export type TMonitorData = {
+  cpuUsage: TCpuUsageData;
+  memoryUsage: TCpuUsageData;
+  databaseUsage: TDatabaseUsage;
+  storageUsage: TDatabaseUsage;
+};
+
+export type TCpuUsageData = {
+  metric: { pod: string };
+  values: Array<[number, string]>;
+}[];
+
+export type TDatabaseUsage = {
+  metric: { pod: string };
+  value: [number, string];
+}[];
+
 export type TSpec = {
   cpu: Cpu;
   memory: Memory;

diff --git a/web/src/apis/v1/api-auto.d.ts b/web/src/apis/v1/api-auto.d.ts
@@ -21,16 +21,6 @@ declare namespace Definitions {
     params?: {};
   };
 
-  export type SendEmailCodeDto = {
-    email?: string;
-    type?: string /* verify code type */;
-  };
-
-  export type BindEmailDto = {
-    email?: string;
-    code?: string /* verify code */;
-  };
-
   export type CompileFunctionDto = {
     code?: string /* The source code of the function */;
   };
@@ -296,6 +286,11 @@ declare namespace Definitions {
     pat?: string /* PAT */;
   };
 
+  export type SendEmailCodeDto = {
+    email?: string;
+    type?: string /* verify code type */;
+  };
+
   export type CreatePATDto = {
     name?: string;
     expiresIn?: number;
@@ -318,6 +313,11 @@ declare namespace Definitions {
     newSmsCode?: string /* sms verify code for new phone number */;
   };
 
+  export type BindEmailDto = {
+    email?: string;
+    code?: string /* verify code */;
+  };
+
   export type BindUsernameDto = {
     username?: string /* username */;
   };
@@ -385,6 +385,11 @@ declare namespace Definitions {
     updatedAt?: string;
   };
 
+  export type GetGroupInviteCodeDetailDto = {
+    group?: Definitions.Group;
+    invitedBy?: Definitions.User;
+  };
+
   export type CreateGroupDto = {
     name?: string;
   };
@@ -403,12 +408,13 @@ declare namespace Definitions {
     code?: string;
     role?: string;
     groupId?: string;
+    createdBy?: string;
     createdAt?: string;
     updatedAt?: string;
   };
 
   export type GroupMember = {
-    id?: string;
+    _id?: string;
     uid?: string;
     groupId?: string;
     role?: string;
@@ -420,8 +426,6 @@ declare namespace Definitions {
     role?: string;
   };
 
-  export type GroupApplication = {};
-
   export type CreateAutoscalingDto = {
     enable?: boolean;
     minReplicas?: number;
@@ -516,6 +520,15 @@ declare namespace Definitions {
     methods?: string[];
     code?: string /* The source code of the function */;
   };
+
+  export type User = {
+    _id?: string;
+    username?: string;
+    email?: string;
+    phone?: string;
+    createdAt?: string;
+    updatedAt?: string;
+  };
 }
 
 declare namespace Paths {
@@ -1103,6 +1116,14 @@ declare namespace Paths {
     export type Responses = any;
   }
 
+  namespace UserControllerBindEmail {
+    export type QueryParameters = any;
+
+    export type BodyParameters = Definitions.BindEmailDto;
+
+    export type Responses = any;
+  }
+
   namespace UserControllerBindUsername {
     export type QueryParameters = any;
 
@@ -1503,23 +1524,7 @@ declare namespace Paths {
     export type Responses = any;
   }
 
-  namespace GroupApplicationControllerAppend {
-    export type QueryParameters = any;
-
-    export type BodyParameters = any;
-
-    export type Responses = any;
-  }
-
-  namespace GroupApplicationControllerRemove {
-    export type QueryParameters = any;
-
-    export type BodyParameters = any;
-
-    export type Responses = any;
-  }
-
-  namespace GroupApplicationControllerFind {
+  namespace MonitorControllerGetData {
     export type QueryParameters = any;
 
     export type BodyParameters = any;

diff --git a/web/src/apis/v1/group.ts b/web/src/apis/v1/group.ts
@@ -37,7 +37,7 @@ export async function GroupControllerFindGroupByInviteCode(
   params: Paths.GroupControllerFindGroupByInviteCode.BodyParameters,
 ): Promise<{
   error: string;
-  data: Definitions.Group;
+  data: Definitions.GetGroupInviteCodeDetailDto;
 }> {
   // /v1/group/invite/code/{code}/group
   let _params: { [key: string]: any } = {
@@ -187,7 +187,7 @@ export async function GroupInviteControllerGenerateInviteCode(
 }
 
 /**
- * Reset group invite code
+ * Delete group invite code
  */
 export async function GroupInviteControllerDeleteInviteCode(
   params: Paths.GroupInviteControllerDeleteInviteCode.BodyParameters,
@@ -305,63 +305,3 @@ export async function GroupMemberControllerLeaveGroup(
     data: params,
   });
 }
-
-/**
- * Append an application to a group
- */
-export async function GroupApplicationControllerAppend(
-  params: Paths.GroupApplicationControllerAppend.BodyParameters,
-): Promise<{
-  error: string;
-  data: Definitions.GroupApplication;
-}> {
-  // /v1/group/{groupId}/application/{appid}
-  let _params: { [key: string]: any } = {
-    appid: useGlobalStore.getState().currentApp?.appid || "",
-    ...params,
-  };
-  return request(`/v1/group/${_params.groupId}/application/${_params.appid}`, {
-    method: "POST",
-    data: params,
-  });
-}
-
-/**
- * Remove an application from a group
- */
-export async function GroupApplicationControllerRemove(
-  params: Paths.GroupApplicationControllerRemove.BodyParameters,
-): Promise<{
-  error: string;
-  data: Paths.GroupApplicationControllerRemove.Responses;
-}> {
-  // /v1/group/{groupId}/application/{appid}
-  let _params: { [key: string]: any } = {
-    appid: useGlobalStore.getState().currentApp?.appid || "",
-    ...params,
-  };
-  return request(`/v1/group/${_params.groupId}/application/${_params.appid}`, {
-    method: "DELETE",
-    data: params,
-  });
-}
-
-/**
- * Get application list of a group
- */
-export async function GroupApplicationControllerFind(
-  params: Paths.GroupApplicationControllerFind.BodyParameters,
-): Promise<{
-  error: string;
-  data: Paths.GroupApplicationControllerFind.Responses;
-}> {
-  // /v1/group/{groupId}/application
-  let _params: { [key: string]: any } = {
-    appid: useGlobalStore.getState().currentApp?.appid || "",
-    ...params,
-  };
-  return request(`/v1/group/${_params.groupId}/application`, {
-    method: "GET",
-    params: params,
-  });
-}
diff --git a/web/src/apis/v1/monitor.ts b/web/src/apis/v1/monitor.ts
@@ -0,0 +1,31 @@
+// @ts-ignore
+/* eslint-disable */
+///////////////////////////////////////////////////////////////////////
+//                                                                   //
+// this file is autogenerated by service-generate                    //
+// do not edit this file manually                                    //
+//                                                                   //
+///////////////////////////////////////////////////////////////////////
+/// <reference path = "api-auto.d.ts" />
+import request from "@/utils/request";
+import useGlobalStore from "@/pages/globalStore";
+
+/**
+ * Get monitor metrics data
+ */
+export async function MonitorControllerGetData(
+  params: Paths.MonitorControllerGetData.BodyParameters,
+): Promise<{
+  error: string;
+  data: Paths.MonitorControllerGetData.Responses;
+}> {
+  // /v1/monitor/{appid}/metrics
+  let _params: { [key: string]: any } = {
+    appid: useGlobalStore.getState().currentApp?.appid || "",
+    ...params,
+  };
+  return request(`/v1/monitor/${_params.appid}/metrics`, {
+    method: "GET",
+    params: params,
+  });
+}