bfg-common 1.3.643 → 1.3.645

package/components/common/layout/theHeader/userMenu/modals/preferences/inventory/Inventory.vue

@@ -10,8 +10,6 @@
 </template>
 
 <script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
 const props = defineProps<{
   vmCluster: boolean
   newView: boolean
@@ -21,8 +19,6 @@ const emits = defineEmits<{
   (event: 'update-vm-clusters', value: boolean): void
 }>()
 
-const localization = computed<UI_I_Localization>(() => useLocal())
-
 const vmInHostsClusters = computed<boolean>({
   get() {
     return props.vmCluster

package/components/common/layout/theHeader/userMenu/modals/preferences/inventory/InventoryNew.vue

@@ -14,12 +14,12 @@
           {{ localization.mainNavigation.inventory }}
         </div>
         <div class="form-second-title">
-          {{ localization.inventoryDesc }}
+          {{ localization.common.inventoryDesc }}
         </div>
         <ui-checkbox
           v-model="vmInHostsClusters"
           test-id="user-preferences-inventory-show-vms-checkbox"
-          :label-text="localization.virtualMachinesLabel"
+          :label-text="localization.common.virtualMachinesLabel"
         />
       </div>
     </div>

package/components/common/layout/theHeader/userMenu/modals/preferences/inventory/InventoryOld.vue

@@ -1,7 +1,7 @@
 <template>
   <form id="inventor-form">
     <div class="description">
-      {{ localization.inventoryDesc }}
+      {{ localization.common.inventoryDesc }}
     </div>
 
     <div class="clr-checkbox-wrapper">
@@ -14,7 +14,7 @@
       />
 
       <label for="show-vms-in-hosts-and-clusters" tabindex="-1">{{
-        localization.virtualMachinesLabel
+        localization.common.virtualMachinesLabel
       }}</label>
     </div>
   </form>

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

@@ -7,19 +7,19 @@ export const preferencesTabs = (
   project: UI_T_Project
 ): UI_I_CollapseNavItem[] => {
   const timeTab = {
-    text: `${localization.timeFormat}`,
+    text: `${localization.common.timeFormat}`,
     value: 'time-tab',
     disabled: false,
     testId: 'time-format',
   }
   const languageTab = {
-    text: `${localization.language}`,
+    text: `${localization.common.language}`,
     value: 'language-tab',
     disabled: false,
     testId: 'language',
   }
   const consoleTab = {
-    text: `${localization.defaultConsole}`,
+    text: `${localization.common.defaultConsole}`,
     value: 'console-tab',
     disabled: false,
     testId: 'user-preferences-default-console',
@@ -31,7 +31,7 @@ export const preferencesTabs = (
     testId: 'user-preferences-inventory',
   }
   const viewTab = {
-    text: `${localization.view}`,
+    text: `${localization.common.view}`,
     value: 'view-tab',
     disabled: false,
     testId: 'user-preferences-view',

package/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/TimeFormat.vue

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

package/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/TimeFormatNew.vue

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

package/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/config/formatOptions.ts

@@ -7,19 +7,19 @@ export const formatOptionsFunc = (
   return [
     {
       id: 1,
-      label: localization.languageDefault,
+      label: localization.common.languageDefault,
       value: 'DEFAULT',
       testId: 'default-type',
     },
     {
       id: 2,
-      label: localization.hourFormat12,
+      label: localization.common.hourFormat12,
       value: '12H',
       testId: '12h-type',
     },
     {
       id: 3,
-      label: localization.hourFormat24,
+      label: localization.common.hourFormat24,
       value: '24H',
       testId: '24h-type',
     },

package/components/common/layout/theHeader/userMenu/modals/preferences/view/View.vue

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

package/components/common/layout/theHeader/userMenu/modals/preferences/view/ViewNew.vue

@@ -7,14 +7,14 @@
       </ui-modal-icon>
       <div>
         <div class="form-first-title">
-          {{ localization.view }}
+          {{ localization.common.view }}
         </div>
         <div class="form-second-title">
           {{ props.description }}
         </div>
 
         <div class="flex-align-center">
-          <ui-switch v-model="newViewLocal" :label="localization.newView" />
+          <ui-switch v-model="newViewLocal" :label="localization.common.newView" />
         </div>
       </div>
     </div>

package/components/common/layout/theHeader/userMenu/modals/preferences/view/ViewOld.vue

@@ -5,7 +5,7 @@
     </div>
 
     <div class="flex-align-center">
-      <label for="view">{{ localization.newView }}</label>
+      <label for="view">{{ localization.common.newView }}</label>
       <input
         id="view"
         v-model="newViewLocal"

package/components/common/layout/theHeader/userMenu/userMenuNew/lib/config/dropMenu.ts

@@ -6,20 +6,20 @@ export const userMenuFunc = (
 ): UI_I_Dropdown[] => {
   return [
     {
-      text: localization.changePassword,
+      text: localization.common.changePassword,
       value: 'changePassword',
       testId: 'user-menu-change-password',
       iconName: 'lock',
     },
     {
-      text: localization.preferences,
+      text: localization.common.preferences,
       value: 'preferences',
       testId: 'user-menu-preferences',
       divider: true,
       iconName: 'info',
     },
     {
-      text: localization.logout,
+      text: localization.common.logout,
       value: 'logout',
       testId: 'user-menu-logout',
       iconName: 'logout',

package/components/common/layout/theHeader/userMenu/userMenuOld/lib/config/dropMenu.ts

@@ -7,19 +7,19 @@ export const accountMenuFunc = (
 ): UI_I_DropMenu<T_ActionTypeUserMenu>[] => {
   return [
     {
-      text: localization.changePassword,
+      text: localization.common.changePassword,
       action: 'changePassword',
       closeAfterClick: true,
       testId: 'user-menu-change-password',
     },
     {
-      text: localization.preferences,
+      text: localization.common.preferences,
       action: 'preferences',
       closeAfterClick: true,
       testId: 'user-menu-preferences',
     },
     {
-      text: localization.switchTheme,
+      text: localization.common.switchTheme,
       action: 'themeMode',
       disabled: false,
       divider: true,
@@ -27,7 +27,7 @@ export const accountMenuFunc = (
       testId: 'user-menu-switch-theme',
     },
     {
-      text: localization.logout,
+      text: localization.common.logout,
       action: 'logout',
       closeAfterClick: true,
       testId: 'user-menu-logout',

package/components/common/mainNavigationPanel/MainNavigationPanelNew.vue

@@ -24,8 +24,8 @@
               width="12px"
               height="12px"
             />
-            <span v-if="!menuPined">{{ localization.pinMenu }}</span>
-            <span v-else>{{ localization.unpinMenu }}</span>
+            <span v-if="!menuPined">{{ localization.common.pinMenu }}</span>
+            <span v-else>{{ localization.common.unpinMenu }}</span>
           </label>
         </div>
 
@@ -69,9 +69,9 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_NavigationItem } from '~/components/common/mainNavigationPanel/lib/models/interfaces'
-import { UI_T_ParentStatus } from '~/components/common/mainNavigationPanel/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_NavigationItem } from '~/components/common/mainNavigationPanel/lib/models/interfaces'
+import type { UI_T_ParentStatus } from '~/components/common/mainNavigationPanel/lib/models/types'
 
 const props = defineProps<{
   mainMenuStatus: boolean

package/components/common/mainNavigationPanel/MainNavigationPanelOld.vue

@@ -62,7 +62,7 @@
             :disabled="props.disabledPin"
             @change="emits('change-menu-pin')"
           />
-          <label for="pin-menu-control">{{ localization.pinMenu }}</label>
+          <label for="pin-menu-control">{{ localization.common.pinMenu }}</label>
         </div>
       </div>
     </div>
@@ -70,9 +70,9 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_NavigationItem } from '~/components/common/mainNavigationPanel/lib/models/interfaces'
-import { UI_T_ParentStatus } from '~/components/common/mainNavigationPanel/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_NavigationItem } from '~/components/common/mainNavigationPanel/lib/models/interfaces'
+import type { UI_T_ParentStatus } from '~/components/common/mainNavigationPanel/lib/models/types'
 
 const props = defineProps<{
   mainMenuStatus: boolean

package/components/common/modals/Confirmation.vue

@@ -29,7 +29,7 @@
         class="btn btn-outline"
         @click="onHideModal"
       >
-        {{ localization.cancel }}
+        {{ localization.common.cancel }}
       </button>
       <button
         :data-id="`${props.testId}-apply-button`"
@@ -43,7 +43,7 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = withDefaults(
   defineProps<{
@@ -84,7 +84,7 @@ const currentText = computed<string>(() => {
   // if (props.type === 'confirm') return localization.value.common.ok
   // else if (props.type === 'remove') return localization.value.common.remove
 
-  return localization.value[props.variantTextButton]
+  return localization.value.common[props.variantTextButton]
 })
 
 const onApply = (): void => emits('confirm')

package/components/common/modals/Rename.vue

@@ -4,7 +4,7 @@
     width="576px"
     class="rename"
     :show="true"
-    :title="localization.rename"
+    :title="localization.common.rename"
     :second-title="name"
     @submit="onRename"
     @hide="onHide"
@@ -57,9 +57,9 @@
 </template>
 
 <script lang="ts" setup>
-import { UI_I_ValidationTouchResult } from '~/lib/models/plugins/validation/interfaces'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_RenameForm } from '~/components/common/modals/lib/models/interfaces'
+import type { UI_I_ValidationTouchResult } from '~/lib/models/plugins/validation/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_RenameForm } from '~/components/common/modals/lib/models/interfaces'
 import { defaultFormRenameFunc } from '~/components/common/modals/lib/config/defaultForm'
 import { labelWidthFunc } from '~/components/common/modals/lib/config/renameLabelWidth'
 
@@ -96,7 +96,7 @@ setForm()
 
 const validForm = ref<UI_I_ValidationTouchResult | null>(null)
 
-const labelName = computed<string>(() => localization.value[props.label])
+const labelName = computed<string>(() => localization.value.common[props.label])
 
 /* Validation for Name input */
 const initValidation = (): void => {

package/components/common/modals/lib/config/defaultForm.ts

@@ -1,5 +1,5 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_RenameForm } from '~/components/common/modals/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_RenameForm } from '~/components/common/modals/lib/models/interfaces'
 export const defaultFormRenameFunc = (
   localization: UI_I_Localization,
   name: string
@@ -10,7 +10,7 @@ export const defaultFormRenameFunc = (
       validations: [
         {
           value: 'required',
-          errorText: localization.emptyNameError,
+          errorText: localization.common.emptyNameError,
         },
       ],
     },

package/components/common/modals/lib/models/interfaces.ts

@@ -1,4 +1,4 @@
-import { UI_I_Validation } from '~/lib/models/plugins/validation/interfaces'
+import type { UI_I_Validation } from '~/lib/models/plugins/validation/interfaces'
 
 export interface UI_I_RenameForm {
     name: UI_I_Validation

package/components/common/monitor/advanced/Advanced.vue

@@ -3,11 +3,11 @@
     <div class="routed-view-panel-layout">
       <div class="settingsViewHeader">
         <h3 class="settingsBlockTitle m-0">
-          {{ localization.advancedPerformance }}
+          {{ localization.common.advancedPerformance }}
         </h3>
       </div>
       <div v-if="props.isEmpty" class="empty-data">
-        {{ localization.emptyAdvancedGraphText }}
+        {{ localization.common.emptyAdvancedGraphText }}
       </div>
       <div v-else class="fill-parent flex-column">
         <div class="vertical-flex-container fill-parent">
@@ -57,7 +57,7 @@
 
           <div v-show="!props.data" class="empty-container">
             {{
-              localization.noPerformanceDataIsAvailableForTheCurrentlySelectedMetrics
+              localization.common.noPerformanceDataIsAvailableForTheCurrentlySelectedMetrics
             }}
           </div>
 

package/components/common/monitor/advanced/GraphView.vue

@@ -2,7 +2,7 @@
   <div ref="chartsView" class="advanced-graph-container">
     <div v-if="isLoading" class="graphic-loader-block">
       <div class="spinner"></div>
-      <p>{{ localization.retrievingData }}...</p>
+      <p>{{ localization.common.retrievingData }}...</p>
     </div>
     <template v-if="!props.loading && chartData">
       <common-graph

package/components/common/monitor/advanced/table/Table.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="chart-legend">
-    <span class="title">{{ localization.performanceChartLegend }}</span>
+    <span class="title">{{ localization.common.performanceChartLegend }}</span>
     <client-only>
       <atoms-table-data-grid
         v-model:selected-row="selectedRow"

package/components/common/monitor/advanced/table/lib/config/performanceDatatable.ts

@@ -28,15 +28,15 @@ const getItems = (
 ): [string, boolean, string, string][] => {
   const widthCol = '113px'
   return [
-    [localization.key, true, widthCol, performanceTableKey[0]],
+    [localization.common.key, true, widthCol, performanceTableKey[0]],
     [localization.common.object, true, widthCol, performanceTableKey[1]],
-    [localization.measurement, true, widthCol, performanceTableKey[2]],
-    [localization.rollup, true, widthCol, performanceTableKey[3]],
-    [localization.units, true, widthCol, performanceTableKey[4]],
-    [localization.latest, true, widthCol, performanceTableKey[5]],
-    [localization.maximum, true, widthCol, performanceTableKey[6]],
-    [localization.minimum, true, widthCol, performanceTableKey[7]],
-    [localization.average, true, widthCol, performanceTableKey[8]],
+    [localization.common.measurement, true, widthCol, performanceTableKey[2]],
+    [localization.common.rollup, true, widthCol, performanceTableKey[3]],
+    [localization.common.units, true, widthCol, performanceTableKey[4]],
+    [localization.common.latest, true, widthCol, performanceTableKey[5]],
+    [localization.common.maximum, true, widthCol, performanceTableKey[6]],
+    [localization.common.minimum, true, widthCol, performanceTableKey[7]],
+    [localization.common.average, true, widthCol, performanceTableKey[8]],
   ]
 }
 

package/components/common/monitor/advanced/tools/Tools.vue

@@ -12,7 +12,7 @@
     </div>
     <div class="horizontal-flex-container">
       <label for="periodSelect" class="label-select"
-        >{{ localization.period }}:</label
+        >{{ localization.common.period }}:</label
       >
       <div class="select">
         <select
@@ -36,12 +36,12 @@
         class="chart-options-button"
         data-id="show-chart-options-button"
         @click="onShowChartOptions"
-        >{{ localization.chartOptions }}</a
+        >{{ localization.common.chartOptions }}</a
       >
     </div>
     <div class="view-select-label horizontal-flex-container">
       <label for="viewSelect" class="label-select"
-        >{{ localization.view }}:</label
+        >{{ localization.common.view }}:</label
       >
       <div class="select">
         <select

package/components/common/monitor/advanced/tools/chartOptionsModal/ChartOptionsModal.vue

@@ -3,7 +3,7 @@
     <atoms-modal
       width="1150px"
       :show="true"
-      :title="localization.chartOptions"
+      :title="localization.common.chartOptions"
       :disabled-submit="isDisabledSubmit"
       @hide="onHide"
       @submit="onSubmit"

package/components/common/monitor/advanced/tools/chartOptionsModal/actions/Actions.vue

@@ -2,7 +2,7 @@
   <div class="horizontal-flex-container">
     <div class="horizontal-flex-container">
       <label for="chartOptionsSelect" class="label-select"
-        >{{ localization.chartOptions }}:</label
+        >{{ localization.common.chartOptions }}:</label
       >
       <div class="select">
         <select
@@ -26,7 +26,7 @@
         data-id="chart-options-save-button"
         @click="onShowSaveOptionsModal"
       >
-        {{ localization.saveOptionsAs }}...
+        {{ localization.common.saveOptionsAs }}...
       </button>
       <common-monitor-advanced-tools-chart-options-modal-actions-save-options-modal
         v-if="isShowSaveOptionsModal"
@@ -39,14 +39,14 @@
         data-id="chart-options-delete-button"
         @click="onDeleteAction"
       >
-        {{ localization.deleteOptions }}
+        {{ localization.common.deleteOptions }}
       </button>
     </div>
   </div>
 
   <common-modals-confirmation
     v-if="isConfirmModal"
-    headline="localization.deletingSavedSettings"
+    headline="localization.common.deletingSavedSettings"
     :description="confirmModalDesc"
     @hide-modal="isConfirmModal = false"
     @confirm="onApplyDelete"

package/components/common/monitor/advanced/tools/chartOptionsModal/actions/lib/utils/optionsActions.ts

@@ -7,11 +7,11 @@ export const chartOptionItems = (
 ): UI_I_OptionItem[] => {
   const mainOptionsNames = [
     {
-      text: `--${localization.selectOption}--`,
+      text: `--${localization.common.selectOption}--`,
       value: 'select_options',
     },
     {
-      text: localization.default,
+      text: localization.common.default,
       value: 'default',
     },
   ]

package/components/common/monitor/advanced/tools/chartOptionsModal/actions/saveOptionsModal/SaveOptionsModal.vue

@@ -2,7 +2,7 @@
   <atoms-modal
     width="575px"
     :show="true"
-    :title="localization.saveOptionsAs"
+    :title="localization.common.saveOptionsAs"
     @hide="onHide"
     @submit="onSave"
   >
@@ -14,7 +14,7 @@
       />
       <div class="form-control">
         <label class="save-option-name-label" for="chartOptionsName"
-          >{{ localization.chartOptionsName }}:</label
+          >{{ localization.common.chartOptionsName }}:</label
         >
         <input
           id="chartOptionsName"

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/Table.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="vertical-flex-container chart-option-counters-vertical-split">
     <span class="chart-options-grid-title">{{
-      localization.selectCountersForThisChart
+      localization.common.selectCountersForThisChart
     }}</span>
 
     <atoms-table-data-grid

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/config/tableConfig.ts

@@ -24,8 +24,8 @@ const getItems = (
   return [
     [localization.common.name, true, '140px', countersTableKey[0]],
     [localization.common.description, true, '140px', countersTableKey[1]],
-    [localization.measurement, true, '140px', countersTableKey[2]],
-    [localization.units, true, '140px', countersTableKey[3]],
+    [localization.common.measurement, true, '140px', countersTableKey[2]],
+    [localization.common.units, true, '140px', countersTableKey[3]],
   ]
 }