[frontend] Fix some tiny issues in the diamond model

fbicyber · Jun 24, 2024 · d6fc673 · d6fc673
1 parent c17c7b1
commit d6fc673
Show file tree

Hide file tree

Showing 8 changed files with 23 additions and 5 deletions.
diff --git a/opencti-platform/opencti-front/lang/front/de.json b/opencti-platform/opencti-front/lang/front/de.json
@@ -98,6 +98,7 @@
   "advanced": "fortgeschritten",
   "Advanced options": "Erweiterte Optionen",
   "Advanced search": "Erweiterte Suche",
+  "Adversary": "Widersacher",
   "Affected software": "Betroffene Software",
   "Affecting this sector": "Beeinflussung dieses Sektors",
   "AI Powered": "KI-gesteuert",
@@ -1295,6 +1296,7 @@
   "Information type": "Informationstyp",
   "information_types": "informationstypen",
   "Information_types": "Informationstypen",
+  "Infrastructure": "Infrastruktur",
   "Infrastructure types": "Infrastruktur-Typen",
   "infrastructure-architect": "infrastruktur-Architekt",
   "infrastructure-operator": "infrastruktur-Betreiber",

diff --git a/opencti-platform/opencti-front/lang/front/en.json b/opencti-platform/opencti-front/lang/front/en.json
@@ -98,6 +98,7 @@
   "advanced": "advanced",
   "Advanced options": "Advanced options",
   "Advanced search": "Advanced search",
+  "Adversary": "Adversary",
   "Affected software": "Affected software",
   "Affecting this sector": "Affecting this sector",
   "AI Powered": "AI Powered",
@@ -1295,6 +1296,7 @@
   "Information type": "Information type",
   "Information_types": "Information Types",
   "information_types": "information types",
+  "Infrastructure": "Infrastructure",
   "Infrastructure types": "Infrastructure types",
   "infrastructure-architect": "infrastructure-architect",
   "infrastructure-operator": "infrastructure-operator",

diff --git a/opencti-platform/opencti-front/lang/front/es.json b/opencti-platform/opencti-front/lang/front/es.json
@@ -98,6 +98,7 @@
   "advanced": "Avanzada",
   "Advanced options": "Opciones avanzadas",
   "Advanced search": "Búsqueda avanzada",
+  "Adversary": "Adversario",
   "Affected software": "Aplicaciones afectadas",
   "Affecting this sector": "Afecta a este sector",
   "AI Powered": "AI Powered",
@@ -1295,6 +1296,7 @@
   "Information type": "Tipo de información",
   "information_types": "tipos de información",
   "Information_types": "Tipos de información",
+  "Infrastructure": "Infraestructura",
   "Infrastructure types": "Tipos de infraestructura",
   "infrastructure-architect": "Arquitecto de infraestructura",
   "infrastructure-operator": "Operador de infraestrusctura",

diff --git a/opencti-platform/opencti-front/lang/front/fr.json b/opencti-platform/opencti-front/lang/front/fr.json
@@ -98,6 +98,7 @@
   "advanced": "avancé",
   "Advanced options": "Options avancées",
   "Advanced search": "Recherche avancée",
+  "Adversary": "Adversaire",
   "Affected software": "Logiciels affectés",
   "Affecting this sector": "Affectant ce secteur",
   "AI Powered": "AI Powered",
@@ -1295,6 +1296,7 @@
   "Information type": "Type d'informations",
   "information_types": "types d'informations",
   "Information_types": "Types d'informations",
+  "Infrastructure": "Infrastructure",
   "Infrastructure types": "Types d'infrastructure",
   "infrastructure-architect": "architecte d'infrastructure",
   "infrastructure-operator": "infrastructure-operator",

diff --git a/opencti-platform/opencti-front/lang/front/ja.json b/opencti-platform/opencti-front/lang/front/ja.json
@@ -98,6 +98,7 @@
   "advanced": "高度",
   "Advanced options": "高度なオプション",
   "Advanced search": "詳細検索",
+  "Adversary": "逆賊",
   "Affected software": "影響を受けるソフトウェア",
   "Affecting this sector": "このセクターに影響があるもの",
   "AI Powered": "AI搭載",
@@ -1295,6 +1296,7 @@
   "Information type": "情報タイプ",
   "information_types": "情報の種類",
   "Information_types": "情報の種類",
+  "Infrastructure": "インフラ",
   "Infrastructure types": "インフラストラクチャ種別",
   "infrastructure-architect": "インフラストラクチャ設計者",
   "infrastructure-operator": "インフラストラクチャ運用者",
