Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add Cluster Metrics Ops to Quick Access in Overview #17

Merged
merged 1 commit into from
Dec 9, 2024
Merged

feat: add Cluster Metrics Ops to Quick Access in Overview #17

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions web/src/locales/en-US/overview.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,4 +22,5 @@ export default {
"overview.quick.cluster_regist": "Register A Cluster",
"overview.quick.security": "Configure Security",
"overview.quick.discover": "Discover Your Data",
"overview.quick.monitor": "Cluster Metrics Ops",
};
1 change: 1 addition & 0 deletions web/src/locales/zh-CN/overview.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,5 +21,6 @@ export default {
"overview.quick.cluster_regist": "集群注册",
"overview.quick.security": "安全管理",
"overview.quick.discover": "数据探索",
"overview.quick.monitor": "监控指标",

};
17 changes: 17 additions & 0 deletions web/src/pages/Overview/components/Quick/icons/MonitorIcon.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
export default () => {
return (
<svg width="1em" height="1em" viewBox="0 0 256 256" version="1.1" >
<title>monitor</title>
<g id="monitor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle id="椭圆形" fill="#EAF0FF" cx="74.5" cy="73.5" r="62.5"></circle>
<path d="M228,60 L228,228 L34,228 L34,87.9908743 L46,87.9908743 L46,192 L216,192 L216,72 L165.110303,72 L165.110303,60 L228,60 Z M206.671087,203 L191,203 C187.686292,203 185,205.686292 185,209 C185,212.313708 187.686292,215 191,215 L206.671087,215 C209.984795,215 212.671087,212.313708 212.671087,209 C212.671087,205.686292 209.984795,203 206.671087,203 Z M166.671087,203 L151,203 C147.686292,203 145,205.686292 145,209 C145,212.313708 147.686292,215 151,215 L166.671087,215 C169.984795,215 172.671087,212.313708 172.671087,209 C172.671087,205.686292 169.984795,203 166.671087,203 Z" id="形状结合" fill="#0080F0" fill-rule="nonzero"></path>
<polygon id="路径-33" fill="#0080F0" fill-rule="nonzero" points="70.9535268 23.4091121 75.4452674 35.9994523 90.0039517 76.8075561 102.530697 44.4745329 107.098898 32.6827563 113.343058 43.6793429 122.745952 60.2385561 149.274227 60.2395455 149.274227 72.2395455 115.760693 72.2395455 114.036007 69.2022029 109.151952 60.6005561 95.3675677 96.1830234 89.5411448 111.222616 84.1216062 96.0316598 68.6339517 52.6215561 59.5971289 69.1219103 57.8894851 72.2395455 18.0709517 72.2395455 18.0709517 60.2395455 50.7799517 60.2385561 64.5318162 35.1331913"></polygon>
<polygon id="路径-28" fill="#0080F0" fill-rule="nonzero" points="95.5 131.25 95.5 178 107.5 178 107.5 131.25"></polygon>
<polygon id="路径-28备份" fill="#0080F0" fill-rule="nonzero" points="66.5 152.5 66.5 178 78.5 178 78.5 152.5"></polygon>
<polygon id="路径-28备份-2" fill="#4A02BC" fill-rule="nonzero" points="153 98 153 178 165 178 165 98"></polygon>
<polygon id="路径-28备份-3" fill="#0080F0" fill-rule="nonzero" points="124.5 144 124.5 178 136.5 178 136.5 144"></polygon>
<polygon id="路径-28备份-4" fill="#0080F0" fill-rule="nonzero" points="183 121.05 183 178 195 178 195 121.05"></polygon>
</g>
</svg>
)
}
22 changes: 14 additions & 8 deletions web/src/pages/Overview/components/Quick/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ import DevToolIcon from "./icons/DevToolIcon";
import ClusterIcon from "./icons/ClusterIcon";
import SecurityIcon from "./icons/SecurityIcon";
import DiscoverIcon from "./icons/DiscoverIcon";
import MonitorIcon from "./icons/MonitorIcon";
import { formatMessage } from "umi/locale";

const ROUTES = [
Expand All @@ -14,26 +15,31 @@ const ROUTES = [
name: "cluster_regist",
icon: ClusterIcon,
},
{
path: "/insight/discover",
name: "discover",
icon: DiscoverIcon,
},
{
path: "/alerting/message",
name: "alert",
icon: MessageIcon,
},
{
path: "/devtool/console",
name: "dev_tools",
icon: DevToolIcon,
path: "/insight/discover",
name: "discover",
icon: DiscoverIcon,
},
{
path: "/cluster/monitor",
name: "monitor",
icon: MonitorIcon,
},
{
path: "/system/security",
name: "security",
icon: SecurityIcon,
},
{
path: "/devtool/console",
name: "dev_tools",
icon: DevToolIcon,
},
];

export default () => {
Expand Down
Loading