bfg-common 1.5.749 → 1.5.752

package/components/common/layout/theHeader/feedback/new/email/Email.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script setup lang="ts">
-import { allRegExp } from '~/lib/config/regExp'
+import { RegExp } from '~/lib/config/regExp'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const emailModelLocal = defineModel<string>({ required: true })
@@ -23,7 +23,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 const emailErrorText = computed<string>(() => {
   if (!emailModelLocal.value) return ''
 
-  return allRegExp.email.test(emailModelLocal.value)
+  return RegExp.email.test(emailModelLocal.value)
     ? ''
     : localization.value.common.emailErrorText
 })

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

@@ -1,5 +1,5 @@
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import { allRegExp } from '~/lib/config/regExp'
+import { RegExp } from '~/lib/config/regExp'
 
 export const getPasswordMismatchError = (
   localization: UI_I_Localization,
@@ -16,7 +16,7 @@ export const validateField = (
   password: string,
   newPassword: string
 ): string => {
-  if (!allRegExp.password.test(newPassword)) {
+  if (!RegExp.password.test(newPassword)) {
     return localization.common.currentPasswordIncorrect
   }
 

package/components/common/pages/backups/modals/createBackup/configuration/backupWindow/BackupWindow.vue

@@ -1,29 +1,29 @@
-<template>
-  <atoms-stack-block
-      :has-children="false"
-      test-id="backup-window-stack-block"
-  >
-    <template #stackBlockKey>
-      <span>{{ localization.common.backupWindow }}</span>
-    </template>
-    <template #stackBlockContent>
-      <input
-        v-model="model.start_window_min"
-        data-id="hours-input"
-        type="number"
-        class="hrs"
-      />
-    </template>
-  </atoms-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateBackupForm>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <atoms-stack-block
+      :has-children="false"
+      test-id="backup-window-stack-block"
+  >
+    <template #stackBlockKey>
+      <span>{{ localization.common.backupWindow }}</span>
+    </template>
+    <template #stackBlockContent>
+      <input
+        v-model="model.start_window_min"
+        data-id="hours-input"
+        type="number"
+        class="hrs"
+      />
+    </template>
+  </atoms-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/MaxBandwidth.vue

@@ -1,69 +1,69 @@
-<template>
-  <atoms-stack-block
-      :has-children="false"
-      test-id="backup-max-bandwidth-stack-block"
-  >
-    <template #stackBlockKey>
-      <span>{{ localization.common.maxBandwidth }}</span>
-    </template>
-    <template #stackBlockContent>
-      <div class="flex-align-center">
-        <input
-          v-model="maxBindwidthLocal"
-          data-id="mbps-input"
-          type="number"
-          class="mbps"
-        />
-
-        <common-select-input
-          v-model="selectedType"
-          :data="maxBandwidthOptionsLocal"
-          test-id="backup-max-bandwidth-type"
-          class="ml-1"
-        />
-      </div>
-    </template>
-  </atoms-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-import type { UI_T_BandwidthOption } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/models/types'
-import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
-import { maxBandwidthOptions } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options'
-
-const model = defineModel<UI_I_CreateBackupForm>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $binary }: any = useNuxtApp()
-
-const maxBandwidthOptionsLocal =
-  ref<UI_I_SelectInputItem[]>(maxBandwidthOptions)
-
-const maxBindwidthLocal = computed<number>({
-  get() {
-    return selectedType.value === 1
-      ? $binary.bToGb(model.value.bandwidth_limit)
-      : $binary.bToMb(model.value.bandwidth_limit)
-  },
-  set(newValue: number) {
-    model.value.bandwidth_limit =
-      selectedType.value === 1
-        ? $binary.gbToB(newValue)
-        : $binary.mbToB(newValue)
-  },
-})
-
-const selectedType = ref<UI_T_BandwidthOption>(0)
-watch(selectedType, (newValue) => {
-  if (newValue === 1) model.value.bandwidth_limit *= 1_024
-  else model.value.bandwidth_limit /= 1_024
-})
-</script>
-
-<style lang="scss" scoped>
-#backup-transaction-logs {
-  margin: 4px 4px 0 0;
-}
-</style>
+<template>
+  <atoms-stack-block
+      :has-children="false"
+      test-id="backup-max-bandwidth-stack-block"
+  >
+    <template #stackBlockKey>
+      <span>{{ localization.common.maxBandwidth }}</span>
+    </template>
+    <template #stackBlockContent>
+      <div class="flex-align-center">
+        <input
+          v-model="maxBindwidthLocal"
+          data-id="mbps-input"
+          type="number"
+          class="mbps"
+        />
+
+        <common-select-input
+          v-model="selectedType"
+          :data="maxBandwidthOptionsLocal"
+          test-id="backup-max-bandwidth-type"
+          class="ml-1"
+        />
+      </div>
+    </template>
+  </atoms-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+import type { UI_T_BandwidthOption } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/models/types'
+import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
+import { maxBandwidthOptions } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options'
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const { $binary }: any = useNuxtApp()
+
+const maxBandwidthOptionsLocal =
+  ref<UI_I_SelectInputItem[]>(maxBandwidthOptions)
+
+const maxBindwidthLocal = computed<number>({
+  get() {
+    return selectedType.value === 1
+      ? $binary.bToGb(model.value.bandwidth_limit)
+      : $binary.bToMb(model.value.bandwidth_limit)
+  },
+  set(newValue: number) {
+    model.value.bandwidth_limit =
+      selectedType.value === 1
+        ? $binary.gbToB(newValue)
+        : $binary.mbToB(newValue)
+  },
+})
+
+const selectedType = ref<UI_T_BandwidthOption>(0)
+watch(selectedType, (newValue) => {
+  if (newValue === 1) model.value.bandwidth_limit *= 1_024
+  else model.value.bandwidth_limit /= 1_024
+})
+</script>
+
+<style lang="scss" scoped>
+#backup-transaction-logs {
+  margin: 4px 4px 0 0;
+}
+</style>

