bfg-common 1.4.88 → 1.4.90

package/assets/localization/local_be.json

@@ -1,5 +1,7 @@
 {
   "common": {
+    "lightMode": "Светлавы рэжым",
+    "darkMode": "Цёмны рэжым",
     "success": "Поспех",
     "warning": "Папярэджанне",
     "error": "Памылка",
@@ -1120,6 +1122,7 @@
     "physicalNetworkAdapterHandlesNetworkTraffic": "Фізічны сеткавы адаптар апрацоўвае сеткавы трафік, які перадаецца іншым вузлах сеткі.",
     "physicalNetworkAdapters": "Фізічныя сеткавыя адаптары",
     "physicalNetworkAdaptersWarning": "Папярэджанне аб фізічных сеткавых адаптарах",
+    "menu": "Меню",
     "pinMenu": "Замацаваць меню",
     "playbackCompression": "Сціск прайгравання",
     "plugins": "Убудовы",
@@ -2254,6 +2257,7 @@
     "aboutSubtitle": "Усе аўтарскія правы абаронены."
   },
   "mainNavigation": {
+    "myAccount": "Мой рахунак",
     "home": "дадому",
     "shortcuts": "Ярлыкі",
     "inventory": "Інвентар",

package/assets/localization/local_en.json

@@ -1,5 +1,7 @@
 {
   "common": {
+    "lightMode": "Light Mode",
+    "darkMode": "Dark Mode",
     "success": "Success",
     "warning": "Warning",
     "error": "Error",
@@ -1119,6 +1121,7 @@
     "physicalNetworkAdapterHandlesNetworkTraffic": "A physical network adapter handles the network traffic to other hosts on the network.",
     "physicalNetworkAdapters": "Physical network adapters",
     "physicalNetworkAdaptersWarning": "Physical Network Adapters Warning",
+    "menu": "Menu",
     "pinMenu": "Pin menu",
     "playbackCompression": "Playback Compression",
     "plugins": "Plugins",
@@ -2258,6 +2261,7 @@
     "aboutSubtitle": "All copyrights are reserved."
   },
   "mainNavigation": {
+    "myAccount": "My Account",
     "home": "Home",
     "shortcuts": "Shortcuts",
     "inventory": "Inventory",

package/assets/localization/local_hy.json

@@ -1,5 +1,7 @@
 {
   "common": {
+    "lightMode": "Լույսի ռեժիմ",
+    "darkMode": "Մութ ռեժիմ",
     "success": "Հաջողություն",
     "warning": "Զգուշացում",
     "error": "Սխալ",
@@ -1119,6 +1121,7 @@
     "physicalNetworkAdapterHandlesNetworkTraffic": "Ֆիզիկական ցանցային ադապտերը կարգավորում է ցանցի երթևեկությունը, որը փոխանցվում է ցանցի այլ հանգույցներին:",
     "physicalNetworkAdapters": "Ֆիզիկական ցանցային ադապտերներ",
     "physicalNetworkAdaptersWarning": "Զգուշացում ֆիզիկական ցանցային ադապտերների մասին",
+    "menu": "Մենու",
     "pinMenu": "Ամրացնել մենյու",
     "playbackCompression": "Նվագարկման սեղմում",
     "plugins": "Փլագիններ",
@@ -2258,6 +2261,7 @@
     "aboutSubtitle": "Բոլոր հեղինակային իրավունքները պաշտպանված են:"
   },
   "mainNavigation": {
+    "myAccount": "Իմ հաշիվը",
     "home": "Գլխավոր էջ",
     "shortcuts": "Պիտակներ",
     "inventory": "Գրապահոց",

package/assets/localization/local_kk.json

@@ -1,5 +1,7 @@
 {
   "common": {
+    "lightMode": "Жарық режимі",
+    "darkMode": "Қараңғы режим",
     "success": "Жетістік",
     "warning": "Ескерту",
     "error": "Қате",
@@ -1119,6 +1121,7 @@
     "physicalNetworkAdapterHandlesNetworkTraffic": "Физикалық желілік адаптер желінің басқа түйіндеріне берілетін желілік трафикті басқарады.",
     "physicalNetworkAdapters": "Физикалық желі адаптерлері",
     "physicalNetworkAdaptersWarning": "Физикалық Желілік адаптерлер туралы ескерту",
+    "menu": "Мәзір",
     "pinMenu": "Мәзірді бекіту",
     "playbackCompression": "Ойнатуды қысу",
     "plugins": "Плагиндер",
@@ -2257,6 +2260,7 @@
     "aboutSubtitle": "Барлық авторлық құқықтар қорғалған."
   },
   "mainNavigation": {
+    "myAccount": "Менің аккаунтым",
     "home": "үй",
     "shortcuts": "Жапсырмалар",
     "inventory": "Түгендеу",

package/assets/localization/local_ru.json

@@ -1,5 +1,7 @@
 {
   "common": {
+    "lightMode": "Режим света",
+    "darkMode": "Темный режим",
     "success": "Успех",
     "warning": "Предупреждение",
     "error": "Ошибка",
@@ -1121,6 +1123,7 @@
     "physicalNetworkAdapterHandlesNetworkTraffic": "Физический сетевой адаптер обрабатывает сетевой трафик, передаваемый другим узлам сети.",
     "physicalNetworkAdapters": "Физические сетевые адаптеры",
     "physicalNetworkAdaptersWarning": "Предупреждение о физических сетевых адаптерах",
+    "menu": "Меню",
     "pinMenu": "Закрепить меню",
     "playbackCompression": "Сжатие воспроизведения",
     "plugins": "Плагины",
@@ -2260,6 +2263,7 @@
     "aboutSubtitle": "Все авторские права защищены."
   },
   "mainNavigation": {
+    "myAccount": "Мой счет",
     "home": "Главная",
     "shortcuts": "Ярлыки",
     "inventory": "Инвентарь",

package/assets/localization/local_zh.json

@@ -1,5 +1,7 @@
 {
   "common": {
+    "lightMode": "灯光模式",
+    "darkMode": "暗黑模式",
     "success": "成功",
     "warning": "警告",
     "error": "错误",
@@ -1119,6 +1121,7 @@
     "physicalNetworkAdapterHandlesNetworkTraffic": "物理网络适配器处理到网络上其他主机的网络流量。",
     "physicalNetworkAdapters": "物理網絡適配器",
     "physicalNetworkAdaptersWarning": "物理网络适配器警告",
+    "menu": "菜单",
     "pinMenu": "引脚菜单",
     "playbackCompression": "回放压缩",
     "plugins": "插件",
@@ -2256,6 +2259,7 @@
     "aboutSubtitle": "保留所有版权。"
   },
   "mainNavigation": {
+    "myAccount": "我的账户",
     "home": "家",
     "shortcuts": "标签",
     "inventory": "存货",

package/components/atoms/modal/bySteps/BySteps.vue

@@ -1,253 +1,253 @@
-<template>
-  <div v-if="props.show" class="modal clr-wizard wizard-xl">
-    <div class="modal-dialog modal-xl relative" :data-id="props.testId">
-      <div class="modal-content-wrapper">
-        <nav class="modal-nav clr-wizard-stepnav-wrapper">
-          <h1 class="clr-wizard-title">
-            {{ props.title }}
-          </h1>
-          <atoms-step-vertical-step
-            :test-id="props.testId"
-            :items="props.stepItems"
-            :step-position="props.stepPosition"
-            @change="changeStep"
-          />
-        </nav>
-        <div class="modal-content">
-          <div class="modal-header--accessible">
-            <slot name="contentHeading">
-              <div class="modal-title-wrapper">
-                <h2 class="modal-title">
-                  <span class="modal-title-text">{{ heading }}</span>
-                </h2>
-              </div>
-            </slot>
-            <button
-              :id="`${props.testId}-close-icon`"
-              class="close"
-              :data-id="`${props.testId}-close-button`"
-              @click="hide"
-            >
-              <atoms-the-icon class="close-icon" name="close" />
-            </button>
-          </div>
-          <div class="modal-body">
-            <slot
-              name="modalBody"
-              :title="heading"
-              :description="stepDescription"
-            />
-          </div>
-          <div class="modal-footer">
-            <slot name="modalFooter">
-              <button
-                :id="`${props.testId}-cancel-button`"
-                class="btn btn-link"
-                :data-id="`${props.testId}-cancel-button`"
-                @click="hide"
-              >
-                {{ localization.common.cancel }}
-              </button>
-              <button
-                v-show="props.stepPosition > 0"
-                :id="`${props.testId}-back-button`"
-                class="btn btn-outline"
-                :data-id="`${props.testId}-back-button`"
-                @click="back"
-              >
-                {{ localization.common.back }}
-              </button>
-              <button
-                v-if="props.stepPosition === props.stepItems.length - 1"
-                :id="`${props.testId}-finish-button`"
-                class="btn btn-success"
-                :data-id="`${props.testId}-finish-button`"
-                @click="finish"
-              >
-                {{ localization.common.finish }}
-              </button>
-              <button
-                v-else
-                :id="`${props.testId}-next-button`"
-                :disabled="props.disabledNext"
-                class="btn btn-primary"
-                :data-id="`${props.testId}-next-button`"
-                @click="next"
-              >
-                {{ localization.common.next }}
-              </button>
-            </slot>
-          </div>
-        </div>
-      </div>
-
-      <div v-show="props.loading" class="loader">
-        <i class="fa clr-tree-node-caret-icon spinner spinner" />
-      </div>
-    </div>
-    <div class="modal-backdrop" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_VerticalStepItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = withDefaults(
-  defineProps<{
-    show: boolean
-    title: string
-    stepItems: UI_I_VerticalStepItem[]
-    stepPosition: number
-    secondTitle?: string
-    testId?: string
-    loading?: boolean
-    disabledNext?: boolean
-  }>(),
-  {
-    testId: 'ui-modal-by-steps',
-    disabledNext: false,
-  }
-)
-const emits = defineEmits<{
-  (event: 'finish'): void
-  (event: 'next'): void
-  (event: 'back'): void
-  (event: 'hide'): void
-  (event: 'change-step', num: number): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const heading = ref<string | null>(null)
-const stepDescription = ref<string | null>(null)
-
-const hide = (): void => {
-  emits('hide')
-}
-const finish = (): void => {
-  emits('finish')
-}
-const next = (): void => {
-  emits('next')
-}
-const back = (): void => {
-  emits('back')
-}
-const changeStep = (key: number): void => {
-  emits('change-step', key)
-}
-
-watch(
-  () => props.stepPosition,
-  (value) => {
-    const { stepItems, secondTitle } = props
-    if (secondTitle) {
-      heading.value = secondTitle
-      return
-    }
-
-    heading.value = stepItems[value].text
-    stepDescription.value = stepItems[value]?.description || ''
-  },
-  { immediate: true }
-)
-</script>
-
-<style scoped lang="scss">
-.modal {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  z-index: 1050;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding: 48px;
-  overflow-y: auto;
-
-  .modal-nav {
-    background-color: var(--block-view-bg-color4);
-    .clr-wizard-title {
-      color: var(--main-color-mode);
-      font-size: 22px;
-      padding: 24px 12px 24px 24px;
-      //line-height: 1.2rem;
-    }
-  }
-
-  .modal-content-wrapper {
-    position: relative;
-    -webkit-animation-name: animateTop;
-    -webkit-animation-duration: 0.4s;
-    animation-name: animateTop;
-    animation-duration: 0.4s;
-  }
-
-  .modal-content {
-    background-color: var(--modal-bg-color);
-
-    .modal-header--accessible {
-      display: flex;
-      justify-content: space-between;
-      align-items: flex-start;
-      width: 100%;
-      padding: 24px 19px 6px 24px;
-
-      .modal-title-text {
-        color: var(--main-color-mode);
-        font-size: 22px;
-      }
-
-      .close-icon {
-        fill: var(--close-icon);
-        width: 24px;
-        height: 24px;
-      }
-    }
-
-    .modal-body {
-      padding: 0 3px;
-    }
-
-    .modal-footer {
-      display: flex;
-      justify-content: flex-end;
-      padding: 24px;
-      flex: unset;
-      min-height: 0;
-      height: auto;
-    }
-  }
-
-  .loader {
-    position: absolute;
-    z-index: 1000;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: rgba(0, 0, 0, 0.3);
-
-    .spinner {
-      left: unset;
-    }
-  }
-
-  .modal-backdrop {
-    opacity: 1;
-    background-color: rgba(0, 0, 0, 0.6);
-  }
-}
-h1,
-h2 {
-  // просмотреть если нигде не ломается переместит глобально
-  line-height: inherit;
-}
-</style>
+<template>
+  <div v-if="props.show" class="modal clr-wizard wizard-xl">
+    <div class="modal-dialog modal-xl relative" :data-id="props.testId">
+      <div class="modal-content-wrapper">
+        <nav class="modal-nav clr-wizard-stepnav-wrapper">
+          <h1 class="clr-wizard-title">
+            {{ props.title }}
+          </h1>
+          <atoms-step-vertical-step
+            :test-id="props.testId"
+            :items="props.stepItems"
+            :step-position="props.stepPosition"
+            @change="changeStep"
+          />
+        </nav>
+        <div class="modal-content">
+          <div class="modal-header--accessible">
+            <slot name="contentHeading">
+              <div class="modal-title-wrapper">
+                <h2 class="modal-title">
+                  <span class="modal-title-text">{{ heading }}</span>
+                </h2>
+              </div>
+            </slot>
+            <button
+              :id="`${props.testId}-close-icon`"
+              class="close"
+              :data-id="`${props.testId}-close-button`"
+              @click="hide"
+            >
+              <atoms-the-icon class="close-icon" name="close" />
+            </button>
+          </div>
+          <div class="modal-body">
+            <slot
+              name="modalBody"
+              :title="heading"
+              :description="stepDescription"
+            />
+          </div>
+          <div class="modal-footer">
+            <slot name="modalFooter">
+              <button
+                :id="`${props.testId}-cancel-button`"
+                class="btn btn-link"
+                :data-id="`${props.testId}-cancel-button`"
+                @click="hide"
+              >
+                {{ localization.common.cancel }}
+              </button>
+              <button
+                v-show="props.stepPosition > 0"
+                :id="`${props.testId}-back-button`"
+                class="btn btn-outline"
+                :data-id="`${props.testId}-back-button`"
+                @click="back"
+              >
+                {{ localization.common.back }}
+              </button>
+              <button
+                v-if="props.stepPosition === props.stepItems.length - 1"
+                :id="`${props.testId}-finish-button`"
+                class="btn btn-success"
+                :data-id="`${props.testId}-finish-button`"
+                @click="finish"
+              >
+                {{ localization.common.finish }}
+              </button>
+              <button
+                v-else
+                :id="`${props.testId}-next-button`"
+                :disabled="props.disabledNext"
+                class="btn btn-primary"
+                :data-id="`${props.testId}-next-button`"
+                @click="next"
+              >
+                {{ localization.common.next }}
+              </button>
+            </slot>
+          </div>
+        </div>
+      </div>
+
+      <div v-show="props.loading" class="loader">
+        <i class="fa clr-tree-node-caret-icon spinner spinner" />
+      </div>
+    </div>
+    <div class="modal-backdrop" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_VerticalStepItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = withDefaults(
+  defineProps<{
+    show: boolean
+    title: string
+    stepItems: UI_I_VerticalStepItem[]
+    stepPosition: number
+    secondTitle?: string
+    testId?: string
+    loading?: boolean
+    disabledNext?: boolean
+  }>(),
+  {
+    testId: 'ui-modal-by-steps',
+    disabledNext: false,
+  }
+)
+const emits = defineEmits<{
+  (event: 'finish'): void
+  (event: 'next'): void
+  (event: 'back'): void
+  (event: 'hide'): void
+  (event: 'change-step', num: number): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const heading = ref<string | null>(null)
+const stepDescription = ref<string | null>(null)
+
+const hide = (): void => {
+  emits('hide')
+}
+const finish = (): void => {
+  emits('finish')
+}
+const next = (): void => {
+  emits('next')
+}
+const back = (): void => {
+  emits('back')
+}
+const changeStep = (key: number): void => {
+  emits('change-step', key)
+}
+
+watch(
+  () => props.stepPosition,
+  (value) => {
+    const { stepItems, secondTitle } = props
+    if (secondTitle) {
+      heading.value = secondTitle
+      return
+    }
+
+    heading.value = stepItems[value].text
+    stepDescription.value = stepItems[value]?.description || ''
+  },
+  { immediate: true }
+)
+</script>
+
+<style scoped lang="scss">
+.modal {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  z-index: 1050;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 48px;
+  overflow-y: auto;
+
+  .modal-nav {
+    background-color: var(--block-view-bg-color4);
+    .clr-wizard-title {
+      color: var(--main-color-mode);
+      font-size: 22px;
+      padding: 24px 12px 24px 24px;
+      //line-height: 1.2rem;
+    }
+  }
+
+  .modal-content-wrapper {
+    position: relative;
+    -webkit-animation-name: animateTop;
+    -webkit-animation-duration: 0.4s;
+    animation-name: animateTop;
+    animation-duration: 0.4s;
+  }
+
+  .modal-content {
+    background-color: var(--modal-bg-color);
+
+    .modal-header--accessible {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      width: 100%;
+      padding: 24px 19px 6px 24px;
+
+      .modal-title-text {
+        color: var(--main-color-mode);
+        font-size: 22px;
+      }
+
+      .close-icon {
+        fill: var(--close-icon);
+        width: 24px;
+        height: 24px;
+      }
+    }
+
+    .modal-body {
+      padding: 0 3px;
+    }
+
+    .modal-footer {
+      display: flex;
+      justify-content: flex-end;
+      padding: 24px;
+      flex: unset;
+      min-height: 0;
+      height: auto;
+    }
+  }
+
+  .loader {
+    position: absolute;
+    z-index: 1000;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: rgba(0, 0, 0, 0.3);
+
+    .spinner {
+      left: unset;
+    }
+  }
+
+  .modal-backdrop {
+    opacity: 1;
+    background-color: rgba(0, 0, 0, 0.6);
+  }
+}
+h1,
+h2 {
+  // просмотреть если нигде не ломается переместит глобально
+  line-height: inherit;
+}
+</style>