bfg-common 1.5.248 → 1.5.249

package/assets/localization/local_be.json

@@ -537,7 +537,6 @@
     "example": "Прыклад",
     "existingHardDisk": "Існуючы жорсткі дыск",
     "existingHost": "Існуючыя гаспадары",
-    "existing": "Існуючыя",
     "openNewWindow": "Адкрыць у новым акне",
     "exitFullscreen": "Выхад з поўнаэкраннага рэжыму",
     "exitMaintenanceMode": "Выйсці з рэжыму абслугоўвання",
@@ -2371,12 +2370,7 @@
     "gotIt": "Зразумець",
     "nodeSetupStarted": "Запусціла налада вузла",
     "nodeSetupStartedDesc": "Налада вузла была паспяхова запушчана. Гэта можа заняць хвіліну. Далейшыя дзеянні не патрабуецца.",
-    "valueMustBeAtLeastOneHourAfterStart": "Значэнне павінна быць не менш чым на гадзіну пазней часу пачатку",
-    "addNew": "Дадаць новы",
-    "noExistingHostsAvailable": "На дадзены момант няма даступных хостаў.",
-    "currentSphere": "Бягучая сфера",
-    "addHostsLastStepSubTitle": "Праверце падрабязнасці перад даданнем хостаў.",
-    "addHostsLastStepDesc": "Да зоны Sphere будзе падключана {0} новых хостаў, і яны будуць перамешчаныя ў гэты кластар."
+    "valueMustBeAtLeastOneHourAfterStart": "Значэнне павінна быць не менш чым на гадзіну пазней часу пачатку"
   },
   "auth": {
     "welcomeTo": "Сардэчна запрашаем у",

package/assets/localization/local_en.json

@@ -536,7 +536,6 @@
     "example": "Example",
     "existingHardDisk": "Existing Hard Disk",
     "existingHost": "Existing hosts",
-    "existing": "Existing",
     "openNewWindow": "Open in New Window",
     "exitFullscreen": "Exit Full Screen",
     "exitMaintenanceMode": "Exit Maintenance Mode",
@@ -2375,12 +2374,7 @@
     "gotIt": "Got It",
     "nodeSetupStarted": "Node Setup Started",
     "nodeSetupStartedDesc": "Node setup has been successfully started. This may take a moment to complete. No further action is required.",
-    "valueMustBeAtLeastOneHourAfterStart": "The value must be at least one hour later than the start time.",
-    "addNew": "Add New",
-    "noExistingHostsAvailable": "There are currently no existing hosts available.",
-    "currentSphere": "Current Sphere",
-    "addHostsLastStepSubTitle": "Review the details before the hosts are added.",
-    "addHostsLastStepDesc": "{0} new host(s) will be connected to Sphere Zone and moved to this cluster."
+    "valueMustBeAtLeastOneHourAfterStart": "The value must be at least one hour later than the start time."
   },
   "auth": {
     "welcomeTo": "Welcome to",

package/assets/localization/local_hy.json

@@ -535,7 +535,6 @@
     "eventTypeId": "Միջոցառման տեսակի ID",
     "example": "Օրինակ",
     "existingHardDisk": "Գոյություն ունեցող կոշտ սկավառակ",
-    "existing": "Գոյություն ունեցող",
     "existingHost": "Գոյություն ունեցող հանգույցներ",
     "openNewWindow": "Բացեք նոր պատուհանում",
     "exitFullscreen": "Դուրս գալ ամբողջ էկրանով ռեժիմից",
@@ -2375,12 +2374,7 @@
     "gotIt": "հասկացա",
     "nodeSetupStarted": "Հանգույցի կարգավորումը սկսվեց",
     "nodeSetupStartedDesc": "Հանգույցի կարգավորումը հաջողությամբ սկսվեց: Սա կարող է տեւել մի պահ: Այլ գործողություն չի պահանջվում:",
-    "valueMustBeAtLeastOneHourAfterStart": "Արժեքը պետք է լինի առնվազն մեկ ժամ ուշ, քան մեկնարկի ժամանակը",
-    "addNew": "Ավելացնել նոր",
-    "noExistingHostsAvailable": "Այս պահին հասանելի հոսթեր չկան։",
-    "currentSphere": "Ընթացիկ ոլորտ",
-    "addHostsLastStepSubTitle": "Ստուգեք մանրամասները մինչև հոսթերը ավելացնելը։",
-    "addHostsLastStepDesc": "{0} նոր հոսթ կկապվի Sphere գոտուն և կտեղափոխվի այս կլաստեր։"
+    "valueMustBeAtLeastOneHourAfterStart": "Արժեքը պետք է լինի առնվազն մեկ ժամ ուշ, քան մեկնարկի ժամանակը"
   },
   "auth": {
     "welcomeTo": "Բարի գալուստ",

package/assets/localization/local_kk.json

@@ -535,7 +535,6 @@
     "eventTypeId": "Оқиға түрінің идентификаторы",
     "example": "Мысал",
     "existingHardDisk": "Қолданыстағы қатты диск",
-    "existing": "Бар",
     "existingHost": "Бар түйіндер",
     "openNewWindow": "Жаңа терезеде ашу",
     "exitFullscreen": "Толық экран режимінен шығу",
@@ -2374,12 +2373,7 @@
     "gotIt": "Түсіндім",
     "nodeSetupStarted": "Түйін орнату басталды",
     "nodeSetupStartedDesc": "Түйін орнату сәтті басталды. Бұл біраз уақыт алуы мүмкін. Бұдан әрі әрекет қажет емес.",
-    "valueMustBeAtLeastOneHourAfterStart": "Мән басталу уақытынан кемінде бір сағат кеш болуы керек",
-    "addNew": "Жаңа қосу",
-    "noExistingHostsAvailable": "Қазіргі уақытта қолжетімді хосттар жоқ.",
-    "currentSphere": "Ағымдағы сала",
-    "addHostsLastStepSubTitle": "Хосттар қосылмас бұрын мәліметтерді қарап шығыңыз.",
-    "addHostsLastStepDesc": "{0} жаңа хост Sphere аймағына қосылып, осы кластерге ауыстырылады."
+    "valueMustBeAtLeastOneHourAfterStart": "Мән басталу уақытынан кемінде бір сағат кеш болуы керек"
   },
   "auth": {
     "welcomeTo": "Қош келдіңіз",

package/assets/localization/local_ru.json

@@ -535,7 +535,6 @@
     "eventTypeId": "Идентификатор типа события",
     "example": "Пример",
     "existingHardDisk": "Существующий жесткий диск",
-    "existing": "Существующий",
     "existingHost": "Существующие узлы",
     "openNewWindow": "Открыть в новом окне",
     "exitFullscreen": "Выход из полноэкранного режима",
@@ -2374,12 +2373,7 @@
     "gotIt": "Понял",
     "nodeSetupStarted": "Начата настройка узла",
     "nodeSetupStartedDesc": "Настройка узла успешно запущена. Это может занять некоторое время. Никаких дальнейших действий не требуется.",
-    "valueMustBeAtLeastOneHourAfterStart": "Значение должно быть не менее чем на час позже времени начала",
-    "addNew": "Добавить",
-    "noExistingHostsAvailable": "В настоящее время нет доступных хостов.",
-    "currentSphere": "Текущая сфера",
-    "addHostsLastStepSubTitle": "Проверьте детали перед добавлением хостов.",
-    "addHostsLastStepDesc": "{0} новых хостов будет подключено к зоне Sphere и перемещено в этот кластер."
+    "valueMustBeAtLeastOneHourAfterStart": "Значение должно быть не менее чем на час позже времени начала"
   },
   "auth": {
     "welcomeTo": "Добро пожаловать в",

package/assets/localization/local_zh.json

@@ -535,7 +535,6 @@
     "eventTypeId": "事件類型標識符",
     "example": "例子",
     "existingHardDisk": "现有硬盘",
-    "existing": "现存的",
     "existingHost": "现有节点",
     "openNewWindow": "在新窗口中打开",
     "exitFullscreen": "退出全屏",
@@ -2372,12 +2371,7 @@
     "gotIt": "得到了",
     "nodeSetupStarted": "节点设置开始",
     "nodeSetupStartedDesc": "节点设置已成功启动。这可能需要一些时间才能完成。无需采取进一步的行动。",
-    "valueMustBeAtLeastOneHourAfterStart": "该值必须至少比开始时间晚一小时。",
-    "addNew": "添加新内容",
-    "noExistingHostsAvailable": "当前没有可用的主机。",
-    "currentSphere": "当前领域",
-    "addHostsLastStepSubTitle": "在添加主机之前请查看详细信息。",
-    "addHostsLastStepDesc": "将有 {0} 台新主机连接到 Sphere 区域并移动到此集群。"
+    "valueMustBeAtLeastOneHourAfterStart": "该值必须至少比开始时间晚一小时。"
   },
   "auth": {
     "welcomeTo": "欢迎来到",

package/assets/scss/common/theme.scss

@@ -172,14 +172,6 @@
 
   // VM Add Edit new view
   --select-file-type-label: #4d5d69;
-
-  // Add Hosts new view
-  --add-hosts-hosts-row-between-line: #e9ebeda3;
-  --add-hosts-hosts-row-child-value: #4d5d69;
-  --add-hosts-hosts-row-child-vm-bg-color: #e9ebeda3;
-  --add-hosts-hosts-row-child-vm-color: #4d5d69;
-  --add-hosts-ready-complete-description: #4d5d69;
-  --add-hosts-ready-complete-host-item-color: #4d5d69;
 }
 
 :root.dark-theme {
@@ -344,12 +336,4 @@
 
   // VM Add Edit new view
   --select-file-type-label: #e9eaec;
-
-  // Add Hosts new view
-  --add-hosts-hosts-row-between-line: #e9ebed1f;
-  --add-hosts-hosts-row-child-value: #e9eaec;
-  --add-hosts-hosts-row-child-vm-bg-color: #e9ebed1f;
-  --add-hosts-hosts-row-child-vm-color: #e9eaec;
-  --add-hosts-ready-complete-description: #e9eaec;
-  --add-hosts-ready-complete-host-item-color: #e9eaec;
 }

