bfg-common 1.5.420 → 1.5.421

package/components/common/wizards/network/add/steps/PortProperties.vue

@@ -226,11 +226,6 @@ import type {
   UI_I_Localization,
 } from '~/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
-import {
-  servicesInitial,
-  vlanIdSelectData,
-  portPropertiesEnabledServicesFunc,
-} from '~/components/common/wizards/network/add/lib/config/config'
 import type {
   UI_I_PortProperties,
   UI_I_TCPStack,
@@ -238,6 +233,11 @@ import type {
 import type { UI_T_TCP } from '~/components/common/wizards/network/add/lib/models/types'
 import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
 import type Wizard from '~/components/atoms/wizard/lib/utils/utils'
+import {
+  servicesInitial,
+  vlanIdSelectData,
+  portPropertiesEnabledServicesFunc,
+} from '~/components/common/wizards/network/add/lib/config/config'
 import {
   validateMtuPortPropertiesLocal,
   validateNetworkPortPropertiesLocal,
@@ -247,11 +247,11 @@ import {
 const props = withDefaults(
   defineProps<{
     portProperties: UI_I_PortProperties
-    mtuFromSwitch?: number
     project: UI_T_Project
     alertMessages: string[]
     messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
     wizard: Wizard
+    mtuFromSwitch?: number
     tcpStacks?: UI_I_TCPStack[]
   }>(),
   {
@@ -260,6 +260,12 @@ const props = withDefaults(
   }
 )
 
+const emits = defineEmits<{
+  (event: 'change-port-properties', portProperties: UI_I_PortProperties): void
+  (event: 'change-gateway-flag', value: boolean): void
+  (event: 'hide-alert', stepId: 3): void
+}>()
+
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const isSphereProject = computed<boolean>(() => props.project === 'sphere')
@@ -268,12 +274,6 @@ const portPropertiesEnabledServices = computed(() =>
   portPropertiesEnabledServicesFunc(localization.value, isSphereProject.value)
 )
 
-const emits = defineEmits<{
-  (event: 'change-port-properties', portProperties: UI_I_PortProperties): void
-  (event: 'change-gateway-flag', value: boolean): void
-  (event: 'hide-alert', stepId: 3): void
-}>()
-
 const mtuCustom = ref<number>()
 
 const fields = ref<UI_I_PortProperties>({

package/components/common/wizards/network/add/steps/SelectConnectionType.vue

@@ -1,104 +1,112 @@
-<template>
-  <div class="wizard-content-container add-networking-step">
-    <div class="wizard-content">
-      <form>
-        <div v-permission="'Networks.CreateSysx'" class="radio">
-          <input
-            id="vmkernel-adapter"
-            v-model="connectionTypeLocal"
-            type="radio"
-            value="0"
-            name="connection-type"
-          />
-          <label for="vmkernel-adapter" data-id="vmkernel-adapter-radio">
-            {{ localization.common.vmKernelNetworkAdapter }}
-          </label>
-        </div>
-        <div v-permission="'Networks.CreateSysx'" class="add-networking-radio-button-description">
-          {{ localization.common.vMKernelTcpIpStackHandlesTraffic }}
-        </div>
-        <div v-permission="'Networks.CreatePortGroup'" class="radio">
-          <input
-            id="virtual"
-            v-model="connectionTypeLocal"
-            type="radio"
-            value="1"
-            name="connection-type"
-          />
-          <label for="virtual" data-id="virtual-radio">
-            {{ localization.common.virtualMachinePortGroupStandardSwitch }}
-          </label>
-        </div>
-        <div
-          v-permission="'Networks.CreatePortGroup'"
-          class="add-networking-radio-button-description"
-        >
-          {{ localization.common.portGroupHandlesVirtualMachineTraffic }}
-        </div>
-        <div class="radio">
-          <input
-            id="physical-adapter"
-            v-model="connectionTypeLocal"
-            type="radio"
-            value="2"
-            name="connection-type"
-          />
-          <label for="physical-adapter" data-id="physical-adapter-radio">
-            {{ localization.common.physicalNetworkAdapter }}
-          </label>
-        </div>
-        <div class="add-networking-radio-button-description">
-          {{ localization.common.physicalNetworkAdapterHandlesNetworkTraffic }}
-        </div>
-      </form>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-
-const props = defineProps<{
-  modelValue: string
-  project?: UI_T_Project
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const emits = defineEmits<{
-  (event: 'update:model-value', connectionType: string): void
-}>()
-
-const connectionTypeLocal = computed<string>({
-  get() {
-    return props.modelValue
-  },
-  set(newValue: string) {
-    emits('update:model-value', newValue)
-  },
-})
-</script>
-
-<style scoped lang="scss">
-.wizard-content {
-  height: auto;
-  width: inherit;
-  margin: 0;
-
-  .radio {
-    min-height: 20px;
-    margin: 10px 0;
-
-    label {
-      font-weight: 700;
-      margin: 6px 12px 6px 0;
-    }
-  }
-
-  .add-networking-radio-button-description {
-    padding-left: 20px;
-    color: #333;
-  }
-}
-</style>
+<template>
+  <div class="wizard-content-container add-networking-step">
+    <div class="wizard-content">
+      <form>
+        <div v-permission="'Networks.CreateSysx'" class="radio">
+          <input
+            id="vmkernel-adapter"
+            v-model="connectionTypeLocal"
+            type="radio"
+            value="0"
+            name="connection-type"
+          />
+          <label for="vmkernel-adapter" data-id="vmkernel-adapter-radio">
+            {{ localization.common.vmKernelNetworkAdapter }}
+          </label>
+        </div>
+        <div
+          v-permission="'Networks.CreateSysx'"
+          class="add-networking-radio-button-description"
+        >
+          {{ localization.common.vMKernelTcpIpStackHandlesTraffic }}
+        </div>
+        <div v-permission="'Networks.CreatePortGroup'" class="radio">
+          <input
+            id="virtual"
+            v-model="connectionTypeLocal"
+            type="radio"
+            value="1"
+            name="connection-type"
+          />
+          <label for="virtual" data-id="virtual-radio">
+            {{ localization.common.virtualMachinePortGroupStandardSwitch }}
+          </label>
+        </div>
+        <div
+          v-permission="'Networks.CreatePortGroup'"
+          class="add-networking-radio-button-description"
+        >
+          {{ localization.common.portGroupHandlesVirtualMachineTraffic }}
+        </div>
+        <div class="radio">
+          <input
+            id="physical-adapter"
+            v-model="connectionTypeLocal"
+            type="radio"
+            value="2"
+            name="connection-type"
+          />
+          <label for="physical-adapter" data-id="physical-adapter-radio">
+            {{ localization.common.physicalNetworkAdapter }}
+          </label>
+        </div>
+        <div class="add-networking-radio-button-description">
+          {{ localization.common.physicalNetworkAdapterHandlesNetworkTraffic }}
+        </div>
+      </form>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+
+const props = withDefaults(
+  defineProps<{
+    modelValue: string
+    project?: UI_T_Project
+  }>(),
+  {
+    project: undefined,
+  }
+)
+
+const emits = defineEmits<{
+  (event: 'update:model-value', connectionType: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const connectionTypeLocal = computed<string>({
+  get() {
+    return props.modelValue
+  },
+  set(newValue: string) {
+    emits('update:model-value', newValue)
+  },
+})
+</script>
+
+<style scoped lang="scss">
+.wizard-content {
+  height: auto;
+  width: inherit;
+  margin: 0;
+
+  .radio {
+    min-height: 20px;
+    margin: 10px 0;
+
+    label {
+      font-weight: 700;
+      margin: 6px 12px 6px 0;
+    }
+  }
+
+  .add-networking-radio-button-description {
+    padding-left: 20px;
+    color: #333;
+  }
+}
+</style>