feat: update instance lock icon && info

1. Update lock svg: add red color to make it more conspicuous
2. Add tip for lock icon
3. Update share group title

Change-Id: I5024dbb47929fa9aa59c483fc13e1f8ad883baaf
This commit is contained in:
Jingwei.Zhang 2022-07-05 11:35:06 +08:00
parent b6d2eb512f
commit 56e3224e01
5 changed files with 16 additions and 10 deletions

View File

@ -1,12 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="18px" height="24px" viewBox="0 0 18 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>jiesuo</title>
<title>lock</title>
<g id="设计规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="3.-Icon" transform="translate(-33.000000, -729.000000)" fill="#515151" fill-rule="nonzero">
<g id="jiesuo" transform="translate(33.000000, 729.000000)">
<path d="M12.417165,9.76331881 L15.0798903,9.7988131 L15.0798903,7.02692308 C15.0798903,2.75769231 12.6408128,0 8.86685697,0 C5.09290114,0 2.65384615,2.75769231 2.65384615,7.02692308 L2.65384615,9.76331881 L5.31657151,9.76331881 L5.31657151,7.02692308 C5.31657151,5.71419772 5.66272536,2.66272536 8.86685697,2.66272536 C11.9556265,2.66272536 12.417165,5.39734075 12.417165,7.02692308 L12.417165,9.76331881 Z" id="路径"></path>
<path d="M15.1065054,9.7988131 L2.68048377,9.7988131 C1.21065956,9.7988131 0.0177584135,10.9917142 0.0177584135,12.4615385 L0.0177584135,21.3372746 C0.0177584135,22.8070989 1.21065956,24 2.68048377,24 L15.1065054,24 C16.5763296,24 17.7692308,22.8070989 17.7692308,21.3372746 L17.7692308,12.4615385 C17.7692308,10.9917368 16.5763296,9.7988131 15.1065054,9.7988131 Z M9.78105469,17.5411208 L9.78105469,19.5621319 C9.78105469,20.0511644 9.38254958,20.4497145 8.89349459,20.4497145 C8.4044396,20.4497145 8.00591196,20.0511869 8.00591196,19.5621319 L8.00591196,17.5411208 C7.47692308,17.233143 7.11835186,16.6677584 7.11835186,16.0118239 C7.11835186,15.0319561 7.91360427,14.2366812 8.89349459,14.2366812 C9.87338492,14.2366812 10.6686599,15.0319561 10.6686599,16.0118465 C10.6686599,16.666857 10.3100661,17.233143 9.78105469,17.5411433 L9.78105469,17.5411208 Z" id="形状"></path>
</g>
<g id="lock" transform="translate(-0.000000, 0.000000)" fill="#EB354D" fill-rule="nonzero">
<path d="M12.3994066,9.76331881 L15.0621319,9.7988131 L15.0621319,7.02692308 C15.0621319,2.75769231 12.6230544,0 8.84909856,0 C5.07514273,0 2.63608774,2.75769231 2.63608774,7.02692308 L2.63608774,9.76331881 L5.2988131,9.76331881 L5.2988131,7.02692308 C5.2988131,5.71419772 5.64496695,2.66272536 8.84909856,2.66272536 C11.9378681,2.66272536 12.3994066,5.39734075 12.3994066,7.02692308 L12.3994066,9.76331881 Z" id="路径"></path>
<path d="M15.088747,9.7988131 L2.66272536,9.7988131 C1.19290115,9.7988131 0,10.9917142 0,12.4615385 L0,21.3372746 C0,22.8070989 1.19290115,24 2.66272536,24 L15.088747,24 C16.5585712,24 17.7514724,22.8070989 17.7514724,21.3372746 L17.7514724,12.4615385 C17.7514724,10.9917368 16.5585712,9.7988131 15.088747,9.7988131 Z M9.76329628,17.5411208 L9.76329628,19.5621319 C9.76329628,20.0511644 9.36479117,20.4497145 8.87573618,20.4497145 C8.38668119,20.4497145 7.98815355,20.0511869 7.98815355,19.5621319 L7.98815355,17.5411208 C7.45916467,17.233143 7.10059345,16.6677584 7.10059345,16.0118239 C7.10059345,15.0319561 7.89584586,14.2366812 8.87573618,14.2366812 C9.85562651,14.2366812 10.6509015,15.0319561 10.6509015,16.0118465 C10.6509015,16.666857 10.2923077,17.233143 9.76329628,17.5411433 L9.76329628,17.5411208 Z" id="形状"></path>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -1812,7 +1812,6 @@
"Quota Overview": "Quota Overview",
"Quota exceeded": "Quota exceeded",
"Quota is not enough for extend share.": "Quota is not enough for extend share.",
"Quota is not enough for extend volume.": "Quota is not enough for extend volume.",
"Quota of key pair means: the number of allowed key pairs for each user.": "Quota of key pair means: the number of allowed key pairs for each user.",
"Quota: Insufficient quota to create resources, please adjust resource quantity or quota(left { quota }, input { input }).": "Quota: Insufficient quota to create resources, please adjust resource quantity or quota(left { quota }, input { input }).",
"Quota: Insufficient { name } quota to create resources, please adjust resource quantity or quota(left { left }, input { input }).": "Quota: Insufficient { name } quota to create resources, please adjust resource quantity or quota(left { left }, input { input }).",
@ -2225,6 +2224,7 @@
"The https_proxy address to use for nodes in cluster": "The https_proxy address to use for nodes in cluster",
"The instance architecture diagram mainly shows the overall architecture composition of the instance. If you need to view the network topology of the instance, please go to: ": "The instance architecture diagram mainly shows the overall architecture composition of the instance. If you need to view the network topology of the instance, please go to: ",
"The instance deleted immediately cannot be restored": "The instance deleted immediately cannot be restored",
"The instance has been locked. If you want to do more, please unlock it first.": "The instance has been locked. If you want to do more, please unlock it first.",
"The instance is not shut down, unable to restore.": "The instance is not shut down, unable to restore.",
"The instances in the affinity group are allocated to the same physical machine as much as possible, and when there are no more physical machines to allocate, the normal allocation strategy is returned.": "The instances in the affinity group are allocated to the same physical machine as much as possible, and when there are no more physical machines to allocate, the normal allocation strategy is returned.",
"The instances in the affinity group are strictly allocated to the same physical machine. When there are no more physical machines to allocate, the allocation fails.": "The instances in the affinity group are strictly allocated to the same physical machine. When there are no more physical machines to allocate, the allocation fails.",

