bfg-common 1.6.22 → 1.6.23

package/components/common/configure/physicalAdapters/modals/edit/EditNew.vue

@@ -11,14 +11,6 @@
     @submit="emits('send-edit-data')"
   >
     <template #content>
-      <ui-alert
-        v-if="!!errors.alert"
-        :messages="[errors.alert]"
-        test-id="virtual-functions-alert"
-        size="md"
-        class="virtual-functions-alert"
-        @hide="onHideAlert"
-      />
       <div class="form-group">
         <div class="form-group-speed">
           <label class="config-speed-title title">
@@ -38,7 +30,7 @@
         <div v-if="props.hasSpeed" class="form-group-sr">
           <ui-line margin="24px 0 16px" />
           <label class="sr-title title">
-            {{ localization.common.srIov }}
+            {{ localization.common.status }}
           </label>
           <p class="sr-description">
             {{ localization.common.srIovDescription }}
@@ -67,7 +59,6 @@
                 :placeholder="localization.common.virtualFunctions"
                 size="md"
                 type="number"
-                :error="sriovStatus ? errors.field : ''"
                 :disabled="!sriovStatus"
               />
             </div>
@@ -94,8 +85,6 @@ import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/mod
 import type { UI_I_OptionItem } from '~/node_modules/bfg-common/components/atoms/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_SwitchAdapterItem } from '~/components/common/diagramMain/lib/models/interfaces'
