bfg-common 1.3.390 → 1.3.392

package/assets/localization/local_be.json

@@ -2361,5 +2361,9 @@
   "authBgTextSphere": "Лёгка кантраляваць віртуалізацыю вузлы $*і$ кіраваць імі",
   "alert": "Трывога",
   "noTargetToScanIsSelected": "Мэта для сканавання не абраная.",
-  "protectNewVolumes": "Абарона новых тамоў"
+  "protectNewVolumes": "Абарона новых тамоў",
+  "hostsCount": "Хасты ({0})",
+  "vmsCount": "Віртуальныя машыны ({0})",
+  "datastoresCount": "Сховішчы даных ({0})",
+  "networksCount": "Сеткі ({0})"
 }

package/assets/localization/local_en.json

@@ -2365,5 +2365,9 @@
   "authBgTextSphere": "Monitor $*and$ control virtualization hosts $*with$ ease",
   "alert": "Alert",
   "noTargetToScanIsSelected": "No target to scan is selected.",
-  "protectNewVolumes": "Protect new volumes"
+  "protectNewVolumes": "Protect new volumes",
+  "hostsCount": "Hosts ({0})",
+  "vmsCount": "VMs ({0})",
+  "datastoresCount": "Datastores ({0})",
+  "networksCount": "Networks ({0})"
 }

package/assets/localization/local_hy.json

@@ -2365,5 +2365,9 @@
   "authBgTextSphere": "Հեշտությամբ վերահսկեք $*և$ Կառավարեք վիրտուալացման հանգույցները",
   "alert": "Անհանգստություն",
   "noTargetToScanIsSelected": "Սկանավորման թիրախը ընտրված չէ:",
-  "protectNewVolumes": "Նոր ծավալների պաշտպանություն"
+  "protectNewVolumes": "Նոր ծավալների պաշտպանություն",
+  "hostsCount": "Հոսթեր ({0})",
+  "vmsCount": "VM-ներ ({0})",
+  "datastoresCount": "Տվյալների պահեստներ ({0})",
+  "networksCount": "Ցանցեր ({0})"
 }

package/assets/localization/local_kk.json

@@ -2364,5 +2364,9 @@
   "authBgTextSphere": "Виртуализация $*хосттарын$ оңай бақылаңыз $*және$ басқарыңыз",
   "alert": "Ескерту",
   "noTargetToScanIsSelected": "Сканерлеуге арналған мақсат таңдалмаған.",
-  "protectNewVolumes": "Жаңа томдарды қорғау"
+  "protectNewVolumes": "Жаңа томдарды қорғау",
+  "hostsCount": "Хосттар ({0})",
+  "vmsCount": "VM ({0})",
+  "datastoresCount": "Деректер қоймалары ({0})",
+  "networksCount": "Желілер ({0})"
 }

package/assets/localization/local_ru.json

@@ -2370,5 +2370,9 @@
   "authBgTextSphere": "Легко контролируйте узлы виртуализации $*и$ управляйте ими",
   "alert": "Тревога",
   "noTargetToScanIsSelected": "Цель для сканирования не выбрана.",
-  "protectNewVolumes": "Защитить новые тома"
+  "protectNewVolumes": "Защитить новые тома",
+  "hostsCount": "Хосты ({0})",
+  "vmsCount": "Виртуальные машины ({0})",
+  "datastoresCount": "Хранилища данных ({0})",
+  "networksCount": "Сети ({0})"
 }

package/assets/localization/local_zh.json

@@ -2364,5 +2364,9 @@
   "authBgTextSphere": "轻松 $*监$ 控和控制虚拟 $*化$ 主机",
   "alert": "警报",
   "noTargetToScanIsSelected": "未选择要扫描的目标。",
-  "protectNewVolumes": "保护新卷"
+  "protectNewVolumes": "保护新卷",
+  "hostsCount": "主机 ({0})",
+  "vmsCount": "虚拟机 ({0})",
+  "datastoresCount": "数据存储 ({0})",
+  "networksCount": "网络 ({0})"
 }

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

