feat(pointcloud): Confirm before deleteGraphByAttr

open-mmlab · Mar 20, 2023 · e8759ac · e8759ac
1 parent 753a7b2
commit e8759ac
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 7 deletions.
diff --git a/packages/lb-components/src/components/pointCloudView/PointCloudContext.tsx b/packages/lb-components/src/components/pointCloudView/PointCloudContext.tsx
@@ -183,6 +183,7 @@ export const PointCloudProvider: React.FC<{}> = ({ children }) => {
 
       topViewInstance?.updatePolygonList(_displayPointCloudList, _polygonList);
       mainViewInstance?.generateBoxes(_displayPointCloudList);
+      syncAllViewPointCloudColor(_displayPointCloudList);
     };
 
     /**

diff --git a/packages/lb-components/src/index.scss b/packages/lb-components/src/index.scss
@@ -1269,9 +1269,10 @@ $hotkey-container-padding: 7px;
   &__text {
     display: flex;
     justify-content: space-between;
-    padding: 8px 20px;
+    padding: 8px 12px;
     color: #333;
   }
+
   &__item {
     height: 40px;
     line-height: 40px;

diff --git a/packages/lb-components/src/views/MainView/toolFooter/AnnotatedAttributes/index.tsx b/packages/lb-components/src/views/MainView/toolFooter/AnnotatedAttributes/index.tsx
@@ -1,9 +1,9 @@
 import { PointCloudContext } from '@/components/pointCloudView/PointCloudContext';
-import { Popover } from 'antd';
+import { Modal, Popover } from 'antd';
 import React, { useContext, useState } from 'react';
 import { stepConfigSelector } from '@/store/annotation/selectors';
 import { useSelector } from '@/store/ctx';
-import { IPointCloudConfig } from '@labelbee/lb-utils';
+import { i18n, IPointCloudConfig } from '@labelbee/lb-utils';
 import {
   CaretDownFilled,
   DeleteOutlined,
@@ -65,6 +65,17 @@ const AnnotatedAttributesItem = ({ attribute }: { attribute: IInputList }) => {
     pushHistoryWithList({ pointCloudBoxList: newPointCloudList, polygonList: newPolygonList });
   };
 
+  const onDeleteGraphByAttr = (attribute: IInputList) => {
+    Modal.confirm({
+      content: i18n.t('onDeleteGraphByAttr', { attribute: attribute.key }),
+      onOk: () => {
+        deleteGraphByAttr(attribute.value);
+      },
+      okText: i18n.t('Confirm'),
+      cancelText: i18n.t('Cancel'),
+    });
+  };
+
   return (
     <>
       <div className={getClassName('annotated-attribute', 'item')}>
@@ -81,7 +92,7 @@ const AnnotatedAttributesItem = ({ attribute }: { attribute: IInputList }) => {
         />
         <span className={getClassName('annotated-attribute', 'item', 'text')}>{attribute.key}</span>
 
-        <DeleteOutlined onClick={() => deleteGraphByAttr(attribute.value)} />
+        <DeleteOutlined onClick={() => onDeleteGraphByAttr(attribute)} />
       </div>
       {pointCloudListForSpecAttribute.map((box) => {
         return (
@@ -188,4 +199,17 @@ export const AnnotatedAttributesIcon = () => {
       content={<AnnotatedAttributesPanel />}
     />
   );
+
+  return (
+    <Popover
+      placement='topLeft'
+      content={<AnnotatedAttributesPanel />}
+      overlayClassName={getClassName('annotated-attribute', 'popover')}
+    >
+      <span>
+        <UnorderedListOutlined style={{ marginRight: 4 }} />
+        {t('AnnotatedList')}
+      </span>
+    </Popover>
+  );
 };
diff --git a/packages/lb-utils/src/i18n/resources.json b/packages/lb-utils/src/i18n/resources.json
@@ -75,7 +75,7 @@
     "AnnotateInvalidPolygon": "Annotate Invalid Polygon",
     "TogglePolygonEffectiveness": "Toggle Polygon Validity",
     "DeletePolygon": "Delete Polygon",
-    "Delete": "Delete", 
+    "Delete": "Delete",
     "TogglePointParticularity": "Toggle Point Particularity",
     "CropOverlapArea": "Crop Overlap Area",
     "SegmentationRecognition": "Segmentation Recognition",
@@ -192,7 +192,8 @@
     "UnifySize": "Unify Size",
     "UnifyTag": "Unify Tag",
     "NoData": "No Data",
-    "AnnotatedList": "Annotated List"
+    "AnnotatedList": "Annotated List",
+    "onDeleteGraphByAttr": "Are you sure to delete the data with attribute {{attribute}}?"
   },
   "cn": {
     "TextInput": "文本输入",
@@ -387,6 +388,7 @@
     "UnifySize": "统一尺寸",
     "UnifyTag": "统一标签",
     "NoData": "暂无数据",
-    "AnnotatedList": "标注列表"
+    "AnnotatedList": "标注列表",
+    "onDeleteGraphByAttr": "确定要删除属性为 {{attribute}} 的标注数据吗?"
   }
 }