bfg-common 1.3.643 → 1.3.644

package/components/common/feedback/Message.vue

@@ -12,7 +12,7 @@
       ></textarea>
     </div>
     <div class="main-block">
-      <span class="text">{{ localization.emailAddress }} </span>
+      <span class="text">{{ localization.common.emailAddress }} </span>
       <atoms-tooltip-error
         class="tooltip-error"
         :has-error="isInvalidEmail"
@@ -24,16 +24,16 @@
             v-model="emailLocal"
             type="email"
             :class="['email', { 'has-error': isInvalidEmail }]"
-            :placeholder="localization.optionalInCaseWeNeed"
+            :placeholder="localization.common.optionalInCaseWeNeed"
             data-id="email-input"
             @blur="isStartEmailValidation = true"
           />
         </template>
-        <template #content>{{ localization.emailErrorText }}</template>
+        <template #content>{{ localization.common.emailErrorText }}</template>
       </atoms-tooltip-error>
     </div>
     <div class="main-block">
-      <span class="text">{{ localization.additionalDetails }} </span>
+      <span class="text">{{ localization.common.additionalDetails }} </span>
       <button
         v-if="!hasTakeScreenshot"
         id="feedback-take-screenshot-button"
@@ -41,7 +41,7 @@
         data-id="take-screenshot-input"
         @click="takeScreenshot"
       >
-        {{ localization.takeScreenshot }}
+        {{ localization.common.takeScreenshot }}
       </button>
 
       <button
@@ -51,13 +51,13 @@
         data-id="remove-button"
         @click="removeScreenshot"
       >
-        {{ localization.remove }}
+        {{ localization.common.remove }}
       </button>
     </div>
     <template v-if="hasTakeScreenshot">
       <div class="main-block main-block__last">
         <span class="text"></span>
-        {{ localization.clickAndDragTheMouseToAnnotate }}
+        {{ localization.common.clickAndDragTheMouseToAnnotate }}
         <!-- <a
         v-for="tab in drawingPanel"
         :key="tab.function"
@@ -76,7 +76,7 @@
           data-id="use-red-marker-button"
           @click="useRedMarker"
         >
-          {{ localization.useRedMarker }}</a
+          {{ localization.common.useRedMarker }}</a
         >
         <a
           id="feedback-use-grey-marker-button"
@@ -86,7 +86,7 @@
           data-id="use-grey-marker-button"
           @click="useGrayEraser"
         >
-          {{ localization.useGrayEraser }}</a
+          {{ localization.common.useGrayEraser }}</a
         >
         <a
           id="feedback-undo-button"
@@ -96,7 +96,7 @@
           data-id="undo-button"
           @click="undoLast"
         >
-          {{ localization.undo }}</a
+          {{ localization.common.undo }}</a
         >
         <a
           id="feedback-clear-all-button"
@@ -115,7 +115,7 @@
           v-show="true"
           test-id="feedback-message"
           status="alert-info"
-          :items="[localization.screenshotQualityMayVary]"
+          :items="[localization.common.screenshotQualityMayVary]"
         />
       </div>
     </template>
@@ -124,7 +124,7 @@
       <div>
         <div class="btn btn-sm loadFile">
           <label id="labelFileLoad" for="fileLoad">{{
-            localization.uploadImage
+              localization.common.uploadImage
           }}</label>
           <input
             id="fileLoad"
@@ -135,7 +135,7 @@
             @change="onChangeImgLoad"
           />
         </div>
-        <span>{{ localization.pngJpegFilesSupported }}</span>
+        <span>{{ localization.common.pngJpegFilesSupported }}</span>
       </div>
     </div>
 
@@ -152,9 +152,9 @@
 
 <script setup lang="ts">
 import html2canvas from 'html2canvas'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_MessageImg } from '~/components/common/feedback/lib/models/interfaces'
