bfg-common 1.4.799 → 1.4.800

package/assets/localization/local_zh.json

@@ -322,7 +322,7 @@
     "createStandardSwitch": "创建标准交换机",
     "createTag": "创建标签",
     "creationDate": "创建日期",
-    "currentDisplayLimited": "当前设置限制显示不超过 200 条记录。",
+    "currentDisplayLimited": "当前设置限制显示不超过 {0} 条记录。",
     "currentEvcMode": "当前 EVC 模式",
     "currentPassword": "当前密码",
     "currentSettings": "当前设置",
@@ -1575,19 +1575,19 @@
     "usedSpace": "可用空间",
     "useExistingDisk": "使用现有磁盘",
     "useExplicitFailoverOrder": "使用明确的故障转移顺序",
-    "useGrayEraser": "使用灰色橡皮擦",
+    "useGrayEraser": "灰色橡皮擦",
     "useKerberosAuthenticationIntegrity": "使用 Kerberos 进行身份验证和数据完整性 (krb5i)",
     "useKerberosAuthenticationKrb5": "仅使用 Kerberos 进行身份验证 (krb5)",
     "useManualSettings": "使用手动设置",
     "useNetworkLabelsToIdentifyMigrationCompatibleTwoHosts": "使用网络标签来标识两个或多个主机共有的迁移兼容连接。",
     "useNetworkTimeProtocolFallbackWhenThePtpServiceDoesNotWork": "当 PTP 服务不工作时，启用使用网络时间协议作为回退。",
     "useNetworkTimeProtocolNTPToSynchronizeTheSystemTime": "使用网络时间协议 (NTP) 来同步系统时间。",
-    "useOurExternalIdeasPortal": "使用我們由 Aha! 提供支持的外部創意門戶。您將能夠看到所有其他已提交的創意並對其進行投票，或創建一個新創意。",
+    "useOurExternalIdeasPortal": "使用我們由 {0}! 提供支持的外部創意門戶。您將能夠看到所有其他已提交的創意並對其進行投票，或創建一個新創意。",
     "usePrecisionTimeProtocolPtpPrimaryServiceSynchronizeTheSystemTime": "使用精确时间协议 (PTP) 作为同步系统时间的主要服务。",
     "user": "用户",
     "userAndGroup": "用户和组",
     "userDefinedPowerManagementPolicy": "用戶定義的電源管理策略",
-    "useRedMarker": "使用紅色標記",
+    "useRedMarker": "红色标记",
     "userGroup": "用户/组",
     "userName": "用户名",
     "usernamePasswordRequired": "需要用户名和密码",
@@ -2291,7 +2291,27 @@
     "searchHere": "在这里搜索。。。",
     "columns": "列",
     "exportSelected": "选择导出",