@@ -2760,6 +2762,7 @@
   "Victimology (regions)": "被害者学（地域）",
   "Victimology (sectors)": "被害者学（セクター）",
   "View": "表示",
+  "View all": "全てを見る",
   "View all entities created by user": "ユーザーによって作成されたすべてのエンティティを表示する",
   "View all relationships created by user": "ユーザーによって作成されたすべての関係を表示する",
   "View the item": "アイテムの表示",

diff --git a/opencti-platform/opencti-front/lang/front/zh.json b/opencti-platform/opencti-front/lang/front/zh.json
@@ -98,6 +98,7 @@
   "advanced": "高级",
   "Advanced options": "高级选项",
   "Advanced search": "高级搜索",
+  "Adversary": "对手",
   "Affected software": "受影响的软件",
   "Affecting this sector": "影响此部门",
   "AI Powered": "人工智能技术",
@@ -1295,6 +1296,7 @@
   "Information type": "信息类型",
   "information_types": "信息类型",
   "Information_types": "信息类型",
+  "Infrastructure": "基础设施",
   "Infrastructure types": "基础设施类型",
   "infrastructure-architect": "基础设施架构师",
   "infrastructure-operator": "基础设施操作员",

diff --git a/...encti-front/src/private/components/common/stix_domain_objects/StixDomainObjectDiamond.jsx b/...encti-front/src/private/components/common/stix_domain_objects/StixDomainObjectDiamond.jsx
@@ -6,6 +6,7 @@ import nodeTypes from './diamond/types/nodes';
 import edgeTypes from './diamond/types/edges';
 import { ErrorBoundary } from '../../Error';
 import { stixDomainObjectThreatDiamondQuery } from './StixDomainObjectThreatDiamondQuery';
+import { useFormatter } from '../../../../components/i18n';
 
 const useStyles = makeStyles(() => ({
   container: {
@@ -25,6 +26,7 @@ const defaultEdgeOptions = {
 
 const StixDomainObjectDiamondComponent = ({ entityLink, data }) => {
   const classes = useStyles();
+  const { t_i18n } = useFormatter();
   const { stixDomainObject } = data;
   const initialNodes = [
     {
@@ -85,7 +87,7 @@ const StixDomainObjectDiamondComponent = ({ entityLink, data }) => {
       sourceHandle: 'adversary',
       target: 'adversary',
       data: {
-        label: 'Adversary',
+        label: t_i18n('Adversary'),
       },
     },
     {
@@ -95,7 +97,7 @@ const StixDomainObjectDiamondComponent = ({ entityLink, data }) => {
       sourceHandle: 'infrastructure',
       target: 'infrastructure',
       data: {
-        label: 'Infrastructure',
+        label: t_i18n('Infrastructure'),
       },
     },
     {
@@ -105,7 +107,7 @@ const StixDomainObjectDiamondComponent = ({ entityLink, data }) => {
       sourceHandle: 'victimology',
       target: 'victimology',
       data: {
-        label: 'Victimology',
+        label: t_i18n('Victimology'),
       },
     },
     {
@@ -115,7 +117,7 @@ const StixDomainObjectDiamondComponent = ({ entityLink, data }) => {
       sourceHandle: 'capabilities',
       target: 'capabilities',
       data: {
-        label: 'Capabilities',
+        label: t_i18n('Capabilities'),
       },
     },
   ];

diff --git a/...ont/src/private/components/common/stix_domain_objects/diamond/types/nodes/NodeDiamond.tsx b/...ont/src/private/components/common/stix_domain_objects/diamond/types/nodes/NodeDiamond.tsx
@@ -3,6 +3,7 @@ import { Handle, Position, NodeProps } from 'reactflow';
 import makeStyles from '@mui/styles/makeStyles';
 import type { Theme } from '../../../../../../../components/Theme';
 import ItemIcon from '../../../../../../../components/ItemIcon';
+import { truncate } from '../../../../../../../utils/String';
 
 // Deprecated - https://mui.com/system/styles/basics/
 // Do not use it for new code.
@@ -12,7 +13,9 @@ const useStyles = makeStyles<Theme>((theme) => ({
     width: 200,
     height: 200,
     lineHeight: '200px',
+    whiteSpace: 'nowrap',
     textAlign: 'center',
+    fontSize: 10,
     margin: 10,
     '&::before': {
       position: 'absolute',
@@ -73,7 +76,7 @@ const NodeDiamond = ({ data }: NodeProps) => {
   const classes = useStyles();
   return (
     <div className={classes.node}>
-      {data.name}
+      {truncate(data.name, 25, false)}
       <div className={classes.adversary}>
         <ItemIcon type="threats" size="large" color="inherit" />
       </div>