bfg-common 1.3.392 → 1.3.393

package/assets/img/icons/icons-sprite-light-7.svg

@@ -0,0 +1,8 @@
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.7665 3.1665H11.611C9.8621 3.1665 8.44434 4.58427 8.44434 6.33317V31.6665C8.44434 33.4154 9.8621 34.8332 11.611 34.8332H26.3888C28.1377 34.8332 29.5554 33.4154 29.5554 31.6665V21.0636C29.2078 21.0949 28.8557 21.1109 28.4999 21.1109C28.1441 21.1109 27.792 21.0949 27.4443 21.0636V31.6665C27.4443 32.2495 26.9717 32.7221 26.3888 32.7221H11.611C11.028 32.7221 10.5554 32.2495 10.5554 31.6665V6.33317C10.5554 5.7502 11.028 5.27762 11.611 5.27762H17.6803C17.9709 4.53352 18.336 3.82676 18.7665 3.1665Z" fill="#4D5D69"/>
+<path d="M16.919 8.65539L13.7221 8.65539C13.2557 8.65539 12.8777 9.03346 12.8777 9.49984C12.8777 9.96621 13.2557 10.3443 13.7221 10.3443L16.919 10.3443C16.899 10.0654 16.8888 9.78381 16.8888 9.49984C16.8888 9.21586 16.899 8.93426 16.919 8.65539Z" fill="#4D5D69"/>
+<path d="M17.7652 13.9332H14.7777C14.3113 13.9332 13.9332 14.3112 13.9332 14.7776C13.9332 15.244 14.3113 15.6221 14.7777 15.6221H18.6321C18.2992 15.0866 18.0087 14.5221 17.7652 13.9332Z" fill="#4D5D69"/>
+<path d="M20.7603 18.1554C21.5011 18.8183 22.3275 19.3874 23.2209 19.8443H14.7777C14.3113 19.8443 13.9332 19.4662 13.9332 18.9998C13.9332 18.5335 14.3113 18.1554 14.7777 18.1554L20.7603 18.1554Z" fill="#4D5D69"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9999 24.4887C17.3676 24.4887 16.0443 25.812 16.0443 27.4443C16.0443 29.0766 17.3676 30.3998 18.9999 30.3998C20.6322 30.3998 21.9554 29.0766 21.9554 27.4443C21.9554 25.812 20.6322 24.4887 18.9999 24.4887ZM17.7332 27.4443C17.7332 26.7447 18.3003 26.1776 18.9999 26.1776C19.6995 26.1776 20.2666 26.7447 20.2666 27.4443C20.2666 28.1438 19.6995 28.7109 18.9999 28.7109C18.3003 28.7109 17.7332 28.1438 17.7332 27.4443Z" fill="#4D5D69"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 9.5C38 14.7467 33.7467 19 28.5 19C23.2533 19 19 14.7467 19 9.5C19 4.25329 23.2533 0 28.5 0C33.7467 0 38 4.25329 38 9.5ZM24.3352 13.6652C24.7804 14.1104 25.5023 14.1104 25.9474 13.6652L28.5001 11.1126L31.0528 13.6652C31.498 14.1104 32.2198 14.1104 32.665 13.6652C33.1102 13.22 33.1102 12.4982 32.665 12.053L30.1123 9.50038L32.665 6.94772C33.1102 6.50253 33.1102 5.78072 32.665 5.33552C32.2198 4.89032 31.498 4.89032 31.0528 5.33552L28.5001 7.88818L25.9474 5.33552C25.5023 4.89032 24.7804 4.89032 24.3352 5.33552C23.89 5.78072 23.89 6.50253 24.3352 6.94772L26.8879 9.50038L24.3352 12.053C23.89 12.4982 23.89 13.22 24.3352 13.6652Z" fill="#EA3223"/>
+</svg>

package/assets/localization/local_be.json

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

package/assets/localization/local_en.json

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

package/assets/localization/local_hy.json

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

package/assets/localization/local_kk.json

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

package/assets/localization/local_ru.json

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

package/assets/localization/local_zh.json

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

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

@@ -0,0 +1,29 @@
+/* _____BACKGROUND POSITION_____ */
+.host-disconnect {
+  background-position: 0 100%;
+}
+
+/* _____BACKGROUND IMAGE_____ */
+.host-disconnect {
+  background-image: url('../img/icons/icons-sprite-light-7.svg');
+
+  html.dark-theme & {
+    background-image: url('../img/icons/icons-sprite-dark-7.svg');
+  }
+}
+.active .host-disconnect {
+  background-image: url('../img/icons/icons-sprite-dark-7.svg');
+
+  html.dark-theme & {
+    background-image: url('../img/icons/icons-sprite-light-7.svg');
+  }
+}
+
+/* _____ICONS COMMON STYLES_____ */
+.host-disconnect {
+  width: 18px;
+  min-width: 18px;
+  height: 18px;
+  min-height: 18px;
+  background-size: 100% auto;
+}

package/assets/scss/common/icons/icons.scss

@@ -4,6 +4,7 @@
 @import 'icons-4';
 @import 'icons-5';
 @import 'icons-6';
+@import 'icons-7';
 @import 'lib-icons';
 
 /* _____ICONS COMMON STYLES_____ */

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>