-    "exportAll": "全部出口"
+    "exportAll": "全部出口",
+    "present": "现在",
+    "notPresent": "不在场",
+    "supported": "支持",
+    "viewHost": "查看主机",
+    "viewCluster": "视图集群",
+    "viewDatacenter": "查看数据中心",
+    "viewDatastore": "查看数据存储",
+    "viewFolder": "查看文件夹",
+    "viewDatastoreCluster": "查看数据存储集群",
+    "viewHostProfile": "查看主机配置文件",
+    "viewNetwork": "查看网络",
+    "viewResourcePool": "查看资源池",
+    "viewVApps": "查看Vapp",
+    "viewVirtualMachine": "查看虚拟机",
+    "viewVMTemplate": "查看VM模板",
+    "viewBucket": "查看容器",
+    "emailAddressOptional": "电子邮件地址（可选）",
+    "permissionDeleteMsg": "您确定要删除\"{subject}\"的权限吗？",
+    "editPermission": "编辑权限",
+    "userGroupNameIsInvalid": "用户或组名无效!"
   },
   "auth": {
     "welcomeTo": "欢迎来到",
@@ -2728,7 +2748,8 @@
     "storageReservationDetails": "储存预约详情",
     "totalCapacity": "总容量",
     "usedReservation": "已使用的预订",
-    "availableCapacity": "可用容量"
+    "availableCapacity": "可用容量",
+    "dateTimeIsoFormat": "日期和时间为ISO 8601格式"
   },
   "inventoryTabs": {
     "summary": "概括",
@@ -2758,7 +2779,8 @@
   },
   "storageDevice": {
     "repeatCount": "重复计数",
-    "relativeThroughput": "相对吞吐量"
+    "relativeThroughput": "相对吞吐量",
+    "valueMustBeBetween": "值必须在{0}和{1}之间"
   },
   "scheduledTasks": {
     "chooseFrequency": "选择频率",
@@ -2859,7 +2881,9 @@
     "inactive": "不活跃",
     "activateAll": "全部激活",
     "confirmMetricsActivation": "确认指标激活",
+    "confirmMetricsDeactivation": "确认指标停用",
     "confirmMetricsActivationDescription": "您确定要激活 Zabbix 服务器“{0}”中的所有指标吗？",
+    "confirmMetricsDeactivationDescription": "您确定要停用Zabbix服务器中的所有指标“{0}”？",
     "cpuMetrics": "CPU指标",
     "baseCount": "基础 ({0})",
     "coreCount": "核心 ({0})",
@@ -2911,6 +2935,7 @@
     "additionalDetailsTooltip": "有关更多详细信息，您可以截取屏幕截图或上传 .png 或 .jpeg 格式的图像。",
     "annotate": "注释",
     "annotateScreenshot": "注释屏幕截图",
-    "annotateImage": "注释图像"
+    "annotateImage": "注释图像",
+    "selectType": "选择类型"
   }
 }

package/assets/scss/clarity/local_ar.json

@@ -322,7 +322,7 @@
     "createStandardSwitch": "إنشاء محول قياسي",
     "createTag": "إنشاء علامة",
     "creationDate": "تاريخ الإنشاء",
-    "currentDisplayLimited": "الإعدادات الحالية تحد من العرض إلى 200 إدخال كحد أقصى.",
+    "currentDisplayLimited": "الإعدادات الحالية تحد من العرض إلى {0} إدخال كحد أقصى.",
     "currentEvcMode": "وضع EVC الحالي",
     "currentPassword": "كلمة المرور الحالية",
     "currentSettings": "الإعدادات الحالية",
@@ -1582,7 +1582,7 @@
     "useNetworkLabelsToIdentifyMigrationCompatibleTwoHosts": "استخدم تسميات الشبكة لتحديد الاتصالات المتوافقة مع الترحيل والمشتركة بين مضيفين أو أكثر.",
     "useNetworkTimeProtocolFallbackWhenThePtpServiceDoesNotWork": "تمكين استخدام بروتوكول وقت الشبكة كبديل عندما لا تعمل خدمة PTP.",
     "useNetworkTimeProtocolNTPToSynchronizeTheSystemTime": "استخدام بروتوكول وقت الشبكة (NTP) لمزامنة وقت النظام.",
-    "useOurExternalIdeasPortal": "استخدم بوابتنا الخارجية للأفكار المزوَّدة بواسطة Aha!. يمكنك الاطلاع على جميع الأفكار المقدمة مسبقًا والتصويت عليها أو إنشاء أفكار جديدة.",
+    "useOurExternalIdeasPortal": "استخدم بوابتنا الخارجية للأفكار المزوَّدة بواسطة {0}!. يمكنك الاطلاع على جميع الأفكار المقدمة مسبقًا والتصويت عليها أو إنشاء أفكار جديدة.",
     "usePrecisionTimeProtocolPtpPrimaryServiceSynchronizeTheSystemTime": "استخدام بروتوكول الوقت الدقيق (PTP) كخدمة أساسية لمزامنة وقت النظام.",
     "user": "المستخدم",
     "userAndGroup": "المستخدمون والمجموعات",