package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts

@@ -1,6 +1,6 @@
-import type {UI_I_SelectInputItem} from "~/components/common/select/input/lib/models/interfaces";
-
-export const maxBandwidthOptions: UI_I_SelectInputItem[] = [
-  { label: 'Mbps', value: 0 },
-  { label: 'Gbps', value: 1 },
-]
+import type {UI_I_SelectInputItem} from "~/components/common/select/input/lib/models/interfaces";
+
+export const maxBandwidthOptions: UI_I_SelectInputItem[] = [
+  { label: 'Mbps', value: 0 },
+  { label: 'Gbps', value: 1 },
+]

package/components/common/pages/backups/modals/createBackup/configuration/strategy/Strategy.vue

@@ -1,38 +1,38 @@
-<template>
-  <atoms-stack-block
-      :has-children="false"
-      test-id="backup-strategy-stack-block"
-  >
-    <template #stackBlockKey>
-      <span>{{ localization.common.strategy }}</span>
-    </template>
-    <template #stackBlockContent>
-      <common-select-input
-        v-model="model.strategy"
-        :data="strategyOptions"
-        test-id="backup-strategy"
-      />
-    </template>
-  </atoms-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
-import { strategyOptionsFunc } from '~/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions'
-
-const model = defineModel<UI_I_CreateBackupForm>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const strategyOptions = ref<UI_I_SelectInputItem[]>(
-  strategyOptionsFunc(localization.value)
-)
-</script>
-
-<style lang="scss" scoped>
-#backup-transaction-logs {
-  margin: 4px 4px 0 0;
-}
-</style>
+<template>
+  <atoms-stack-block
+      :has-children="false"
+      test-id="backup-strategy-stack-block"
+  >
+    <template #stackBlockKey>
+      <span>{{ localization.common.strategy }}</span>
+    </template>
+    <template #stackBlockContent>
+      <common-select-input
+        v-model="model.strategy"
+        :data="strategyOptions"
+        test-id="backup-strategy"
+      />
+    </template>
+  </atoms-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
+import { strategyOptionsFunc } from '~/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions'
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const strategyOptions = ref<UI_I_SelectInputItem[]>(
+  strategyOptionsFunc(localization.value)
+)
+</script>
+
+<style lang="scss" scoped>
+#backup-transaction-logs {
+  margin: 4px 4px 0 0;
+}
+</style>

