feat(FR-2833): show deployment ID and use BooleanTag for public access

react/src/components/DeploymentConfigurationSection.tsx

@@ -12,13 +12,7 @@ import DeploymentRevisionHistoryTab from './DeploymentRevisionHistoryTab';
 import DeploymentSettingModal from './DeploymentSettingModal';
 import DeploymentTagChips from './DeploymentTagChips';
 import ErrorBoundaryWithNullFallback from './ErrorBoundaryWithNullFallback';
-import {
-  CheckOutlined,
-  CloseOutlined,
-  EditOutlined,
-  LoadingOutlined,
-  PlusOutlined,
-} from '@ant-design/icons';
+import { EditOutlined, LoadingOutlined, PlusOutlined } from '@ant-design/icons';
 import { useToggle } from 'ahooks';
 import {
   Alert,
@@ -33,7 +27,10 @@ import {
   BAICard,
   BAIFetchKeyButton,
   BAIFlex,
+  BAIId,
+  BAIText,
   BAIUnmountAfterClose,
+  BooleanTag,
   INITIAL_FETCH_KEY,
   filterOutEmpty,
   toLocalId,
@@ -71,9 +68,13 @@ const DeploymentOverviewContent: React.FC<{
   const deploymentItems = filterOutEmpty([
     {
       key: 'name',
-      label: t('deployment.Name'),
+      label: `${t('deployment.Name')} (${t('general.ID')})`,
       children: deployment?.metadata.name ? (
-        <Typography.Text copyable>{deployment.metadata.name}</Typography.Text>
+        <>
+          <BAIText copyable>{deployment.metadata.name}</BAIText>
+          &nbsp;(
+          <BAIId globalId={deployment.id} />)
+        </>
       ) : (
         renderFallback()
       ),
@@ -102,12 +103,16 @@ const DeploymentOverviewContent: React.FC<{
     {
       key: 'open-to-public',
       label: t('deployment.OpenToPublic'),
-      children: deployment?.networkAccess.openToPublic ? (
-        <CheckOutlined />
-      ) : (
-        <CloseOutlined />
+      children: (
+        <BooleanTag value={deployment?.networkAccess.openToPublic ?? false} />
       ),
     },
+    {
+      key: 'desired-replicas',
+      label: t('deployment.DesiredReplicas'),
+      children:
+        deployment?.replicaState?.desiredReplicaCount ?? renderFallback(),
+    },
     {
       key: 'tags',
       label: t('deployment.Tags'),
@@ -118,12 +123,6 @@ const DeploymentOverviewContent: React.FC<{
         />
       ),
     },
-    {
-      key: 'desired-replicas',
-      label: t('deployment.DesiredReplicas'),
-      children:
-        deployment?.replicaState?.desiredReplicaCount ?? renderFallback(),
-    },
   ]);
 
   return (
@@ -292,6 +291,7 @@ const DeploymentConfigurationCards: React.FC<{
     graphql`
       query DeploymentConfigurationSectionQuery($deploymentId: ID!) {
         deployment(id: $deploymentId) {
+          id
           ...DeploymentSettingModal_deployment
           metadata {
             name

react/src/components/DeploymentSettingModal.tsx

@@ -236,14 +236,6 @@ const DeploymentSettingModal: React.FC<DeploymentSettingModalProps> = ({
         >
           <Input placeholder={t('deployment.NamePlaceholder')} />
         </Form.Item>
-        <Form.Item name="tags" label={t('deployment.Tags')}>
-          <Select
-            mode="tags"
-            placeholder={t('deployment.TagsPlaceholder')}
-            tokenSeparators={[',', '\n']}
-            notFoundContent={null}
-          />
-        </Form.Item>
         <Form.Item
           name="replicaCount"
           label={t('deployment.DesiredReplicas')}
@@ -256,8 +248,20 @@ const DeploymentSettingModal: React.FC<DeploymentSettingModalProps> = ({
         >
           <InputNumber min={1} style={{ width: '100%' }} />
         </Form.Item>
-        <Form.Item name="openToPublic" valuePropName="checked">
-          <Checkbox>{t('deployment.OpenToPublic')}</Checkbox>
+        <Form.Item name="tags" label={t('deployment.Tags')}>
+          <Select
+            mode="tags"
+            placeholder={t('deployment.TagsPlaceholder')}
+            tokenSeparators={[',', '\n']}
+            notFoundContent={null}
+          />
+        </Form.Item>
+        <Form.Item
+          name="openToPublic"
+          valuePropName="checked"
+          label={t('deployment.OpenToPublic')}
+        >
+          <Checkbox>{t('deployment.Public')}</Checkbox>
         </Form.Item>
       </Form>
     </BAIModal>

resources/i18n/de.json

@@ -964,6 +964,7 @@
     "Overview": "Übersicht",
     "Owner": "Eigentümer",
     "Project": "Projekt",
+    "Public": "Öffentlich",
     "QuickDeploy": "Bereitstellen",
     "QuickDeployDetailed": "Konfigurieren und bereitstellen...",
     "ReadinessStatus": "Bereitschaftsstatus",
@@ -1459,6 +1460,7 @@
     "Folder": "Ordner",
     "Folders": "Ordner",
     "General": "Allgemein",
+    "ID": "ID",
     "Image": "Bild",
     "InProgress": "In Arbeit",
     "Inactive": "Inaktiv",

resources/i18n/el.json

@@ -964,6 +964,7 @@
     "Overview": "Επισκόπηση",
     "Owner": "Ιδιοκτήτης",
     "Project": "Έργο",
+    "Public": "Δημόσιο",
     "QuickDeploy": "Ανάπτυξη",
     "QuickDeployDetailed": "Διαμόρφωση και ανάπτυξη...",
     "ReadinessStatus": "Κατάσταση Readiness",
@@ -1457,6 +1458,7 @@
     "Folder": "Φάκελος",
     "Folders": "Φάκελοι",
     "General": "Γενικά",
+    "ID": "ID",
     "Image": "Εικόνα",
     "InProgress": "Σε εξέλιξη",
     "Inactive": "Αδρανής",

resources/i18n/en.json

@@ -966,6 +966,7 @@
     "Overview": "Overview",
     "Owner": "Owner",
     "Project": "Project",
+    "Public": "Public",
     "QuickDeploy": "Deploy",
     "QuickDeployDetailed": "Configure and deploy",
     "ReadinessStatus": "Readiness Status",
@@ -1459,6 +1460,7 @@
     "Folder": "Folder",
     "Folders": "Folders",
     "General": "General",
+    "ID": "ID",
     "Image": "Image",
     "InProgress": "In progress",
     "Inactive": "Inactive",

resources/i18n/es.json

@@ -964,6 +964,7 @@
     "Overview": "Resumen",
     "Owner": "Propietario",
     "Project": "Proyecto",
+    "Public": "Público",
     "QuickDeploy": "Desplegar",
     "QuickDeployDetailed": "Configurar y desplegar...",
     "ReadinessStatus": "Estado de Readiness",
@@ -1457,6 +1458,7 @@
     "Folder": "Carpeta",
     "Folders": "Carpetas",
     "General": "General",
+    "ID": "ID",
     "Image": "Imagen",
     "InProgress": "En curso",
     "Inactive": "Inactivo",

resources/i18n/fi.json

@@ -964,6 +964,7 @@
     "Overview": "Yleiskatsaus",
     "Owner": "Omistaja",
     "Project": "Projekti",
+    "Public": "Julkinen",
     "QuickDeploy": "Ota käyttöön",
     "QuickDeployDetailed": "Määritä ja ota käyttöön...",
     "ReadinessStatus": "Readiness-tila",
@@ -1457,6 +1458,7 @@
     "Folder": "Kansio",
     "Folders": "Kansiot",
     "General": "Yleistä",
+    "ID": "ID",
     "Image": "Kuva",
     "InProgress": "Käynnissä",
     "Inactive": "Passiivinen",

resources/i18n/fr.json

@@ -964,6 +964,7 @@
     "Overview": "Aperçu",
     "Owner": "Propriétaire",
     "Project": "Projet",
+    "Public": "Public",
     "QuickDeploy": "Déployer",
     "QuickDeployDetailed": "Configurer et déployer...",
     "ReadinessStatus": "État Readiness",
@@ -1458,6 +1459,7 @@
     "Folder": "Dossier",
     "Folders": "Dossiers",
     "General": "Général",
+    "ID": "ID",
     "Image": "Image",
     "InProgress": "En cours",
     "Inactive": "Inactif",

resources/i18n/id.json

@@ -964,6 +964,7 @@
     "Overview": "Ikhtisar",
     "Owner": "Pemilik",
     "Project": "Proyek",
+    "Public": "Publik",
     "QuickDeploy": "Terapkan",
     "QuickDeployDetailed": "Konfigurasi dan terapkan...",
     "ReadinessStatus": "Status Readiness",
@@ -1460,6 +1461,7 @@
     "Folder": "Folder",
     "Folders": "Folder",
     "General": "Umum",
+    "ID": "ID",
     "Image": "Gambar",
     "InProgress": "Sedang Berlangsung",
     "Inactive": "Tidak aktif",

resources/i18n/it.json

@@ -964,6 +964,7 @@
     "Overview": "Panoramica",
     "Owner": "Proprietario",
     "Project": "Progetto",
+    "Public": "Pubblico",
     "QuickDeploy": "Distribuisci",
     "QuickDeployDetailed": "Configura e distribuisci...",
     "ReadinessStatus": "Stato Readiness",
@@ -1457,6 +1458,7 @@
     "Folder": "Cartella",
     "Folders": "cartelle",
     "General": "Generale",
+    "ID": "ID",
     "Image": "Immagine",
     "InProgress": "In corso",
     "Inactive": "Inattivo",

resources/i18n/ja.json

@@ -964,6 +964,7 @@
     "Overview": "概要",
     "Owner": "オーナー",
     "Project": "プロジェクト",
+    "Public": "公開",
     "QuickDeploy": "デプロイ",
     "QuickDeployDetailed": "設定してデプロイ...",
     "ReadinessStatus": "Readiness 状態",
@@ -1459,6 +1460,7 @@
     "Folder": "フォルダ",
     "Folders": "フォルダー",
     "General": "一般",
+    "ID": "ID",
     "Image": "画像",
     "InProgress": "進行中",
     "Inactive": "非アクティブ",

resources/i18n/ko.json

@@ -965,6 +965,7 @@
     "Overview": "개요",
     "Owner": "소유자",
     "Project": "프로젝트",
+    "Public": "공개",
     "QuickDeploy": "배포",
     "QuickDeployDetailed": "구성 및 배포...",
     "ReadinessStatus": "준비 상태 (Readiness)",
@@ -1460,6 +1461,7 @@
     "Folder": "폴더",
     "Folders": "폴더",
     "General": "일반",
+    "ID": "ID",
     "Image": "이미지",
     "InProgress": "진행중",
     "Inactive": "비활성",

resources/i18n/mn.json

@@ -964,6 +964,7 @@
     "Overview": "Ерөнхий мэдэгдэл",
     "Owner": "Эзэмшигч",
     "Project": "Төсөл",
+    "Public": "Нийтийн",
     "QuickDeploy": "Байршуулах",
     "QuickDeployDetailed": "Тохиргоо хийж байршуулах...",
     "ReadinessStatus": "Readiness төлөв",
@@ -1458,6 +1459,7 @@
     "Folder": "Хавтас",
     "Folders": "Фолдерууд",
     "General": "Генерал",
+    "ID": "ID",
     "Image": "Зураг",
     "InProgress": "Ажиллаж байна",
     "Inactive": "Идэвхгүй",

resources/i18n/ms.json

@@ -964,6 +964,7 @@
     "Overview": "Gambaran Keseluruhan",
     "Owner": "Pemilik",
     "Project": "Projek",
+    "Public": "Awam",
     "QuickDeploy": "Gunakan",
     "QuickDeployDetailed": "Konfigurasi dan gunakan...",
     "ReadinessStatus": "Status Readiness",
@@ -1457,6 +1458,7 @@
     "Folder": "Folder",
     "Folders": "Folder",
     "General": "Umum",
+    "ID": "ID",
     "Image": "Gambar",
     "InProgress": "Prosiding",
     "Inactive": "Tidak aktif",

resources/i18n/pl.json

@@ -964,6 +964,7 @@
     "Overview": "Przegląd",
     "Owner": "Właściciel",
     "Project": "Projekt",
+    "Public": "Publiczny",
     "QuickDeploy": "Wdróż",
     "QuickDeployDetailed": "Konfiguruj i wdróż...",
     "ReadinessStatus": "Status Readiness",
@@ -1458,6 +1459,7 @@
     "Folder": "Folder",
     "Folders": "Lornetka składana",
     "General": "Ogólne",
+    "ID": "ID",
     "Image": "Obraz",
     "InProgress": "W toku",
     "Inactive": "Nieaktywny",

resources/i18n/pt-BR.json

@@ -964,6 +964,7 @@
     "Overview": "Visão geral",
     "Owner": "Proprietário",
     "Project": "Projeto",
+    "Public": "Público",
     "QuickDeploy": "Implantar",
     "QuickDeployDetailed": "Configurar e implantar...",
     "ReadinessStatus": "Status de Readiness",
@@ -1457,6 +1458,7 @@
     "Folder": "Pasta",
     "Folders": "Pastas",
     "General": "Geral",
+    "ID": "ID",
     "Image": "Imagem",
     "InProgress": "Em curso",
     "Inactive": "Inativo",

resources/i18n/pt.json

@@ -964,6 +964,7 @@
     "Overview": "Visão geral",
     "Owner": "Proprietário",
     "Project": "Projeto",
+    "Public": "Público",
     "QuickDeploy": "Implementar",
     "QuickDeployDetailed": "Configurar e implementar...",
     "ReadinessStatus": "Estado de Readiness",
@@ -1459,6 +1460,7 @@
     "Folder": "Pasta",
     "Folders": "Pastas",
     "General": "Geral",
+    "ID": "ID",
     "Image": "Imagem",
     "InProgress": "Em curso",
     "Inactive": "Inativo",

resources/i18n/ru.json

@@ -964,6 +964,7 @@
     "Overview": "Обзор",
     "Owner": "Владелец",
     "Project": "Проект",
+    "Public": "Публичный",
     "QuickDeploy": "Развернуть",
     "QuickDeployDetailed": "Настроить и развернуть...",
     "ReadinessStatus": "Статус Readiness",
@@ -1457,6 +1458,7 @@
     "Folder": "Папка",
     "Folders": "Папки",
     "General": "Общие сведения",
+    "ID": "ID",
     "Image": "Изображение",
     "InProgress": "В процессе",
     "Inactive": "Неактивный",

resources/i18n/th.json

@@ -964,6 +964,7 @@
     "Overview": "ภาพรวม",
     "Owner": "เจ้าของ",
     "Project": "โปรเจกต์",
+    "Public": "สาธารณะ",
     "QuickDeploy": "ปรับใช้",
     "QuickDeployDetailed": "กำหนดค่าและปรับใช้...",
     "ReadinessStatus": "สถานะ Readiness",
@@ -1459,6 +1460,7 @@
     "Folder": "โฟลเดอร์",
     "Folders": "โฟลเดอร์",
     "General": "ทั่วไป",
+    "ID": "ID",
     "Image": "อิมเมจ",
     "InProgress": "อยู่ระหว่างดำเนินการ",
     "Inactive": "ไม่ทำงาน",