@@ -228,6 +228,7 @@
 .icon-content-libraries,
 .network-lib-ui-icon-statusGreen,
 .network-lib-ui-icon-statusRed {
+  display: inline-block;
   width: 18px;
   min-width: 18px;
   height: 18px;

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

@@ -232,6 +232,7 @@
 .vx-icon-power,
 .vx-icon-fan,
 .vx-icon-memory {
+  display: inline-block;
   width: 18px;
   min-width: 18px;
   height: 18px;

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

@@ -258,6 +258,7 @@
 .vsphere-icon-storage-system-refresh,
 .vsphere-icon-snapshot-run,
 .vx-icon-temp {
+  display: inline-block;
   width: 18px;
   min-width: 18px;
   height: 18px;

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

@@ -51,6 +51,7 @@
 .icon-global-inventory-lists,
 .network-lib-ui-icon-vswitch,
 .icon-workload-management {
+  display: inline-block;
   width: 18px;
   min-width: 18px;
   height: 18px;

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

@@ -21,6 +21,7 @@
 
 /* _____ICONS COMMON STYLES_____ */
 .icon-help {
+  display: inline-block;
   width: 18px;
   min-width: 18px;
   height: 18px;

package/components/atoms/loader/Loader.vue

@@ -1,30 +1,30 @@
-<template>
-  <div class="loader"><div :data-id="props.testId" class="spinner"></div></div>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  testId: string
-}>()
-</script>
-
-<style scoped lang="scss">
-@import '~/assets/scss/common/mixins';
-.loader {
-  position: absolute;
-  @include flex($just: center, $align: center);
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: var(--table-spinner-bg-color);
-  z-index: 590;
-
-  .spinner {
-    width: 40px;
-    height: 40px;
-    min-width: 40px;
-    min-height: 40px;
-  }
-}
-</style>
+<template>
+  <div class="loader"><div :data-id="props.testId" class="spinner"></div></div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  testId: string
+}>()
+</script>
+
+<style scoped lang="scss">
+@import '~/assets/scss/common/mixins';
+.loader {
+  position: absolute;
+  @include flex($just: center, $align: center);
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--table-spinner-bg-color);
+  z-index: 590;
+
+  .spinner {
+    width: 40px;
+    height: 40px;
+    min-width: 40px;
+    min-height: 40px;
+  }
+}
+</style>

package/components/atoms/loader/PreLoader.vue

@@ -1,38 +1,38 @@
-<template>
-  <div id="loading-container" :hidden="!props.show">
-    <div :data-id="props.testId" class="spinner spinner-inverse">
-      {{ localization.loading }}...
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  show: boolean
-  testId: string
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-#loading-container {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: #fff;
-  z-index: 99999;
-
-  .spinner {
-    opacity: 0.5;
-    white-space: nowrap;
-  }
-}
-</style>
+<template>
+  <div id="loading-container" :hidden="!props.show">
+    <div :data-id="props.testId" class="spinner spinner-inverse">
+      {{ localization.loading }}...
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = defineProps<{
+  show: boolean
+  testId: string
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+#loading-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #fff;
+  z-index: 99999;
+
+  .spinner {
+    opacity: 0.5;
+    white-space: nowrap;
+  }
+}
+</style>

package/components/atoms/switch/Switch.vue

@@ -1,111 +1,111 @@
-<template>
-  <div class="flex-align-center">
-    <div class="switch-body">
-      <input :id="props.testId" v-model="value" type="checkbox" />
-      <label class="switch-label" :for="props.testId"></label>
-    </div>
-    <label :for="props.testId"><slot></slot></label>
-  </div>
-</template>
-
-<script setup lang="ts">
-const props = withDefaults(
-    defineProps<{
-      modelValue: boolean
-      testId?: string
-    }>(),
-    { testId: 'ui-switch' }
-)
-
-const emits = defineEmits<{
-  (event: 'update:model-value', value: boolean): void
-}>()
-
-const value = computed<boolean>({
-  get() {
-    return props.modelValue
-  },
-  set(newValue) {
-    emits('update:model-value', newValue)
-  },
-})
-</script>
-
-<style>
-:root {
-  --label-before-bg-color: #737373;
-  --label-after-bg-color: #fff;
-  --label-before-box-shadow: 0 0 0.1rem 0.1rem #69c0e2;
-}
-
-:root.dark-theme {
-  --label-before-bg-color: #fff;
-  --label-after-bg-color: #1b2a32;
-  --label-before-box-shadow: 0 0 0;
-}
-</style>
-
-<style scoped lang="scss">
-.switch-body {
-  width: 33px;
-  height: 18px;
-  position: relative;
-  margin-right: 4px;
-
-  input[type='checkbox'] {
-    position: absolute;
-    top: 0.3rem;
-    right: 0.3rem;
-    height: 0.8rem;
-    width: 0.8rem;
-    opacity: 0;
-  }
-  .switch-label {
-    display: block;
-    position: relative;
-    cursor: pointer;
-    height: 1.2rem;
-  }
-  .switch-label {
-    &:before {
-      position: absolute;
-      display: inline-block;
-      content: '';
-      height: 18px;
-      width: 33px;
-      border-radius: 0.45rem;
-      border: 2px solid var(--label-before-bg-color);
-      background-color: var(--label-before-bg-color);
-      transition: 0.15s ease-in;
-      transition-property: border-color, background-color;
-    }
-
-    &:after {
-      position: absolute;
-      display: inline-block;
-      content: '';
-      height: 14.5px;
-      width: 14.5px;
-      border: 1px solid var(--label-after-bg-color);
-      border-radius: 50%;
-      background-color: var(--label-after-bg-color);
-      bottom: 12.5px;
-      transition: 0.15s ease-in;
-    }
-  }
-
-  & input[type='checkbox']:focus + label:before {
-    box-shadow: var(--label-before-box-shadow);
-  }
-  & input[type='checkbox']:checked + label:before {
-    border-color: #62a420;
-    background-color: #62a420;
-  }
-  & input[type='checkbox']:checked + label:after {
-    left: 15px;
-  }
-  & input[type='checkbox'] + label:after {
-    left: 3px;
-  }
-}
-</style>
+<template>
+  <div class="flex-align-center">
+    <div class="switch-body">
+      <input :id="props.testId" v-model="value" type="checkbox" />
+      <label class="switch-label" :for="props.testId"></label>
+    </div>
+    <label :for="props.testId"><slot></slot></label>
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = withDefaults(
+    defineProps<{
+      modelValue: boolean
+      testId?: string
+    }>(),
+    { testId: 'ui-switch' }
+)
+
+const emits = defineEmits<{
+  (event: 'update:model-value', value: boolean): void
+}>()
+
+const value = computed<boolean>({
+  get() {
+    return props.modelValue
+  },
+  set(newValue) {
+    emits('update:model-value', newValue)
+  },
+})
+</script>
+
+<style>
+:root {
+  --label-before-bg-color: #737373;
+  --label-after-bg-color: #fff;
+  --label-before-box-shadow: 0 0 0.1rem 0.1rem #69c0e2;
+}
+
+:root.dark-theme {
+  --label-before-bg-color: #fff;
+  --label-after-bg-color: #1b2a32;
+  --label-before-box-shadow: 0 0 0;
+}
+</style>
+
+<style scoped lang="scss">
+.switch-body {
+  width: 33px;
+  height: 18px;
+  position: relative;
+  margin-right: 4px;
+
+  input[type='checkbox'] {
+    position: absolute;
+    top: 0.3rem;
+    right: 0.3rem;
+    height: 0.8rem;
+    width: 0.8rem;
+    opacity: 0;
+  }
+  .switch-label {
+    display: block;
+    position: relative;
+    cursor: pointer;
+    height: 1.2rem;
+  }
+  .switch-label {
+    &:before {
+      position: absolute;
+      display: inline-block;
+      content: '';
+      height: 18px;
+      width: 33px;
+      border-radius: 0.45rem;
+      border: 2px solid var(--label-before-bg-color);
+      background-color: var(--label-before-bg-color);
+      transition: 0.15s ease-in;
+      transition-property: border-color, background-color;
+    }
+
+    &:after {
+      position: absolute;
+      display: inline-block;
+      content: '';
+      height: 14.5px;
+      width: 14.5px;
+      border: 1px solid var(--label-after-bg-color);
+      border-radius: 50%;
+      background-color: var(--label-after-bg-color);
+      bottom: 12.5px;
+      transition: 0.15s ease-in;
+    }
+  }
+
+  & input[type='checkbox']:focus + label:before {
+    box-shadow: var(--label-before-box-shadow);
+  }
+  & input[type='checkbox']:checked + label:before {
+    border-color: #62a420;
+    background-color: #62a420;
+  }
+  & input[type='checkbox']:checked + label:after {
+    left: 15px;
+  }
+  & input[type='checkbox'] + label:after {
+    left: 3px;
+  }
+}
+</style>