package/components/common/pages/backups/modals/createBackup/lib/models/interfaces.ts

@@ -1,8 +1,8 @@
-export interface UI_I_DynamicSteps {
-  general: number
-  disks: number
-  datastores: number
-  configuration: number
-  readyComplete: number
-  schedulingOptions: number
-}
+export interface UI_I_DynamicSteps {
+  general: number
+  disks: number
+  datastores: number
+  configuration: number
+  readyComplete: number
+  schedulingOptions: number
+}

package/components/common/vm/actions/add/New.vue

@@ -52,16 +52,18 @@
         :sub-title-height="heightName"
       >
         <template #subTitle>
-          <div ref="subTitleBlockName" class="subtitle-block">
-            <div
-              id="name-alert-wrapper"
-              :class="[{ 'mb-4': !isNameAlertWrapperEmpty }]"
-            ></div>
-            <ui-wizard-subtitle
-              :sub-title="
+          <div ref="subTitleBlockName">
+            <div class="subtitle-block">
+              <div
+                  id="name-alert-wrapper"
+                  :class="[{ 'mb-4': !isNameAlertWrapperEmpty }]"
+              ></div>
+              <ui-wizard-subtitle
+                  :sub-title="
                 localization.vmWizard.specifyUniqueNameAndTargetLocationForVm
               "
-            />
+              />
+            </div>
           </div>
         </template>
         <template #content>
@@ -103,7 +105,7 @@
                 test-id="computed-resource-alert"
                 type="error"
                 size="md"
-                class="subtitle-block__alert"
+                class="subtitle-block__alert mb-4"
               />
               <ui-wizard-subtitle
                 :sub-title="
@@ -237,7 +239,7 @@
               :error-validation-fields="props.errorValidationFields"
               @remove-error-by-title="emits('remove-error-by-title', $event)"
             />
-            <div class="vm-hardware-version-wrap justify-end flex flex-1 mt-7">
+            <div class="vm-hardware-version-wrap justify-end flex flex-1 mt-6">
               <span class="vm-hardware-version">{{
                 props.compatibilityInfo
               }}</span>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/New.vue