package/components/atoms/stack/StackBlock.vue

@@ -1,185 +1,185 @@
-<template>
-  <div
-    :class="[
-      'stack-block',
-      open ? 'stack-block-expanded' : 'stack-block-expandable',
-      { 'not-children': !props.hasChildren },
-    ]"
-  >
-    <div
-      :id="`${props.testId}-toggle`"
-      :data-id="`${props.testId}-toggle`"
-      class="stack-block-label"
-      @click="onToggle"
-    >
-      <atoms-the-icon name="angle" class="angle-icon" fill="#565656" />
-
-      <div class="stack-view-key">
-        <slot name="stackBlockKey" />
-      </div>
-      <div class="stack-block-content">
-        <slot name="stackBlockContent" />
-      </div>
-
-      <span
-        v-if="props.removable && props.isRollBack"
-        :data-id="`${props.testId}-roll-back`"
-        class="icon-roll-back"
-        @mousedown="onRollBack"
-        @click.stop
-      />
-      <atoms-the-icon
-        v-else-if="props.removable"
-        :data-id="`${props.testId}-remove`"
-        class="remove-icon"
-        name="close-circle"
-        @mousedown="onRemove"
-        @click.stop
-      />
-      <span v-else class="empty-icon"></span>
-    </div>
-
-    <div v-show="open" class="stack-children">
-      <div style="height: auto">
-        <slot name="stackChildren" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-const props = withDefaults(
-  defineProps<{
-    hasChildren: boolean
-    removable?: boolean
-    testId?: string
-    openByDefault?: boolean
-    isRollBack?: boolean
-  }>(),
-  { testId: 'ui-stack-block', openByDefault: false }
-)
-const emits = defineEmits<{
-  (event: 'toggle', value: boolean): void
-  (event: 'remove'): void
-  (event: 'roll-back'): void
-}>()
-
-const open = ref<boolean>(props.openByDefault || false)
-const onToggle = (): void => {
-  if (!props.hasChildren) return
-  setTimeout(() => {
-    open.value = !open.value
-    emits('toggle', open.value)
-  }, 0)
-}
-
-const onRemove = (): void => {
-  emits('remove')
-}
-const onRollBack = (): void => {
-  emits('roll-back')
-}
-</script>
-
-<style scoped lang="scss">
-.stack-block {
-  cursor: pointer;
-  background-color: var(--block-view-bg-color);
-  border-color: var(--global-border-color);
-
-  &.stack-block-expandable:hover {
-    border-bottom: 1px solid #666;
-
-    .stack-block-label {
-      background-color: var(--block-view-bg-color);
-      border-color: var(--global-border-color);
-    }
-  }
-
-  .stack-block-label {
-    padding: 6px 12px;
-    flex: 1 1 auto;
-    max-width: unset;
-    display: flex;
-    background-color: var(--block-view-bg-color);
-    border-color: var(--global-border-color);
-
-    &:hover {
-      .remove-icon {
-        opacity: 1;
-      }
-    }
-
-    &::before {
-      display: none;
-    }
-
-    .angle-icon {
-      width: 14px;
-      height: 14px;
-      margin-right: 4px;
-      transform: rotate(90deg);
-      align-self: center;
-    }
-
-    .remove-icon {
-      width: 18px;
-      height: 18px;
-      opacity: 0;
-      cursor: pointer;
-    }
-
-    .stack-view-key {
-      flex: 0 0 40%;
-      max-width: 40%;
-    }
-
-    .stack-block-content {
-      padding: 0;
-      flex: 1 1 auto;
-      width: 60%;
-      background-color: transparent;
-      word-break: break-all;
-    }
-
-    .empty-icon {
-      width: 18px;
-      height: 18px;
-    }
-  }
-
-  &.stack-block-expanded {
-    .stack-block-label {
-      color: #ffffff;
-      background-color: #29414e;
-
-      .angle-icon {
-        fill: #ffffff;
-        transform: rotate(180deg);
-      }
-
-      .remove-icon {
-        fill: #ffffff;
-      }
-    }
-  }
-
-  &.not-children {
-    cursor: default;
-    .stack-block-label {
-      background-color: transparent;
-      color: #333333;
-
-      &:hover {
-        cursor: default;
-        background-color: transparent;
-        border-bottom: none;
-      }
-
-      .angle-icon {
-        opacity: 0;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div
+    :class="[
+      'stack-block',
+      open ? 'stack-block-expanded' : 'stack-block-expandable',
+      { 'not-children': !props.hasChildren },
+    ]"
+  >
+    <div
+      :id="`${props.testId}-toggle`"
+      :data-id="`${props.testId}-toggle`"
+      class="stack-block-label"
+      @click="onToggle"
+    >
+      <atoms-the-icon name="angle" class="angle-icon" fill="#565656" />
+
+      <div class="stack-view-key">
+        <slot name="stackBlockKey" />
+      </div>
+      <div class="stack-block-content">
+        <slot name="stackBlockContent" />
+      </div>
+
+      <span
+        v-if="props.removable && props.isRollBack"
+        :data-id="`${props.testId}-roll-back`"
+        class="icon-roll-back"
+        @mousedown="onRollBack"
+        @click.stop
+      />
+      <atoms-the-icon
+        v-else-if="props.removable"
+        :data-id="`${props.testId}-remove`"
+        class="remove-icon"
+        name="close-circle"
+        @mousedown="onRemove"
+        @click.stop
+      />
+      <span v-else class="empty-icon"></span>
+    </div>
+
+    <div v-show="open" class="stack-children">
+      <div style="height: auto">
+        <slot name="stackChildren" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = withDefaults(
+  defineProps<{
+    hasChildren: boolean
+    removable?: boolean
+    testId?: string
+    openByDefault?: boolean
+    isRollBack?: boolean
+  }>(),
+  { testId: 'ui-stack-block', openByDefault: false }
+)
+const emits = defineEmits<{
+  (event: 'toggle', value: boolean): void
+  (event: 'remove'): void
+  (event: 'roll-back'): void
+}>()
+
+const open = ref<boolean>(props.openByDefault || false)
+const onToggle = (): void => {
+  if (!props.hasChildren) return
+  setTimeout(() => {
+    open.value = !open.value
+    emits('toggle', open.value)
+  }, 0)
+}
+
+const onRemove = (): void => {
+  emits('remove')
+}
+const onRollBack = (): void => {
+  emits('roll-back')
+}
+</script>
+
+<style scoped lang="scss">
+.stack-block {
+  cursor: pointer;
+  background-color: var(--block-view-bg-color);
+  border-color: var(--global-border-color);
+
+  &.stack-block-expandable:hover {
+    border-bottom: 1px solid #666;
+
+    .stack-block-label {
+      background-color: var(--block-view-bg-color);
+      border-color: var(--global-border-color);
+    }
+  }
+
+  .stack-block-label {
+    padding: 6px 12px;
+    flex: 1 1 auto;
+    max-width: unset;
+    display: flex;
+    background-color: var(--block-view-bg-color);
+    border-color: var(--global-border-color);
+
+    &:hover {
+      .remove-icon {
+        opacity: 1;
+      }
+    }
+
+    &::before {
+      display: none;
+    }
+
+    .angle-icon {
+      width: 14px;
+      height: 14px;
+      margin-right: 4px;
+      transform: rotate(90deg);
+      align-self: center;
+    }
+
+    .remove-icon {
+      width: 18px;
+      height: 18px;
+      opacity: 0;
+      cursor: pointer;
+    }
+
+    .stack-view-key {
+      flex: 0 0 40%;
+      max-width: 40%;
+    }
+
+    .stack-block-content {
+      padding: 0;
+      flex: 1 1 auto;
+      width: 60%;
+      background-color: transparent;
+      word-break: break-all;
+    }
+
+    .empty-icon {
+      width: 18px;
+      height: 18px;
+    }
+  }
+
+  &.stack-block-expanded {
+    .stack-block-label {
+      color: #ffffff;
+      background-color: #29414e;
+
+      .angle-icon {
+        fill: #ffffff;
+        transform: rotate(180deg);
+      }
+
+      .remove-icon {
+        fill: #ffffff;
+      }
+    }
+  }
+
+  &.not-children {
+    cursor: default;
+    .stack-block-label {
+      background-color: transparent;
+      color: #333333;
+
+      &:hover {
+        cursor: default;
+        background-color: transparent;
+        border-bottom: none;
+      }
+
+      .angle-icon {
+        opacity: 0;
+      }
+    }
+  }
+}
+</style>

package/components/atoms/table/info/lib/models/interfaces.ts

@@ -1,10 +1,10 @@
-export interface UI_I_TableInfoItem {
-  label: string
-  value: any
-  isProperty?: boolean
-  key?: string
-  localization?: string
-  localizationTemplate?: string
-  isCapital?: boolean
-  iconName?: string
-}
+export interface UI_I_TableInfoItem {
+  label: string
+  value: any
+  isProperty?: boolean
+  key?: string
+  localization?: string
+  localizationTemplate?: string
+  isCapital?: boolean
+  iconName?: string
+}

package/components/common/backup/storage/actions/add/New.vue

@@ -21,10 +21,15 @@
             <div class="subtitle-block flex-row">
               <ui-wizard-subtitle :sub-title="selectedStep.subTitle" />
 
-              <common-wizards-datastore-add-steps-common-tooltip-info
-                id="datastore-type-subtitle-tooltip"
-                class="ml-2"
-                :description="localization.common.datastoreTypeHelpDesc"
+              <common-tooltip-help
+                  test-id="datastore-type-subtitle-tooltip"
+                  help-id="datastore-type-subtitle-tooltip-icon"
+                  :title="localization.common.information"
+                  :help-text="localization.common.datastoreTypeHelpDesc"
+                  dropdown-width="272px"
+                  dropdown-left
+                  dropdown-top
+                  class="ml-2"
               />
             </div>
           </div>

package/components/common/backup/storage/actions/add/steps/nameAndConfigure/NameAndConfigureNew.vue

@@ -35,9 +35,14 @@
         <span class="basics-step-row-title-text">
           {{ localization.common.folder }}
         </span>
-        <common-backup-storage-actions-add-steps-common-tooltip-info
-          id="backup-storage-tooltip-info-folder"
-          :description="localization.backup.specifyFolderPathExample"
+        <common-tooltip-help
+            test-id="backup-storage-tooltip-info-folder"
+            help-id="backup-storage-tooltip-info-folder-icon"
+            :title="localization.common.information"
+            :help-text="localization.backup.specifyFolderPathExample"
+            dropdown-width="272px"
+            dropdown-left
+            dropdown-top
         />
       </div>
       <div class="basics-step-row-content">
@@ -58,9 +63,14 @@
         <span class="basics-step-row-title-text">
           {{ localization.common.server }}
         </span>
-        <common-backup-storage-actions-add-steps-common-tooltip-info
-          id="backup-storage-tooltip-info-server"
-          :description="localization.backup.specifyServerAddressExample"
+        <common-tooltip-help
+            test-id="backup-storage-tooltip-info-server"
+            help-id="backup-storage-tooltip-info-server-icon"
+            :title="localization.common.information"
+            :help-text="localization.backup.specifyServerAddressExample"
+            dropdown-width="272px"
+            dropdown-left
+            dropdown-top
         />
       </div>
       <div class="basics-step-row-content">
@@ -127,9 +137,7 @@ const props = defineProps<{
   alertMessages: string[]
   messagesFields: UI_I_WizardStep['fields']
 }>()
-const emits = defineEmits<{
-  (event: 'remove-errors'): void
-}>()
+
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
@@ -139,6 +147,7 @@ const isEmptyAlertMessages = computed<boolean>(() => {
     (props.alertMessages && !props.alertMessages.flat().length)
   )
 })
+
 /* Validation error text for Name input field */
 const nameErrorText = computed<string>(() => {
   if (isEmptyAlertMessages.value && props.messagesFields?.name?.field) {

package/components/common/backup/storage/actions/add/steps/typeMode/TypeModeNew.vue

@@ -17,9 +17,14 @@
         </template>
 
         <template #tooltip>
-          <common-backup-storage-actions-add-steps-common-tooltip-info
-            :id="option.testId"
-            :description="option.tooltipContent"
+          <common-tooltip-help
+              :test-id="`${option.testId}-${key}`"
+              :help-id="`${option.testId}-${key}`"
+              :help-text="option.tooltipContent"
+              :title="localization.common.information"
+              dropdown-width="272px"
+              dropdown-left
+              dropdown-top
           />
         </template>
       </ui-radio>
@@ -30,11 +35,15 @@
 <script lang="ts" setup>
 // TODO this component is duplicate
 import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+import type {UI_I_Localization} from "~/lib/models/interfaces";
 
 const datastoreTypeModeLocal = defineModel<number>({ required: true })
 const props = defineProps<{
   options: UI_I_RadioOption[]
 }>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
 </script>
 
 <style>