View File

@ -1812,7 +1812,6 @@
"Quota Overview": "配额概况",
"Quota exceeded": "配额用尽",
"Quota is not enough for extend share.": "配额不足以扩容共享。",
"Quota is not enough for extend volume.": "配额不足以扩容云硬盘。",
"Quota of key pair means: the number of allowed key pairs for each user.": "密钥的配额表示:每个用户允许创建的密钥数量。",
"Quota: Insufficient quota to create resources, please adjust resource quantity or quota(left { quota }, input { input }).": "配额:项目配额不足,无法创建资源,请进行资源数量或配额的调整(剩余{ quota },输入{ input })。",
"Quota: Insufficient { name } quota to create resources, please adjust resource quantity or quota(left { left }, input { input }).": "配额:{ name } 配额不足,无法创建资源,请进行资源数量或配额的调整(剩余{ left },输入{ input })。",
@ -2225,6 +2224,7 @@
"The https_proxy address to use for nodes in cluster": "用于集群中节点的 https_proxy 地址",
"The instance architecture diagram mainly shows the overall architecture composition of the instance. If you need to view the network topology of the instance, please go to: ": "云主机架构图主要展示云主机的总体架构组成。如果需要查看云主机的网络拓扑,请转到:",
"The instance deleted immediately cannot be restored": "立即删除的云主机无法恢复",
"The instance has been locked. If you want to do more, please unlock it first.": "该云主机已被锁定。如果要做更多操作,请先解锁。",
"The instance is not shut down, unable to restore.": "云主机不处于关机状态,不支持恢复备份操作。",
"The instances in the affinity group are allocated to the same physical machine as much as possible, and when there are no more physical machines to allocate, the normal allocation strategy is returned.": "将亲和组内的云主机尽量分配到不同物理机上,当没有更多物理机可分配时,回归普通分配策略。",
"The instances in the affinity group are strictly allocated to the same physical machine. When there are no more physical machines to allocate, the allocation fails.": "将亲和组内的云主机严格分配到同一物理机上,当没有更多物理机可分配时,则分配失败。",

View File

@ -134,7 +134,7 @@ const titleMap = {
shares: t('Share'),
gigabytes: t('Share Gigabytes(GiB)'),
share_networks: t('Share Network'),
share_groups: t('Share group'),
share_groups: t('Share Group'),
};
export const getQuotaInfo = (

View File

@ -23,7 +23,15 @@ import { projectTagsColors } from 'src/utils/constants';
import lockSvg from 'asset/image/lock.svg';
import unlockSvg from 'asset/image/unlock.svg';
const lockIcon = <img src={lockSvg} alt="lock" style={{ width: '12px' }} />;
const lockIcon = (
<Tooltip
title={t(
'The instance has been locked. If you want to do more, please unlock it first.'
)}
>
<img src={lockSvg} alt="lock" style={{ width: '12px' }} />
</Tooltip>
);
const unlockIcon = (
<img src={unlockSvg} alt="unlock" style={{ width: '12px' }} />
);