bfg-common 1.3.591 → 1.3.593

package/components/common/wizards/datastore/add/nfs/configuration/Configuration.vue

@@ -90,9 +90,9 @@
         >
           <div class="flex-align-center input-action-wrapper">
             <input
-              id="configuration-server-input"
+              id="configuration-folder-input"
               v-model="form.server.value"
-              data-id="configuration-server-input"
+              data-id="configuration-folder-input"
               type="text"
               class="clr-input"
               @blur="onBlurInputServer"

package/components/common/wizards/datastore/add/readyComplete/ReadyComplete.vue

@@ -1,95 +1,95 @@
-<template>
-  <div class="ready-complete">
-    <div class="ready-complete__desc">{{ localization.readyCompleteDesc }}</div>
-
-    <common-details-list :items="properties" class="ready-complete__list list">
-      <template #default="{ item }">
-        <common-details-item
-          :has-children="true"
-          :test-id="item.testId"
-          open-by-default
-        >
-          <template #stackBlockKey>
-            <span class="list__labels">
-              {{ localization.chosenDatastoreName }}
-            </span>
-          </template>
-
-          <template #stackChildren>
-            <template
-              v-for="(item2, key2) in item.items"
-              :key="`${item2}_${key2}`"
-            >
-              <common-details-item
-                :has-children="false"
-                :test-id="item2.testId"
-                class="list__default-style"
-              >
-                <template #stackBlockKey>
-                  <div>
-                    {{ item2.label }}
-                  </div>
-                </template>
-                <template #stackBlockContent>
-                  <div v-if="item2.data">
-                    <div
-                      v-for="item3 in item2.data"
-                      :key="item3"
-                      class="flex-align-center"
-                    >
-                      <div class="vsphere-icon-host"></div>
-                      <span>{{ item3 }}</span>
-                    </div>
-                  </div>
-                  <span v-else>
-                    {{ item2.value }}
-                  </span>
-                </template>
-              </common-details-item>
-            </template>
-          </template>
-        </common-details-item>
-      </template>
-    </common-details-list>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  dataReadyView: UI_I_DetailsItem[]
-}>()
-// console.log(props)
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const properties = computed<UI_I_DetailsItem[]>(() => props.dataReadyView)
-</script>
-
-<style lang="scss" scoped>
-@import '~/assets/scss/common/mixins.scss';
-.ready-complete {
-  &__list {
-    @include flex($dir: column);
-    padding: 12px 0;
-    row-gap: 15px;
-  }
-}
-.list {
-  &__labels {
-    @include text($fs: 13px, $fw: 700);
-  }
-  :deep(.list__default-style) {
-    .stack-block {
-      &__label {
-        align-items: flex-start;
-      }
-      &-content {
-        white-space: pre-line;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="ready-complete">
+    <div class="ready-complete__desc">{{ localization.readyCompleteDesc }}</div>
+
+    <common-details-list :items="properties" class="ready-complete__list list">
+      <template #default="{ item }">
+        <common-details-item
+          :has-children="true"
+          :test-id="item.testId"
+          open-by-default
+        >
+          <template #stackBlockKey>
+            <span class="list__labels">
+              {{ localization.chosenDatastoreName }}
+            </span>
+          </template>
+
+          <template #stackChildren>
+            <template
+              v-for="(item2, key2) in item.items"
+              :key="`${item2}_${key2}`"
+            >
+              <common-details-item
+                :has-children="false"
+                :test-id="item2.testId"
+                class="list__default-style"
+              >
+                <template #stackBlockKey>
+                  <div>
+                    {{ item2.label }}
+                  </div>
+                </template>
+                <template #stackBlockContent>
+                  <div v-if="item2.data">
+                    <div
+                      v-for="item3 in item2.data"
+                      :key="item3"
+                      class="flex-align-center"
+                    >
+                      <div class="vsphere-icon-host"></div>
+                      <span>{{ item3 }}</span>
+                    </div>
+                  </div>
+                  <span v-else>
+                    {{ item2.value }}
+                  </span>
+                </template>
+              </common-details-item>
+            </template>
+          </template>
+        </common-details-item>
+      </template>
+    </common-details-list>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
+import { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = defineProps<{
+  dataReadyView: UI_I_DetailsItem[]
+}>()
+// console.log(props)
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const properties = computed<UI_I_DetailsItem[]>(() => props.dataReadyView)
+</script>
+
+<style lang="scss" scoped>
+@import '~/assets/scss/common/mixins.scss';
+.ready-complete {
+  &__list {
+    @include flex($dir: column);
+    padding: 12px 0;
+    row-gap: 15px;
+  }
+}
+.list {
+  &__labels {
+    @include text($fs: 13px, $fw: 700);
+  }
+  :deep(.list__default-style) {
+    .stack-block {
+      &__label {
+        align-items: flex-start;
+      }
+      &-content {
+        white-space: pre-line;
+      }
+    }
+  }
+}
+</style>

package/composables/productNameLocal.ts

@@ -1,22 +1,41 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-export function productNameLocal(
-  localization: UI_I_Localization
-): UI_I_Localization {
-  const config = useRuntimeConfig()
-
-  const keys = Object.keys(localization)
-  const productName =
-    config.public.LOCALIZATION_CODE === 'ru'
-      ? config.public.PRODUCT_NAME_RU
-      : config.public.PRODUCT_NAME_EN
-
-  for (let key in localization) {
-    localization[key] = localization[key].replaceAll(
-      '{productName}',
-      String(productName)
-    )
-  }
-
-  return localization
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_LanguageKey } from '~/lib/models/types'
+
+export function productNameLocal(
+  localization: UI_I_Localization
+): UI_I_Localization {
+  const config = useRuntimeConfig()
+
+  const productName =
+    config.public.LOCALIZATION_CODE === 'ru'
+      ? config.public.PRODUCT_NAME_RU
+      : config.public.PRODUCT_NAME_EN
+
+  return replaceProductNameRecursion(localization, productName)
+}
+
+const replaceProductNameRecursion = (
+  localization: UI_I_Localization,
+  productName: any
+): UI_I_Localization => {
+  for (const key of Object.keys(localization)) {
+    const item = localization[key as UI_T_LanguageKey]
+    // TODO move to config
+    const localizationKeys = [
+      'common',
+      'auth',
+      'home',
+      'tasks',
+      'layout',
+      'mainNavigation',
+      'accessLog',
+    ]
+    if (localizationKeys.includes(key)) {
+      for (const key2 of Object.keys(item)) {
+        item[key2] = item[key2].replaceAll('{productName}', productName)
+      }
+    }
+  }
+
+  return localization
+}

package/lib/models/interfaces.ts

@@ -1,4 +1,4 @@
-import { UI_T_NotificationStatus } from '~/components/atoms/alert/lib/models/types'
+import type { UI_T_NotificationStatus } from '~/components/atoms/alert/lib/models/types'
 import { UI_E_State } from '~/lib/models/enums'
 
 export interface UI_I_ItemView {
@@ -13,8 +13,15 @@ export interface UI_I_ArbitraryObject<T> {
   [key: string]: T
 }
 
-export interface UI_I_Localization extends UI_I_ArbitraryObject<string> {}
-
+export interface UI_I_Localization {
+  common: UI_I_ArbitraryObject<string>
+  auth: UI_I_ArbitraryObject<string>
+  home: UI_I_ArbitraryObject<string>
+  tasks: UI_I_ArbitraryObject<string>
+  layout: UI_I_ArbitraryObject<string>
+  mainNavigation: UI_I_ArbitraryObject<string>
+  accessLog: UI_I_ArbitraryObject<string>
+}
 export interface UI_I_SendTaskParams {
   method: string
   target: string

package/lib/models/types.ts

@@ -1,13 +1,30 @@
-export type UI_T_Project = 'sphere' | 'procurator'
-
-export type UI_T_Binary = 'KB' | 'MB' | 'GB' | 'TB' | 'PB' | 'EB' | 'ZB' | 'YB'
-export type UI_T_BinaryLower = 'kb' | 'mb' | 'gb' | 'tb' | 'pb' | 'eb' | 'zb' | 'yb'
-
-export type UI_T_LangValue =
-  | 'en_US'
-  | 'ru_RU'
-  | 'hy_AM'
-  | 'zh_CHS'
-  | 'kk_KZ'
-  | 'be_BY'
-  | 'BROWSER'
+export type UI_T_Project = 'sphere' | 'procurator'
+
+export type UI_T_Binary = 'KB' | 'MB' | 'GB' | 'TB' | 'PB' | 'EB' | 'ZB' | 'YB'
+export type UI_T_BinaryLower =
+  | 'kb'
+  | 'mb'
+  | 'gb'
+  | 'tb'
+  | 'pb'
+  | 'eb'
+  | 'zb'
+  | 'yb'
+
+export type UI_T_LangValue =
+  | 'en_US'
+  | 'ru_RU'
+  | 'hy_AM'
+  | 'zh_CHS'
+  | 'kk_KZ'
+  | 'be_BY'
+  | 'BROWSER'
+
+export type UI_T_LanguageKey =
+  | 'common'
+  | 'auth'
+  | 'home'
+  | 'tasks'
+  | 'layout'
+  | 'mainNavigation'
+  | 'accessLog'

package/lib/utils/sendTask.ts

@@ -30,7 +30,7 @@ const showNotification = (message: UI_I_NotifyBodyMessage): void => {
 }
 const msgError: UI_I_NotifyBodyMessage = {
   status: 'error',
-  title: localization.value.error,
+  title: localization.value.common.error,
   desc: '',
 }
 const handleErrors = (error: Ref<API_UI_I_Error>): void => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.3.591",
+  "version": "1.3.593",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",