-import type { UI_I_SrOptionError } from '~/components/common/configure/physicalAdapters/modals/edit/lib/models/interfaces'
-import { vfNumberValidationFunc } from '~/components/common/configure/physicalAdapters/modals/edit/lib/validations/validations'
 
 const props = defineProps<{
   hasSpeed: boolean
@@ -120,7 +109,6 @@ const modalTexts = ref<UI_I_ModalTexts>({
 const configSpeed = defineModel<string>('config-speed')
 const sriovStatus = defineModel<boolean>('status')
 const numberOfFunctions = defineModel<number>('number-of-functions')
-const errors = defineModel<UI_I_SrOptionError>('errors')
 
 const status = computed({
   get() {
@@ -130,19 +118,6 @@ const status = computed({
     sriovStatus.value = newValue === '1'
   },
 })
-
-watch(
-  numberOfFunctions,
-  (newValue: number): void => {
-    errors.value.field = vfNumberValidationFunc(newValue, localization.value)
-    errors.value.alert = ''
-  },
-  { immediate: true }
-)
-
-const onHideAlert = (): void => {
-  errors.value.alert = ''
-}
 </script>
 
 <style scoped lang="scss">
@@ -225,8 +200,4 @@ const onHideAlert = (): void => {
     }
   }
 }
-
-.virtual-functions-alert {
-  margin: 8px 32px;
-}
 </style>

package/components/common/configure/physicalAdapters/modals/edit/lib/models/interfaces.ts

@@ -10,8 +10,3 @@ export interface UI_I_SrOption {
   value: string
   text: string
 }
-
-export interface UI_I_SrOptionError {
-  alert: string
-  field: string
-}

package/components/common/configure/physicalAdapters/tableView/TableViewNew.vue

@@ -170,9 +170,7 @@ const actions = computed<UI_I_ButtonsGroup>(() => [
     value: 'edit',
     testId: 'edit-physical-adapted',
     id: 'edit-physical-adapted',
-    iconName: 'edit',
     disabled: !props.hasSelectedAdapter,
-    development: true,
   },
 ])
 
@@ -249,11 +247,6 @@ const onShowEditModal = (id: string): void => {
 :deep(.table-container) {
   height: 100%;
   grid-template-rows: min-content auto min-content;
-
-  .title-container {
-    margin-right: 16px;
-  }
-
   &.full-width-search {
     grid-template-rows: min-content min-content auto min-content;
   }
@@ -329,7 +322,7 @@ const onShowEditModal = (id: string): void => {
     }
   }
   &-text {
-    line-height: 18px;
+    line-height: 16px;
   }
 }
 
@@ -338,8 +331,4 @@ const onShowEditModal = (id: string): void => {
     white-space: nowrap;
   }
 }
-
-:deep(.ui-button-group-dots-icon) {
-  padding-left: 0;
-}
 </style>

package/components/common/configure/physicalAdapters/tableView/lib/config/physicalAdaptersTableConfigNew.ts

@@ -8,96 +8,96 @@ import type { UI_I_PhysicalAdapter } from '~/components/common/configure/physica
 import { physicalAdaptersTableItemsTuple } from '~/components/common/configure/physicalAdapters/tableView/lib/config/tableKeys'
 
 export const getHeaderDataFunc = (
-    localization: UI_I_Localization
+  localization: UI_I_Localization
 ): UI_I_DataTableHeader[] => [
   {
     col: 'col0',
-    colName: physicalAdaptersTableItemsTuple[0],
+    colName: [physicalAdaptersTableItemsTuple[0]],
     text: localization.common[physicalAdaptersTableItemsTuple[0]],
     isSortable: true,
     sort: 'asc',
     sortColumn: true,
-    width: '160px',
+    width: '30%',
     show: true,
     filter: true,
   },
   {
     col: 'col1',
-    colName: physicalAdaptersTableItemsTuple[1],
+    colName: [physicalAdaptersTableItemsTuple[1]],
     text: localization.common[physicalAdaptersTableItemsTuple[1]],
     isSortable: true,
     sort: 'asc',
-    width: '200px',
+    width: '20%',
     show: true,
     filter: true,
   },
   {
     col: 'col2',
-    colName: physicalAdaptersTableItemsTuple[2],
+    colName: [physicalAdaptersTableItemsTuple[2]],
     text: localization.common[physicalAdaptersTableItemsTuple[2]],
     isSortable: true,
     sort: 'asc',
-    width: '240px',
+    width: '20%',
     show: true,
     filter: true,
   },
   {
     col: 'col3',
-    colName: physicalAdaptersTableItemsTuple[3],
+    colName: [physicalAdaptersTableItemsTuple[3]],
     text: localization.common[physicalAdaptersTableItemsTuple[3]],
     isSortable: true,
     sort: 'asc',
-    width: '140px',
+    width: '20%',
     show: true,
     filter: true,
   },
   {
     col: 'col4',
-    colName: physicalAdaptersTableItemsTuple[4],
+    colName: [physicalAdaptersTableItemsTuple[4]],
     text: localization.common[physicalAdaptersTableItemsTuple[4]],
     isSortable: true,
     sort: 'asc',
-    width: '176px',
+    width: '20%',
     show: true,
     filter: true,
   },
   {
     col: 'col5',
-    colName: physicalAdaptersTableItemsTuple[5],
+    colName: [physicalAdaptersTableItemsTuple[5]],
     text: localization.common[physicalAdaptersTableItemsTuple[5]],
     isSortable: true,
     sort: 'asc',
-    width: '174px',
+    width: '20%',
     show: true,
     filter: true,
   },
   {
     col: 'col6',
-    colName: physicalAdaptersTableItemsTuple[6],
+    colName: [physicalAdaptersTableItemsTuple[6]],
     text: localization.common[physicalAdaptersTableItemsTuple[6]],
     isSortable: true,
     sort: 'asc',
-    width: '200px',
+    width: '20%',
     show: true,
     filter: true,
   },
   {
     col: 'col7',
-    colName: physicalAdaptersTableItemsTuple[7],
+    colName: [physicalAdaptersTableItemsTuple[7]],
     text: localization.common[physicalAdaptersTableItemsTuple[7]],
     isSortable: true,
     sort: 'asc',
-    width: '200px',
+    width: '20%',
     show: true,
     filter: true,
   },
   {
     col: 'col8',
-    colName: physicalAdaptersTableItemsTuple[8],
+    colName: [physicalAdaptersTableItemsTuple[8]],
     text: localization.common[physicalAdaptersTableItemsTuple[8]],
     isSortable: true,
     sort: 'asc',
-    width: '140px',
+    width: '20%',
     show: true,
     filter: true,
   },
@@ -131,8 +131,8 @@ export const options: UI_I_DataTableOptions = {
 }
 
 export const getBodyDataFunc = (
-    bodyData: UI_I_PhysicalAdapter[],
-    selectedRow: number
+  bodyData: UI_I_PhysicalAdapter[],
+  selectedRow: number
 ): UI_I_DataTableBody[] => {
   return bodyData.map((adapter: UI_I_PhysicalAdapter, index: number) => {
     return {

package/components/common/configure/physicalAdapters/tableView/lib/config/settings.ts

@@ -11,22 +11,22 @@ export const adapterViewSettingsModalTabsFunc = (
   {
     text: localization.common.all,
     value: 0,
-    testId: 'physical-adapter-view-all-settings',
+    testId: 'physical-adapter-view-all-settings'
   },
   {
     text: localization.common.properties,
     value: 1,
-    testId: 'physical-adapter-view-properties-setting',
+    testId: 'physical-adapter-view-properties-setting'
   },
   {
     text: localization.common.cdp,
     value: 2,
-    testId: 'physical-adapter-view-cdp-setting',
+    testId: 'physical-adapter-view-cdp-setting'
   },
   {
     text: localization.common.lldp,
     value: 3,
-    testId: 'physical-adapter-view-lldp-setting',
+    testId: 'physical-adapter-view-lldp-setting'
   },
 ]
 
@@ -36,7 +36,6 @@ export const adapterViewSettingsFunc = (
 ): UI_I_ViewSettingsFields[] => {
   return [
     {
-      title: localization.common.properties,
       id: 1,
       type: 1,
       rows: [
@@ -68,8 +67,6 @@ export const adapterViewSettingsFunc = (
           value: initialData.carrier
             ? localization.common.connected
             : localization.common.disconnected,
-          status: true,
-          color: initialData.carrier,
         },
         {
           name: localization.common.actualSpeedDuplex,
@@ -105,11 +102,7 @@ export const adapterViewSettingsFunc = (
       rows: [
         {
           name: localization.common.status,
-          value: !initialData.srIov
-            ? localization.common.notSupported
-            : localization.common.supported,
-          status: true,
-          color: initialData.srIov,
+          value: !initialData.srIov ? localization.common.notSupported : '',
         },
       ],
     },

package/components/common/configure/physicalAdapters/tableView/lib/models/interfaces.ts

@@ -13,10 +13,7 @@ export interface UI_I_PhysicalAdapter {
 
 export interface UI_I_ViewSettingsFieldsRow {
   name: string
-  value?: string | string[] | undefined
-  color?: boolean
-  status?: boolean
-  icon?: string
+  value: string | string[]
 }
 
 export interface UI_I_ViewSettingsFields {

package/components/common/diagramMain/DiagramMain.vue

@@ -74,8 +74,6 @@
       :selected-switch-id="selectedSwitchId"
       :tcp-stacks="props.tcpStacks"
       :is-networking-loading="props.isNetworkingLoading"
-      :is-get-existing-switches-loading="props.isGetExistingSwitchesLoading"
-      :is-get-tcp-stack-loading="props.isGetTcpStackLoading"
       :networks-list="props.networksList"
       :is-migrate-adapter-loading="props.isMigrateAdapterLoading"
       :diagrams-data="props.diagramsData"
@@ -174,8 +172,6 @@ const props = withDefaults(
     diagramsData?: UI_I_DiagramData[]
     isManageAdaptersModalLoading?: boolean
     isNetworkingLoading?: boolean
-    isGetExistingSwitchesLoading?: boolean
-    isGetTcpStackLoading?: boolean
     isRemoveModalLoading?: boolean
     isEditModalLoading?: boolean
     isMigrateAdapterLoading?: boolean
@@ -197,8 +193,6 @@ const props = withDefaults(
     diagramsData: [],
     isManageAdaptersModalLoading: false,
     isNetworkingLoading: false,
-    isGetExistingSwitchesLoading: false,
-    isGetTcpStackLoading: false,
     isRemoveModalLoading: false,
     isEditModalLoading: false,
     isMigrateAdapterLoading: false,

package/components/common/diagramMain/modals/Modals.vue

@@ -183,8 +183,6 @@
       :tcp-stacks="props.tcpStacks"
       :diagrams-data="props.diagramsData"
       :is-networking-loading="props.isNetworkingLoading"
-      :is-get-existing-switches-loading="props.isGetExistingSwitchesLoading"
-      :is-get-tcp-stack-loading="props.isGetTcpStackLoading"
       :host-name="props.hostName"
       :project="props.project"
       @check-network-label="onCheckNetworkLabel"
@@ -276,8 +274,6 @@ const props = defineProps<{
   selectedSwitchId: string
   tcpStacks: UI_I_TCPStack[]
   isNetworkingLoading: boolean
-  isGetExistingSwitchesLoading: boolean
-  isGetTcpStackLoading: boolean
   networksList: UI_I_Network[]
   isMigrateAdapterLoading: boolean
   diagramsData: UI_I_DiagramData[]

package/components/common/diagramMain/modals/editSettings/tabs/NetworkProperties.vue

@@ -141,7 +141,7 @@ const isShowErrorMessage = computed<boolean>(
 
 const fieldsValues = ref<UI_I_PropertiesFields>(
   useDeepCopy({
-    vlanId: props.initialData.vlanId || `${localization.value.common.none2} (0)`,
+    vlanId: props.initialData.vlanId || `${localization.value.common.none} (0)`,
     networkLabel: props.initialData.networkLabel || 'Network',
   })
 )
@@ -180,7 +180,7 @@ const setMessageOnChangedField = (
 
   if (
     name === 'vlanId' &&
-    values !== `${localization.value.common.none2} (0)` &&
+    values !== `${localization.value.common.none} (0)` &&
     values !== `${localization.value.common.all} (4095)` &&
     (isNumberInRange(values, 0, 4095) || values === '')
   ) {

package/components/common/diagramMain/modals/lib/config/vmKernelAdapter.ts

@@ -18,7 +18,7 @@ export const vmKernelAdapterViewSettingsFunc = (
     type: 0,
     rows: [
       { name: localization.common.networkLabel, value: '' },
-      { name: localization.common.vlanId, value: `${localization.common.none2} (0)` },
+      { name: localization.common.vlanId, value: `${localization.common.none} (0)` },
       { name: localization.common.tcpIpStack, value: 'Default' },
       { name: localization.common.enabledServices },
     ],

package/components/common/diagramMain/modals/migrateVmkernelAdapter/MigrateVmkernelAdapter.vue

@@ -112,7 +112,7 @@ const title = computed<string>(
 
 const connectionSettings = ref<UI_I_ConnectionSettings>({
   networkLabel: 'VM Network',
-  vlanId: `${localization.value.common.none2} (0)`,
+  vlanId: `${localization.value.common.none} (0)`,
 })
 
 const vmkernelAdapter = ref<UI_I_SelectVmkernelAdapter>({
@@ -262,7 +262,7 @@ const reset = (): void => {
   wizard.reset()
   connectionSettings.value = {
     networkLabel: 'VM Network',
-    vlanId: `${localization.value.common.none2} (0)`,
+    vlanId: `${localization.value.common.none} (0)`,
   }
   vmkernelAdapter.value = {
     vm: '',

package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/common.ts

@@ -14,6 +14,6 @@ export const checkVlanId = (
   vlanId: string,
   localization: UI_I_Localization
 ): boolean =>
-  vlanId !== `${localization.common.none2} (0)` &&
+  vlanId !== `${localization.common.none} (0)` &&
   vlanId !== `${localization.common.all} (4095)` &&
   (isIntegerNumberInRange(vlanId, 0, 4095) || vlanId === '')

package/components/common/layout/theHeader/ThemeSwitch.vue

@@ -2,7 +2,7 @@
   <ui-tooltip
     id="tooltip-theme-mode-toggle-button"
     test-id="tooltip-theme-mode-toggle-button"
-    size="md"
+    size="sm"
     position="bottom"
     position-by-tooltip="center"
   >

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

@@ -107,23 +107,24 @@ const passwordErrorText = computed<string>(() => {
 const newPasswordErrorText = computed<string>(() => {
   if (!initValidationFields.value.newPassword) return ''
 
-  // const { current_password, new_password, confirm_password } = modelLocal.value
-  const { current_password, new_password } = modelLocal.value
+  const { current_password, new_password, confirm_password } = modelLocal.value
 
   const validateText = validateField(
     localization.value,
     current_password,
     new_password
   )
-  // const mismatchError = getPasswordMismatchError(
-  //   localization.value,
-  //   new_password,
-  //   confirm_password
-  // )
+  const mismatchError = getPasswordMismatchError(
+    localization.value,
+    new_password,
+    confirm_password
+  )
   if (!new_password) {
     return localization.value.common.fieldRequired
   } else if (validateText) {
     return validateText
+  } else if (mismatchError) {
+    return mismatchError
   } else return ''
 })
 const confirmPasswordErrorText = computed<string>(() => {
@@ -165,7 +166,7 @@ const onHideModal = (): void => {
       color: #9da6ad;
       font-size: 12px;
       font-weight: 400;
-      line-height: 18px;
+      line-height: 14.52px;
       margin-bottom: 20px;
     }
     &__alert {

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

@@ -15,7 +15,6 @@
           <common-layout-the-header-user-menu-modals-preferences-time-format
             v-model:time-format="timeFormat"
             :new-view="props.newView"
-            :project="props.project"
           />
         </ui-modal-block-form-standard>
 
@@ -24,7 +23,6 @@
             :new-view="props.newView"
             :selected-type="props.selectedLanguageType"
             :selected-language="props.selectedLanguage"
-            :project="props.project"
             @update-language="emits('update-language', $event)"
             @update-is-browser="emits('update-is-browser', $event)"
           />
@@ -34,7 +32,6 @@
           <common-layout-the-header-user-menu-modals-preferences-default-console
             v-model="consoleValue"
             :new-view="props.newView"
-            :project="props.project"
           />
         </ui-modal-block-form-standard>
 
@@ -58,7 +55,6 @@
             v-model:new-view-local="newViewLocal"
             v-model:is-show-notification="isShowNotification"
             :new-view="props.newView"
-            :project="props.project"
           />
         </ui-modal-block-form-standard>
       </ui-modal-block-standard>

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

@@ -19,7 +19,6 @@
         v-if="selectedTab === 'time-tab'"
         v-model:time-format="timeFormat"
         :new-view="props.newView"
-        :project="props.project"
       />
 
       <common-layout-the-header-user-menu-modals-preferences-change-language
@@ -27,7 +26,6 @@
         :new-view="props.newView"
         :selected-type="props.selectedLanguageType"
         :selected-language="props.selectedLanguage"
-        :project="props.project"
         @update-language="emits('update-language', $event)"
         @update-is-browser="emits('update-is-browser', $event)"
       />
@@ -42,7 +40,6 @@
         v-if="selectedTab === 'console-tab' && isSphere"
         v-model="consoleValue"
         :new-view="props.newView"
-        :project="props.project"
       />
 
       <common-layout-the-header-user-menu-modals-preferences-security
@@ -149,12 +146,8 @@ const isOn2FaImportant = ref<boolean>(false)
 watch(
   topNotifications,
   (newValue) => {
-    if (
-      newValue === UI_E_TopNotificationActionId.on2Fa ||
-      newValue === UI_E_TopNotificationActionId.on2FaImportant
-    ) {
-      isOn2FaImportant.value =
-        newValue === UI_E_TopNotificationActionId.on2FaImportant
+    if (newValue === UI_E_TopNotificationActionId.on2Fa || newValue === UI_E_TopNotificationActionId.on2FaImportant) {
+      isOn2FaImportant.value = newValue === UI_E_TopNotificationActionId.on2FaImportant
       selectedTab.value = 'security-tab'
       $store.dispatch('main/A_SET_TOP_NOTIFICATION_ACTION_ID', -1)
     }

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

@@ -11,7 +11,7 @@
 
 <script setup lang="ts">
 import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
-import type { UI_T_LangValue, UI_T_Project } from '~/lib/models/types'
+import type { UI_T_LangValue } from '~/lib/models/types'
 import type { UI_T_SelectedRadio } from '~/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/models/types'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_RadioItemLang } from '~/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/models/interfaces'
@@ -24,7 +24,6 @@ import { defineBrowserLangFunc } from '~/components/common/layout/theHeader/lib/
 const props = defineProps<{
   newView: boolean
   selectedType: UI_T_LangValue
-  project: UI_T_Project
   selectedLanguage: UI_I_Dropdown | UI_T_LangValue
 }>()
 
@@ -42,15 +41,12 @@ const currentComponent = computed(() =>
     : defineAsyncComponent(() => import('./Old.vue'))
 )
 
-/* TODO SC-2104 */
-const description = computed<string>(() =>
-  props.project === 'sphere'
-    ? localization.value.common.languageDesc1
-    : localization.value.common.languageDesc.replaceAll(
-        '{trademark}',
-        String(config.public[`TRADEMARK_${useEnvLanguage()}`])
-      )
-)
+const description = computed<string>(() => {
+  return localization.value.common.languageDesc.replaceAll(
+    '{trademark}',
+    String(config.public[`TRADEMARK_${useEnvLanguage()}`])
+  )
+})
 
 const radioOptions = readonly<UI_I_RadioItemLang[]>(
   radioOptionsFunc(localization.value)

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

@@ -8,13 +8,11 @@
 
 <script setup lang="ts">
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
 import type { UI_I_RadioItemConsole } from '~/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/lib/models/interfaces'
 import { consoleOptionsFunc } from '~/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/lib/config/consoleOptions'
 
 const consoleValue = defineModel<string>()
 const props = defineProps<{
-  project: UI_T_Project
   newView: boolean
 }>()
 
@@ -26,11 +24,7 @@ const currentComponent = computed(() =>
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-/* TODO SC-2104 */
 const consoleOptions = readonly<UI_I_RadioItemConsole[]>(
-  consoleOptionsFunc(
-    localization.value,
-    props.newView && props.project === 'sphere'
-  )
+  consoleOptionsFunc(localization.value)
 )
 </script>

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

@@ -2,17 +2,14 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_RadioItemConsole } from '~/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/lib/models/interfaces'
 
 export const consoleOptionsFunc = (
-  localization: UI_I_Localization,
-  isSphereNewView: boolean
+  localization: UI_I_Localization
 ): UI_I_RadioItemConsole[] => {
   const config = useRuntimeConfig()
 
-  const remoteConsole = isSphereNewView
-    ? localization.common.remoteConsoleVmrc1
-    : localization.common.remoteConsoleVmrc.replaceAll(
-        '{trademark}',
-        String(config.public[`TRADEMARK_${useEnvLanguage()}`])
-      )
+  const remoteConsole = localization.common.remoteConsoleVmrc.replaceAll(
+    '{trademark}',
+    String(config.public[`TRADEMARK_${useEnvLanguage()}`])
+  )
 
   return [
     {