-import { UI_T_FeedbackType } from '~/components/common/feedback/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_MessageImg } from '~/components/common/feedback/lib/models/interfaces'
+import type { UI_T_FeedbackType } from '~/components/common/feedback/lib/models/types'
 
 const props = defineProps<{
   type: UI_T_FeedbackType

package/components/common/feedback/VisitPortal.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="modal-body">
       <div>
-        {{ localization.useOurExternalIdeasPortal }}
+        {{ localization.common.useOurExternalIdeasPortal }}
       </div>
       <a
         id="portal-link"
@@ -15,7 +15,7 @@
           data-id="visit-ideas-portal-button"
           class="btn btn-outline wrap"
         >
-          <span class="text"> {{ localization.visitIdeasPortal }} </span>
+          <span class="text"> {{ localization.common.visitIdeasPortal }} </span>
           <atoms-the-icon2 class="btn-icon" name="pop-out" />
         </button>
       </a>
@@ -24,7 +24,7 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 const localization = computed<UI_I_Localization>(() => useLocal())
 </script>
 

package/components/common/feedback/lib/config/drawingPanel.ts

@@ -1,23 +1,23 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_DrawingItem } from '~/components/common/feedback/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_DrawingItem } from '~/components/common/feedback/lib/models/interfaces'
 export const drawingPanelFunc = (localization: UI_I_Localization) => {
   const tabs: UI_I_DrawingItem[] = [
     {
       // id: 1,
       function: 'useRedMarker',
-      text: localization.useRedMarker,
+      text: localization.common.useRedMarker,
       // current: false
     },
     {
       // id: 2,
       function: 'useGrayEraser',
-      text: localization.useGrayEraser,
+      text: localization.common.useGrayEraser,
       // current: false
     },
     {
       // id: 3,
       function: 'undoLast',
-      text: localization.undo,
+      text: localization.common.undo,
       // current: false
     },
     {

package/components/common/feedback/lib/config/feedbackTabs.ts

@@ -1,23 +1,23 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_FeedbackButtonsItem } from '~/components/common/feedback/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_FeedbackButtonsItem } from '~/components/common/feedback/lib/models/interfaces'
 export const feedbackTabs = (
   localization: UI_I_Localization
 ): UI_I_FeedbackButtonsItem[] => {
   return [
     {
-      text: `${localization.problem}`,
+      text: `${localization.common.problem}`,
       key: 0,
       iconName: 'warning-standart',
       testId: 'feedback-type-warning-standart-type',
     },
     {
-      text: `${localization.complement}`,
+      text: `${localization.common.complement}`,
       key: 1,
       iconName: 'heart',
       testId: 'feedback-type-heart-type',
     },
     {
-      text: `${localization.idea}`,
+      text: `${localization.common.idea}`,
       key: 2,
       iconName: 'lightbulb',
       testId: 'feedback-type-idea-type',

package/components/common/graph/Graph.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script setup lang="ts">
-import {
+import type {
   I_LineGraph,
   I_DiskGraph,
 } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'

package/components/common/graph/lib/utils/renderGraph.ts

@@ -11,7 +11,7 @@ import type {
   I_SeriesLineItem,
 } from 'bfg-nuxt-3-graph/graph/lib/models/interfaces'
 
-import { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 export const graphDataFunc = (
   graphData: I_SeriesLine,
@@ -175,22 +175,22 @@ export const graphDataFunc = (
     exporting: {
       menuItemDefinitions: {
         viewFullscreen: {
-          text: localization.viewFullScreen,
+          text: localization.common.viewFullScreen,
         },
         printChart: {
-          text: localization.printChart,
+          text: localization.common.printChart,
         },
         downloadPNG: {
-          text: localization.exportPng,
+          text: localization.common.exportPng,
         },
         downloadJPEG: {
-          text: localization.exportJpeg,
+          text: localization.common.exportJpeg,
         },
         downloadSVG: {
-          text: localization.exportSvg,
+          text: localization.common.exportSvg,
         },
         downloadCSV: {
-          text: localization.exportCsv,
+          text: localization.common.exportCsv,
         },
       },
       csv: {
@@ -300,22 +300,22 @@ export const graphDiskDataFunc = (
     exporting: {
       menuItemDefinitions: {
         viewFullscreen: {
-          text: localization.viewFullScreen,
+          text: localization.common.viewFullScreen,
         },
         printChart: {
-          text: localization.printChart,
+          text: localization.common.printChart,
         },
         downloadPNG: {
-          text: localization.exportPng,
+          text: localization.common.exportPng,
         },
         downloadJPEG: {
-          text: localization.exportJpeg,
+          text: localization.common.exportJpeg,
         },
         downloadSVG: {
-          text: localization.exportSvg,
+          text: localization.common.exportSvg,
         },
         downloadCSV: {
-          text: localization.exportCsv,
+          text: localization.common.exportCsv,
         },
       },
       csv: {

package/components/common/help/navbar/left/Left.vue

@@ -15,8 +15,8 @@
           ]"
           name="angle"
         />
-        <span v-if="isCollapsed">{{ localization.collapseAll }}</span>
-        <span v-else>{{ localization.expandAll }}</span>
+        <span v-if="isCollapsed">{{ localization.common.collapseAll }}</span>
+        <span v-else>{{ localization.common.expandAll }}</span>
       </button>
     </div>
     <common-accordion

package/components/common/home/ResourceBlock.vue

@@ -9,11 +9,11 @@
         >
           <div class="capacity-entity-content">
             <h3 class="capacity-entity-label">
-              {{ localization[item.type] }}
+              {{ localization.common[item.type] }}
             </h3>
             <div class="capacity-entity-metrics-content">
               <h4 class="capacity-entity-free">
-                {{ item.free.text }} {{ localization.free }}
+                {{ item.free.text }} {{ localization.common.free }}
               </h4>
               <progress
                 class="progress-block"
@@ -21,8 +21,8 @@
                 :value="item.used.value"
               />
               <div class="capacity-entity-used">
-                {{ item.used.text }} {{ localization.used?.toLowerCase() }} |
-                {{ item.capacity.text }} {{ localization.total?.toLowerCase() }}
+                {{ item.used.text }} {{ localization.common.used?.toLowerCase() }} |
+                {{ item.capacity.text }} {{ localization.common.total?.toLowerCase() }}
               </div>
             </div>
           </div>
@@ -32,7 +32,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type {
   UI_I_ResourceMeter,
   UI_I_MeterBlockItem,

package/components/common/home/StatusContent.vue

@@ -4,7 +4,7 @@
       <h3 class="entity-status-item-value">
         {{ text }}
       </h3>
-      <div class="entity-status-item-status">{{ localization[value] }}</div>
+      <div class="entity-status-item-status">{{ localization.common[value] }}</div>
     </div>
   </div>
 </template>

package/components/common/home/alertsTable/lib/config/config.ts

@@ -19,9 +19,9 @@ const getItems = (
   localization: UI_I_Localization
 ): [string, boolean, string, string, string][] => {
   return [
-    [localization.item, true, '34%', alertsTableKeys[0], ''],
-    [localization.alerts, true, '33%', alertsTableKeys[1], 'error-outline'],
-    [localization.warnings, true, '33%', alertsTableKeys[2], 'warning-outline'],
+    [localization.common.item, true, '34%', alertsTableKeys[0], ''],
+    [localization.common.alerts, true, '33%', alertsTableKeys[1], 'error-outline'],
+    [localization.common.warnings, true, '33%', alertsTableKeys[2], 'warning-outline'],
   ]
 }
 

package/components/common/home/servicesTable/lib/config/config.ts

@@ -18,9 +18,9 @@ const getItems = (
   localization: UI_I_Localization
 ): [string, boolean, string, string][] => {
   return [
-    [localization.item, true, '34%', servicesTableKeys[0]],
+    [localization.common.item, true, '34%', servicesTableKeys[0]],
     [localization.common.status, true, '33%', servicesTableKeys[1]],
-    [localization.version, true, '33%', servicesTableKeys[2]],
+    [localization.common.version, true, '33%', servicesTableKeys[2]],
   ]
 }
 

package/components/common/layout/theHeader/feedback/Feedback.vue

@@ -2,14 +2,14 @@
   <common-layout-the-header-feedback-new
     v-if="isNewView"
     :is-show-feedback="props.isShowFeedback"
-    :title="localization.sendFeedback"
+    :title="localization.common.sendFeedback"
     @hide="onHide"
     @submit="onSubmit"
   />
   <common-layout-the-header-feedback-old
     v-else
     :is-show-feedback="props.isShowFeedback"
-    :title="localization.sendFeedback"
+    :title="localization.common.sendFeedback"
     @show="emits('show')"
     @hide="onHide"
     @submit="onSubmit"

package/components/common/layout/theHeader/helpMenu/helpMenuNew/lib/config/dropMenu.ts

@@ -19,7 +19,7 @@ export const helpMenuFunc = (
       iconName: 'info',
     },
     {
-      text: localization.sendFeedback,
+      text: localization.common.sendFeedback,
       value: 'sendFeedback',
       testId: 'information-menu-send-feedback',
       iconName: 'comment',

package/components/common/layout/theHeader/modals/Reconnect.vue

@@ -3,13 +3,13 @@
     test-id="connection-timeout-reconnect-modal"
     width="580px"
     :show="isShow"
-    :title="localization.connectionTimeout"
+    :title="localization.common.connectionTimeout"
     class="connection-timeout"
     is-hide-close-icon
   >
     <template #modalBody>
       <div class="connection-timeout__body">
-        <span>{{ localization.yourSessionExpireAfter }}:</span>
+        <span>{{ localization.common.yourSessionExpireAfter }}:</span>
         <common-countdown-timer :timer="timer" :total-time="totalTime" />
       </div>
     </template>
@@ -21,7 +21,7 @@
         class="btn btn-outline"
         @click="onLogout"
       >
-        {{ localization.logout }}
+        {{ localization.common.logout }}
       </button>
 
       <button
@@ -30,7 +30,7 @@
         class="btn btn-primary"
         @click="onReconnect"
       >
-        {{ localization.reconnect }}
+        {{ localization.common.reconnect }}
       </button>
     </template>
   </atoms-modal>

package/components/common/layout/theHeader/modals/RedirectLogin.vue

@@ -3,7 +3,7 @@
     test-id="connection-timeout-modal"
     width="580px"
     :show="isShow"
-    :title="localization.connectionTimeout"
+    :title="localization.common.connectionTimeout"
     class="connection-timeout"
     is-hide-close-icon
   >
@@ -13,7 +13,7 @@
           v-show="true"
           test-id="connection-timeout-alert"
           status="alert-danger"
-          :items="[localization.connectionTimeoutErrorDesc]"
+          :items="[localization.common.connectionTimeoutErrorDesc]"
           hide-close-icon
         />
       </div>
@@ -26,7 +26,7 @@
         class="btn btn-primary"
         @click="onRedirectLoginPage"
       >
-        {{ localization.login }}
+        {{ localization.common.login }}
       </button>
     </template>
   </atoms-modal>

package/components/common/layout/theHeader/userMenu/modals/changePassword/ChangePassword.vue

@@ -3,7 +3,7 @@
     width="580px"
     test-id="change-password"
     :show="props.show"
-    :title="localization.changePassword"
+    :title="localization.common.changePassword"
     :second-title="props.hostname"
     :disabled-submit="buttonDisabled"
     @hide="onHideModal"
@@ -14,7 +14,7 @@
         <section class="form-block">
           <div class="form-group">
             <label for="current-password-field"
-              >{{ localization.currentPassword }}:</label
+              >{{ localization.common.currentPassword }}:</label
             >
             <input
               id="current-password-field"
@@ -26,7 +26,7 @@
 
           <div class="form-group">
             <label for="new-password-field"
-              >{{ localization.newPassword }}:</label
+              >{{ localization.common.newPassword }}:</label
             >
 
             <div class="form-group__input">
@@ -54,7 +54,7 @@
 
           <div class="form-group">
             <label for="confirm-password-field"
-              >{{ localization.confirmPassword }}:</label
+              >{{ localization.common.confirmPassword }}:</label
             >
 
             <div class="form-group__input">
@@ -134,7 +134,7 @@ const onChangePassword = async (): Promise<void> => {
   const { newPassword, password } = form.value
 
   if (newPassword.value === password.value) {
-    showValidationErrors(localization.value.newPasswordMustDifferentOld)
+    showValidationErrors(localization.value.common.newPasswordMustDifferentOld)
     return
   }
   if (!valid.isValid) {
@@ -167,7 +167,7 @@ const onChangePassword = async (): Promise<void> => {
   if (error.value?.data && error.value.data.error_code !== 0) {
     $store.dispatch('main/A_SHOW_NOTIFICATION', {
       status: 'error',
-      headline: localization.value.operationFailed,
+      headline: localization.value.common.operationFailed,
       messages: [
         {
           title: 'Error',

package/components/common/layout/theHeader/userMenu/modals/changePassword/lib/config/form.ts

@@ -14,7 +14,7 @@ export const defaultFormFunc = (
       validations: [
         {
           value: 'password',
-          errorText: localization.changePasswordError,
+          errorText: localization.common.changePasswordError,
         },
       ],
     },
@@ -23,7 +23,7 @@ export const defaultFormFunc = (
       validations: [
         {
           value: 'password',
-          errorText: localization.changePasswordError,
+          errorText: localization.common.changePasswordError,
         },
       ],
     },

package/components/common/layout/theHeader/userMenu/modals/preferences/PreferencesNew.vue

@@ -2,7 +2,7 @@
   <ui-modal
     test-id="user-preferences-modal"
     width="580px"
-    :title="localization.preferences"
+    :title="localization.common.preferences"
     @reset="emits('reset')"
     @submit="emits('submit')"
     @hide="onHide"
@@ -83,8 +83,6 @@ const emits = defineEmits<{
   (event: 'reset'): void
 }>()
 
-const { $store }: any = useNuxtApp()
-
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const isSphere = ref<boolean>(props.project === 'sphere')

package/components/common/layout/theHeader/userMenu/modals/preferences/PreferencesOld.vue

@@ -4,7 +4,7 @@
     test-id="user-preferences-modal"
     width="580px"
     height="345px"
-    :title="localization.preferences"
+    :title="localization.common.preferences"
     @hide="onHide"
   >
     <template #modalBody>
@@ -59,7 +59,7 @@
         class="btn btn-outline"
         @click="onHide"
       >
-        {{ localization.cancel }}
+        {{ localization.common.cancel }}
       </button>
       <button
         id="user-preferences-apply-button"
@@ -67,7 +67,7 @@
         class="btn btn-primary"
         @click="emits('submit')"
       >
-        {{ localization.save }}
+        {{ localization.common.save }}
       </button>
     </template>
   </atoms-modal>

package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/ChangeLanguage.vue

@@ -48,7 +48,7 @@ const config = useRuntimeConfig()
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const description = computed<string>(() => {
-  return localization.value.languageDesc.replaceAll(
+  return localization.value.common.languageDesc.replaceAll(
     '{trademark}',
     String(config.public[`TRADEMARK_${useEnvLanguage()}`])
   )

package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/ChangeLanguageNew.vue

@@ -7,7 +7,7 @@
 
       <div>
         <div class="form-first-title">
-          {{ localization.language }}
+          {{ localization.common.language }}
         </div>
         <div class="form-second-title">
           {{ props.description }}

package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/config/radioOptions.ts

@@ -7,13 +7,13 @@ export const radioOptionsFunc = (
   return [
     {
       id: 1,
-      label: localization.browserDefault,
+      label: localization.common.browserDefault,
       value: 'BROWSER',
       testId: 'browser-type',
     },
     {
       id: 2,
-      label: localization.specifyLanguage,
+      label: localization.common.specifyLanguage,
       value: 'LANG',
       selectLang: true,
       testId: 'specify-language-type',

package/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/DefaultConsoleNew.vue

@@ -7,10 +7,10 @@
 
       <div>
         <div class="form-first-title">
-          {{ localization.defaultConsole }}
+          {{ localization.common.defaultConsole }}
         </div>
         <div class="form-second-title">
-          {{ localization.defaultConsoleDesc }}
+          {{ localization.common.defaultConsoleDesc }}
         </div>
 
         <div

package/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/DefaultConsoleOld.vue

@@ -1,7 +1,7 @@
 <template>
   <form class="compact change-default-console">
     <div class="description">
-      {{ localization.defaultConsoleDesc }}
+      {{ localization.common.defaultConsoleDesc }}
     </div>
 
     <div

package/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/lib/config/consoleOptions.ts

@@ -6,7 +6,7 @@ export const consoleOptionsFunc = (
 ): UI_I_RadioItemConsole[] => {
   const config = useRuntimeConfig()
 
-  const remoteConsole = localization.remoteConsoleVmrc.replaceAll(
+  const remoteConsole = localization.common.remoteConsoleVmrc.replaceAll(
     '{trademark}',
     String(config.public[`TRADEMARK_${useEnvLanguage()}`])
   )
@@ -14,7 +14,7 @@ export const consoleOptionsFunc = (
   return [
     {
       id: 1,
-      label: localization.webConsole,
+      label: localization.common.webConsole,
       value: 'spice',
       disabled: false,
       testId: 'web-type',