diff --git a/releasenotes/notes/Support-Instance-For-Openstack-Service-Monitor-4e2fb683f379b639.yaml b/releasenotes/notes/Support-Instance-For-Openstack-Service-Monitor-4e2fb683f379b639.yaml new file mode 100644 index 00000000..df661ccb --- /dev/null +++ b/releasenotes/notes/Support-Instance-For-Openstack-Service-Monitor-4e2fb683f379b639.yaml @@ -0,0 +1,6 @@ +--- +features: + - | + Support instance info for the openstack service monitor in the administrator: + + * Add the instance info below the host of the openstack services. diff --git a/src/pages/monitor/containers/OpenstackService/Services.jsx b/src/pages/monitor/containers/OpenstackService/Services.jsx index 23274ea1..5641c574 100644 --- a/src/pages/monitor/containers/OpenstackService/Services.jsx +++ b/src/pages/monitor/containers/OpenstackService/Services.jsx @@ -61,7 +61,10 @@ const Services = (props) => { )} - {it.hostname || it.host} +
{it.hostname || it.host}
+ {it.instance && ( +
{it.instance}
+ )} {t('Current Status')} diff --git a/src/pages/monitor/containers/OpenstackService/index.less b/src/pages/monitor/containers/OpenstackService/index.less index 67dcfece..0abb32eb 100644 --- a/src/pages/monitor/containers/OpenstackService/index.less +++ b/src/pages/monitor/containers/OpenstackService/index.less @@ -15,6 +15,7 @@ .title { display: flex; + flex-direction: column; color: rgba(0, 0, 0, 65%); font-weight: 400; font-size: 16px; @@ -26,6 +27,11 @@ font-weight: 400; font-size: 14px; } + + .instance { + color: rgba(0, 0, 0, 65%); + font-size: 12px; + } } }