@@ -2758,7 +2758,8 @@
   },
   "storageDevice": {
     "repeatCount": "عدد التكرار",
-    "relativeThroughput": "الإنتاجية النسبية"
+    "relativeThroughput": "الإنتاجية النسبية",
+    "valueMustBeBetween": "يجب أن تكون القيمة بين {0} و {1}"
   },
   "scheduledTasks": {
     "chooseFrequency": "اختر تكرارًا",
@@ -2859,7 +2860,9 @@
     "inactive": "غير نشط",
     "activateAll": "تفعيل الكل",
     "confirmMetricsActivation": "تأكيد تفعيل المقاييس",
+    "confirmMetricsDeactivation": "تأكد من إلغاء تنشيط المقاييس",
     "confirmMetricsActivationDescription": "هل تريد بالتأكيد تفعيل جميع المقاييس في خادم Zabbix \"{0}\"؟",
+    "confirmMetricsDeactivationDescription": "هل أنت متأكد من أنك تريد إلغاء تنشيط جميع المقاييس في خادم Zabbix \"{0}\"؟",
     "cpuMetrics": "مقاييس وحدة المعالجة المركزية",
     "baseCount": "أساسي ({0})",
     "coreCount": "نواة ({0})",

package/assets/scss/common/icons/icons-1.scss

@@ -86,7 +86,7 @@
 .vsphere-icon-datastore-cluster {
   background-position: 0 83.5443037975%;
 }
-.storage-ui-icon-datastore_delete {
+.storage-ui-icon-datastore-disconnect {
   background-position: 0 87.3417721519%;
 }
 .storage-ui-icon-register_vm {
@@ -121,7 +121,7 @@
 .host-ui-icon-certificate,
 .host-ui-icon-renewCertificate,
 .vsphere-icon-datastore-cluster,
-.storage-ui-icon-datastore_delete,
+.storage-ui-icon-datastore-disconnect,
 .storage-ui-icon-register_vm,
 .storage-ui-icon-increase_datastore,
 .storage-ui-icon-datastore-unmount,
@@ -167,7 +167,7 @@
 .active .host-ui-icon-certificate,
 .active .host-ui-icon-renewCertificate,
 .active .vsphere-icon-datastore-cluster,
-.active .storage-ui-icon-datastore_delete,
+.active .storage-ui-icon-datastore-disconnect,
 .active .storage-ui-icon-register_vm,
 .active .storage-ui-icon-increase_datastore,
 .active .storage-ui-icon-datastore-unmount,
@@ -218,7 +218,7 @@
 .host-ui-icon-certificate,
 .host-ui-icon-renewCertificate,
 .vsphere-icon-datastore-cluster,
-.storage-ui-icon-datastore_delete,
+.storage-ui-icon-datastore-disconnect,
 .storage-ui-icon-register_vm,
 .storage-ui-icon-increase_datastore,
 .storage-ui-icon-datastore-unmount,

package/components/atoms/autocomplete/Autocomplete.vue

@@ -17,16 +17,32 @@
           name="search"
         />
       </div>
-      <input
-        :id="`${props.testId}-search-input`"
-        v-model.trim="search"
-        :data-id="`${props.testId}-search-input`"
-        type="text"
-        class="search-input"
-        autocomplete="off"
-        :placeholder="props.placeholder"
-        @input="onSearch"
-      />
+
+      <div class="clr-error">
+        <div class="form-group__input">
+          <input
+            :id="`${props.testId}-search-input`"
+            v-model.trim="search"
+            :data-id="`${props.testId}-search-input`"
+            type="text"
+            class="search-input"
+            :class="fieldErrorText && 'clr-input'"
+            autocomplete="off"
+            :placeholder="props.placeholder"
+            @blur="onInitValidation"
+            @input="onSearch"
+          />
+          <div v-show="fieldErrorText" class="form-validate">
+            <atoms-the-icon class="is-error tooltip-trigger" name="info" />
+          </div>
+        </div>
+        <div
+          v-show="fieldErrorText"
+          class="form-group__input-error clr-subtext"
+        >
+          {{ fieldErrorText }}
+        </div>
+      </div>
     </div>
     <div
       v-show="isShow"
@@ -50,29 +66,36 @@
 </template>
 
 <script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
 const props = withDefaults(
   defineProps<{
     placeholder: string
     items: string[]
-    loading: boolean
+    loading?: boolean
     testId?: string
     ms?: number
+    showValidation?: boolean
   }>(),
   {
     testId: 'ui-autocomplete',
     ms: 500,
+    loading: false,
+    showValidation: false,
   }
 )
-
 const emits = defineEmits<{
   (event: 'search', value: string): void
   (event: 'select', value: string): void
 }>()
 
+const localization = computed<UI_I_Localization>(() => useLocal())
+
 const search = ref<string>('')
 
 let timer: NodeJS.Timeout
 const onSearch = (): void => {
+  onInitValidation()
   clearTimeout(timer)
   timer = setTimeout(
     (value) => {
@@ -82,7 +105,16 @@ const onSearch = (): void => {
     search.value
   )
 }
+const isInitFieldValidation = ref<boolean>(false)
+const onInitValidation = (): void => {
+  isInitFieldValidation.value = true
+}
+const fieldErrorText = computed<string>(() => {
+  if (!isInitFieldValidation.value) return ''
 
+  if (!search.value && props.showValidation)
+    return localization.value.common.fieldRequired
+})
 const items = computed<any[]>(() => {
   return [...props.items].map((text) => {
     const term = search.value.toLowerCase()
@@ -154,6 +186,13 @@ watch(isHide, (newValue) => {
     window.removeEventListener('keydown', onKeyDown, true)
   }
 })
+watch(
+  () => props.showValidation,
+  (newValue: boolean) => {
+    isInitFieldValidation.value = newValue
+  },
+  { immediate: true }
+)
 </script>
 
 <style scoped lang="scss">
@@ -238,5 +277,22 @@ watch(isHide, (newValue) => {
       }
     }
   }
+  .form-group {
+    &__input {
+      display: flex;
+      .form-validate {
+        svg {
+          width: 24px;
+          height: 24px;
+        }
+      }
+      input {
+        width: 100%;
+      }
+      &-error {
+        margin-top: 0;
+      }
+    }
+  }
 }
 </style>

package/components/atoms/select/TheSelect.vue

@@ -16,7 +16,13 @@
       />
     </button>
     <Teleport to="body">
-      <ul v-show="open" class="select-menu" :style="selectMenuStyles">
+      <ul
+        v-show="open"
+        @mouseenter="hover = true"
+        @mouseleave="hover = false"
+        class="select-menu"
+        :style="selectMenuStyles"
+      >
         <li
           v-for="item in props.options"
           :id="`${props.testId}-item`"
@@ -61,6 +67,7 @@ const select = (value: number | string): void => {
   if (!selectedItem) return
 
   emits('update:model-value', selectedItem.value)
+  hideMenu(true)
 }
 const showMenu = (): void => {
   if (open.value) {
@@ -159,6 +166,8 @@ onUnmounted(() => {
   margin-top: 2px;
   background-color: var(--global-bg-color);
   padding: 12px 0;
+  max-height: 200px;
+  overflow: auto;
 
   .select-item {
     color: var(--global-font-color3);

package/components/atoms/table/dataGrid/DataGrid.vue

@@ -527,6 +527,7 @@
 </template>
 
 <script setup lang="ts">
+import { isRtl } from 'bfg-uikit/lib/config/trl'
 import type {
   UI_I_HTMLSelectElement,
   UI_I_Localization,
@@ -969,6 +970,9 @@ const setGrab = (key: number, e: MouseEvent): void => {
     grabColumn.value = key
     const currentWidth = parseInt(columnsWidth.value[grabColumn.value][0])
     grabStartX.value = e.clientX - currentWidth
+    if (isRtl.value) {
+      grabStartX.value = e.clientX + currentWidth
+    }
   }
 }
 
@@ -992,7 +996,10 @@ let mousemove = (e: MouseEvent): void => {
   resizeObserve.disconnect()
 
   const minWidth = parseInt(columnsWidth.value[grabColumn.value][1])
-  const changeX = Math.max(e.clientX - grabStartX.value, minWidth)
+  let changeX = Math.max(e.clientX - grabStartX.value, minWidth)
+  if (isRtl.value) {
+    changeX = Math.max(grabStartX.value - e.clientX, minWidth)
+  }
 
   columnsWidth.value[grabColumn.value] = [`${changeX}px`, `${minWidth}px`]
 }
@@ -1034,11 +1041,12 @@ const setResizeObserveWithInfo = (): void => {
 }
 
 // Export
-const exportItems = computed<UI_I_DropdownButtonItem[]>(
-    () => exportItemsFunc(
+const exportItems = computed<UI_I_DropdownButtonItem[]>(() =>
+  exportItemsFunc(
     localization.value,
     bodyItemsPresent.value.length || 0,
-    props.selectedRow?.length || 0
+    props.selectedRow?.length || 0,
+      props.testId || ''
   )
 )
 const onExport = (type: '0' | '1'): void => {

package/components/atoms/table/dataGrid/lib/config/settingsTable.ts

@@ -71,13 +71,15 @@ export const defaultHeadItems = (
 export const exportItemsFunc = (
   localization: UI_I_Localization,
   rows: number,
-  selectedRows: number
+  selectedRows: number,
+  testId: string
 ): UI_I_DropdownButtonItem[] => {
   return [
     {
       text: localization.common.allRowsCount.replace('{0}', '' + rows),
       type: '0',
       disabled: false,
+      testId: `${testId}-export-all`,
     },
     {
       text: localization.common.selectedRowsCount.replace(
@@ -86,6 +88,7 @@ export const exportItemsFunc = (
       ),
       type: '1',
       disabled: false,
+      testId: `${testId}-export-selected`,
     },
   ]
 }

package/components/atoms/table/dataGrid/lib/utils/export.ts

@@ -1,16 +1,16 @@
-export const generateCsvAndDownload = (rows:  HTMLElement[]): void => {
-    const content: string[] = []
-    rows.forEach((row: HTMLElement) => {
-        content.push(row.innerText.replaceAll('\n', ';'))
-    })
+export const generateCsvAndDownload = (rows: HTMLElement[]): void => {
+  const content: string[] = []
+  rows.forEach((row: HTMLElement) => {
+    content.push(row.innerText.replaceAll(';', ',').replaceAll('\n', ';'))
+  })
 
-    const csvContent = 'data:text/csv;charset=utf-8,' + content.join('\n')
+  const csvContent = 'data:text/csv;charset=utf-8, sep=;' + content.join('\n')
 
-    const encodedUri = encodeURI(csvContent)
-    const link = document.createElement('a')
-    link.setAttribute('href', encodedUri)
-    link.setAttribute('download', 'my_data.csv')
-    document.body.appendChild(link)
+  const encodedUri = encodeURI(csvContent)
+  const link = document.createElement('a')
+  link.setAttribute('href', encodedUri)
+  link.setAttribute('download', 'my_data.csv')
+  document.body.appendChild(link)
 
-    link.click()
-}
+  link.click()
+}

package/components/atoms/tabs/VerticalTabs.vue

@@ -49,23 +49,28 @@ const selectItem = (value: string): void => {
 }
 </script>
 
-<style lang="scss" scoped>
+<style>
+:root {
+  --vertical-tabs-nav-link: --grey-100;
+  --vertical-tabs-bg-color: #fafafa;
+}
 :root.dark-theme {
-  .vertical-nav-link:not(.active) {
-    color: #fff;
-  }
+  --vertical-tabs-nav-link: #ffffff;
+  --vertical-tabs-bg-color: transparent;
 }
+</style>
+<style lang="scss" scoped>
 
 .vertical-groups-sidenav {
   min-height: 94%;
-  background-color: #fafafa;
+  background-color: var(--vertical-tabs-bg-color);
 
   .vertical-nav-link {
     display: inline-block;
     width: 100%;
     margin-top: 5px;
     padding-left: 12px;
-    color: var(--grey-100);
+    color: var(--vertical-tabs-nav-link);
     border-bottom: 1px solid transparent;
     text-decoration: none;
     font-size: 14px;

package/components/common/browse/blocks/lib/models/types.ts

@@ -1 +1 @@
-export type UI_T_BlocksWidth = [number, number, number]
+export type UI_T_BlocksWidth = [number, number, number]

package/components/common/browse/lib/models/interfaces.ts

@@ -1,5 +1,5 @@
-export interface UI_I_FileInfo {
-  type: string
-  title: string
-  value: string | number
-}
+export interface UI_I_FileInfo {
+  type: string
+  title: string
+  value: string | number
+}