@@ -588,7 +588,7 @@ const onAddDevice = (data: number): void => {
   display: flex;
   flex-direction: column;
   gap: 12px;
-  padding-bottom: 12px;
+  padding-bottom: 16px;
   background-color: var(--vm-wizard-block-view-bg-color);
 
   .vm-hardware-version-wrap {

package/components/common/vm/actions/common/select/compatibility/New.vue

@@ -172,7 +172,6 @@ const versionsLocal = computed(() => {
   @container (max-width: 600px) {
     .version-select-wrap {
       grid-template-columns: 1fr;
-      padding-bottom: 16px;
     }
   }
 }

package/components/common/vm/actions/common/select/storage/new/New.vue

@@ -221,7 +221,7 @@ const skeletonData = ref<UI_I_DataTableSkeleton>({
 //}
 .select-storage {
   padding-top: 12px;
-  //padding-bottom: 16px;
+  padding-bottom: 16px;
 
   :deep(.title-sm) {
     font-size: 12px;

package/components/common/wizards/common/steps/computeResource/New.vue

@@ -52,8 +52,16 @@ const onSelectNode = (node: UI_I_TreeNode): void => emits('select-node', node)
 <style scoped lang="scss">
 @import 'assets/scss/common/mixins.scss';
 .compute-resource {
+  display: grid;
+  grid-template-rows: 1fr auto;
+  min-height: 100%;
+  padding-top: 16px;
+  padding-bottom: 16px;
+  grid-row-gap: 24px;
+
   &__container-tree {
-    height: 240px;
+    max-height: 240px;
+    height: 100%;
     background: var(--input-bg);
     border: 1px solid var(--line-color);
     border-radius: 8px;

package/components/common/wizards/network/add/Add.vue

@@ -146,7 +146,7 @@ import {
   connectionSettingsInitial,
   portPropertiesInitial,
   ipFourSettingsInitial,
-  targetDeviceInitialFunc,
+  targetDeviceInitial,
   addNetworkingZeroOrFirstSchemeDataFunc,
   addNetworkingSecondOrThirdSchemeDataFunc,
   addNetworkingFourthOrFifthSchemeDataFunc,
@@ -245,19 +245,8 @@ const alertMessages = computed<string[][]>(() => wizard.alertMessages.value)
 
 const readyCompleteFields = ref<UI_I_ReadyCompleteFields[]>([])
 
-const globalPermissions = computed<any>(
-  () => $store.getters['globalPermissions/getPermissions']
-)
-
 // Step's content data (connectionType)
-const connectionType = ref<string>(
-  !globalPermissions.value['Networks.CreateSysx'] &&
-    !globalPermissions.value['Networks.CreatePortGroup']
-    ? '2'
-    : !globalPermissions.value['Networks.CreateSysx']
-    ? '1'
-    : '0'
-)
+const connectionType = ref<string>('0')
 
 const connectionTypeLocal = computed<string>({
   get() {
@@ -289,11 +278,7 @@ const onChangeAdapterStatus = (adapterStatusNew: UI_I_AdapterStatus): void => {
 }
 
 // Step's content data and changers (targetDevice)
-const targetDevice = ref<UI_I_TargetDevice>(
-  useDeepCopy(
-    targetDeviceInitialFunc(globalPermissions.value['Networks.UpdateSwitch'])
-  )
-)
+const targetDevice = ref<UI_I_TargetDevice>(useDeepCopy(targetDeviceInitial))
 const mtuFromSwitch = ref<number>(1500)
 
 const onChangeTargetDevice = (newTargetDevice: UI_I_TargetDevice): void => {
@@ -384,10 +369,7 @@ watch(
         ? (targetDevice.value.selected = '1')
         : (targetDevice.value.selected = '0')
       newCT === '1' && (targetDevice.value.selected = '1')
-      newCT === '2' &&
-        (globalPermissions.value['Networks.UpdateSwitch']
-          ? (targetDevice.value.selected = '2')
-          : (targetDevice.value.selected = '3'))
+      newCT === '2' && (targetDevice.value.selected = '2')
     }
     if (newCT === '0') {
       ;(newTD.selected === '0' || newTD.selected === '1') &&
@@ -514,9 +496,7 @@ watch(
 const reset = (): void => {
   wizard.reset()
   connectionTypeLocal.value = '0'
-  targetDevice.value = useDeepCopy(
-    targetDeviceInitialFunc(globalPermissions.value['Networks.UpdateSwitch'])
-  )
+  targetDevice.value = useDeepCopy(targetDeviceInitial)
   connectionSettings.value = useDeepCopy(connectionSettingsInitial)
   portProperties.value = useDeepCopy(portPropertiesInitial)
   ipFourSettings.value = useDeepCopy(ipFourSettingsInitial)

package/components/common/wizards/network/add/lib/config/config.ts

@@ -18,7 +18,7 @@ export const {
 export const {
   servicesInitial,
   vlanIdSelectData,
-  targetDeviceInitialFunc,
+  targetDeviceInitial,
   portPropertiesInitial,
   ipFourSettingsInitial,
   connectionSettingsInitial,

package/components/common/wizards/network/add/lib/config/initialData.ts

@@ -22,15 +22,13 @@ export const servicesInitial: UI_I_Services = {
   nVMeOverRDMA: false,
 }
 
-export const targetDeviceInitialFunc = (
-  updateSwitchPermission: boolean
-): UI_I_TargetDevice => ({
-  selected: updateSwitchPermission ? '1' : '3',
+export const targetDeviceInitial: UI_I_TargetDevice = {
+  selected: '1',
   network: '',
   switch: '',
   standardSwitch: '',
   mtu: 1500,
-})
+}
 
 export const portPropertiesInitial: UI_I_PortProperties = {
   networkLabel: '',

package/components/common/wizards/network/add/lib/config/selectConnectionTypeStep.ts

@@ -27,6 +27,5 @@ export const selectConnectionTypeFunc = (
     value: '2',
     testId: 'physical-adapter-radio',
     id: 'physical-adapter',
-    permission: 'Networks.UpdateSwitch Networks.CreateSwitch',
   },
 ]

package/components/common/wizards/network/add/steps/selectTargetDevice/SelectTargetDeviceNew.vue

@@ -34,7 +34,6 @@
 
         <div
           v-show="props.connectionType === '2'"
-          v-permission="'Networks.UpdateSwitch'"
           :class="['radio-block', { selected: fieldsLocal.selected === '2' }]"
           @click="fieldsLocal.selected = '2'"
         >
@@ -47,8 +46,8 @@
           />
         </div>
 
+        <!-- v-permission="'Networks.CreateSwitch'" -->
         <div
-          v-permission="'Networks.CreateSwitch'"
           :class="['radio-block', { selected: fieldsLocal.selected === '3' }]"
           @click="fieldsLocal.selected = '3'"
         >

package/components/common/wizards/network/add/steps/selectTargetDevice/SelectTargetDeviceOld.vue

@@ -135,7 +135,7 @@
         </div>
 
         <div v-show="props.connectionType === '2'">
-          <div v-permission="'Networks.UpdateSwitch'" class="radio">
+          <div class="radio">
             <input
               id="existing-switch"
               v-model="fieldsLocal.selected"
@@ -149,7 +149,6 @@
             </label>
           </div>
           <fieldset
-            v-permission="'Networks.UpdateSwitch'"
             :class="{
               disabled: fieldsLocal.selected !== '2',
             }"
@@ -198,7 +197,8 @@
         </div>
 
         <div>
-          <div v-permission="'Networks.CreateSwitch'" class="radio">
+          <!--            v-permission="'Networks.CreateSwitch'"-->
+          <div class="radio">
             <input
               id="standard-switch"
               v-model="fieldsLocal.selected"
@@ -213,7 +213,6 @@
             </label>
           </div>
           <fieldset
-            v-permission="'Networks.CreateSwitch'"
             :class="{
               disabled: fieldsLocal.selected !== '3',
             }"
@@ -268,7 +267,9 @@ import type {
   UI_I_ArbitraryObject,
   UI_I_Localization,
 } from '~/lib/models/interfaces'
-import type { UI_I_TargetDevice } from '~/components/common/wizards/network/add/lib/models/interfaces'
+import type {
+  UI_I_TargetDevice,
+} from '~/components/common/wizards/network/add/lib/models/interfaces'
 
 const props = defineProps<{
   fields: UI_I_TargetDevice
@@ -287,19 +288,6 @@ const emits = defineEmits<{
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const existingStandardSwitchPermission = computed<string>(() => {
-  switch (props.connectionType) {
-    case '0':
-      return 'Networks.CreateSysx'
-    case '1':
-      return 'Networks.CreatePortGroup'
-    case '2':
-      return 'Networks.UpdateSwitch'
-    default:
-      return ''
-  }
-})
-
 const fieldsLocal = computed({
   get() {
     return props.fields