bfg-common 1.5.111 → 1.5.113

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

@@ -3,8 +3,8 @@
     <div class="wizard-content wizard-content-port">
       <atoms-alert
         v-if="props.alertMessages.length"
-        status="alert-danger"
         :items="props.alertMessages"
+        status="alert-danger"
         test-id="ip-four-settings-alert"
         @remove="onHideAlert"
       />
@@ -31,7 +31,9 @@
             value="1"
             name="IPv4-settings"
           />
-          <label for="static"> {{ localization.common.useStaticIPv4Settings }} </label>
+          <label for="static">
+            {{ localization.common.useStaticIPv4Settings }}
+          </label>
         </div>
 
         <div
@@ -90,9 +92,6 @@
                     <template #elem>
                       <input
                         v-model="fields.static.subnetMask"
-                        data-id="subnet-mask-input"
-                        type="text"
-                        placeholder="e.g. 255.255.255.0"
                         :class="[
                           'tooltip-field',
                           {
@@ -100,6 +99,9 @@
                               props.messagesFields['ipv4_settings.mask'].field,
                           },
                         ]"
+                        data-id="subnet-mask-input"
+                        type="text"
+                        placeholder="e.g. 255.255.255.0"
                       />
                     </template>
                     <template #content>
@@ -129,7 +131,9 @@
                     for="default-gateway"
                     class="normal-weight normal-font-size"
                   >
-                    {{ localization.common.overrideDefaultGatewayForThisAdapter }}
+                    {{
+                      localization.common.overrideDefaultGatewayForThisAdapter
+                    }}
                   </label>
                 </div>
                 <div>
@@ -142,10 +146,7 @@
                       <template #elem>
                         <input
                           v-model="fields.static.defaultGateway.value"
-                          data-id="default-gateway-input"
-                          type="text"
                           :disabled="!fields.static.defaultGateway.override"
-                          placeholder="10.10.101.1"
                           :class="[
                             'tooltip-field',
                             {
@@ -154,6 +155,9 @@
                                   .field,
                             },
                           ]"
+                          data-id="default-gateway-input"
+                          type="text"
+                          placeholder="10.10.101.1"
                         />
                       </template>
                       <template #content>

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

@@ -2,9 +2,9 @@
   <div class="wizard-content-container add-networking-step">
     <div class="wizard-content">
       <common-adapter-manager
-        test-id="adapter-manager"
         :is-active="true"
         :full-mode="true"
+        test-id="adapter-manager"
       />
     </div>
   </div>

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

@@ -3,9 +3,9 @@
     <div class="wizard-content wizard-content-port">
       <atoms-alert
         v-if="props.alertMessages.length"
+        :items="props.alertMessages"
         status="alert-danger"
         test-id="add-networking-port-properties"
-        :items="props.alertMessages"
         @remove="onHideAlert"
       />
       <form>
@@ -27,9 +27,6 @@
                     <input
                       id="network-label"
                       v-model="fields.networkLabel"
-                      data-id="network-label-input"
-                      name="network-label"
-                      type="text"
                       :class="[
                         'tooltip-field port-properties-network-label',
                         {
@@ -37,6 +34,9 @@
                             props.messagesFields.network_name.field,
                         },
                       ]"
+                      data-id="network-label-input"
+                      name="network-label"
+                      type="text"
                       @click.stop
                     />
                   </template>
@@ -103,7 +103,9 @@
                   data-id="mtu-select"
                   name="mtu-option"
                 >
-                  <option value="0">{{ localization.common.getMtuFromSwitch }}</option>
+                  <option value="0">
+                    {{ localization.common.getMtuFromSwitch }}
+                  </option>
                   <option value="1">{{ localization.common.custom }}</option>
                 </select>
               </div>
@@ -114,9 +116,6 @@
                   <input
                     id="mtu"
                     v-model="fields.mtu.size"
-                    data-id="mtu-input"
-                    type="number"
-                    name="mtu"
                     :class="[
                       'tooltip-field show-arrow',
                       {
@@ -124,6 +123,9 @@
                         'danger-not-valid': props.messagesFields.mtu.field,
                       },
                     ]"
+                    data-id="mtu-input"
+                    type="number"
+                    name="mtu"
                     @click.stop
                   />
                 </template>
@@ -143,7 +145,9 @@
               <div class="select">
                 <select id="tsp" v-model="fields.tcp" data-id="tsp-select">
                   <template v-for="tcp in props.tcpStacks" :key="tcp.id">
-                    <option :value="tcp.id">{{ localization.common[tcp.id] }}</option>
+                    <option :value="tcp.id">
+                      {{ localization.common[tcp.id] }}
+                    </option>
                   </template>
                   <!--                  <option value="1">{{ localization.common.provisioning }}</option>-->
                   <!--                  <option value="2">{{ localization.common.vMotion }}</option>-->

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

@@ -1,105 +1,105 @@
-<template>
-  <div class="wizard-content-container add-networking-step">
-    <div class="wizard-content">
-      <form>
-        <div 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 class="add-networking-radio-button-description">
-          {{ localization.common.vMKernelTcpIpStackHandlesTraffic }}
-        </div>
-        <div 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 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
-            v-development="props.project === 'sphere'"
-            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 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 class="add-networking-radio-button-description">
+          {{ localization.common.vMKernelTcpIpStackHandlesTraffic }}
+        </div>
+        <div 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 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
+            v-development="props.project === 'sphere'"
+            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>

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

@@ -3,8 +3,8 @@
     <div class="wizard-content">
       <atoms-alert
         v-if="props.alertMessages.length"
-        status="alert-danger"
         :items="props.alertMessages"
+        status="alert-danger"
         test-id="add-networking-selected-target-device"
         @remove="onHideAlert"
       />
@@ -40,9 +40,6 @@
                     <div>
                       <input
                         v-model="fields.network"
-                        data-id="network-input"
-                        type="text"
-                        disabled
                         :class="[
                           'tooltip-field show-arrow',
                           {
@@ -51,6 +48,9 @@
                               props.messagesFields.network.field,
                           },
                         ]"
+                        data-id="network-input"
+                        type="text"
+                        disabled
                       />
                       <button
                         type="button"
@@ -103,9 +103,6 @@
                     <div>
                       <input
                         v-model="fields.standardSwitch"
-                        data-id="standard-switch-input"
-                        type="text"
-                        disabled
                         :class="[
                           'tooltip-field show-arrow',
                           {
@@ -114,6 +111,9 @@
                               props.messagesFields.switch.field,
                           },
                         ]"
+                        data-id="standard-switch-input"
+                        type="text"
+                        disabled
                       />
                       <button
                         type="button"
@@ -166,9 +166,6 @@
                     <div>
                       <input
                         v-model="fields.switch"
-                        data-id="switch-input"
-                        type="text"
-                        disabled
                         :class="[
                           'tooltip-field show-arrow',
                           {
@@ -177,6 +174,9 @@
                               props.messagesFields.switch2.field,
                           },
                         ]"
+                        data-id="switch-input"
+                        type="text"
+                        disabled
                       />
                       <button
                         type="button"
@@ -233,9 +233,6 @@
                         <input
                           id="mtu"
                           v-model="fields.mtu"
-                          data-id="mtu-input"
-                          type="number"
-                          name="mtu"
                           :class="[
                             'tooltip-field show-arrow',
                             {
@@ -243,6 +240,9 @@
                                 props.messagesFields['new_switch.mtu'].field,
                             },
                           ]"
+                          data-id="mtu-input"
+                          type="number"
+                          name="mtu"
                           @click.stop
                         />
                       </template>
@@ -297,11 +297,11 @@
 </template>
 
 <script setup lang="ts">
-import {
+import type {
   UI_I_ArbitraryObject,
   UI_I_Localization,
 } from '~/lib/models/interfaces'
-import {
+import type {
   UI_I_TargetDevice,
   UI_I_Switch,
 } from '~/components/common/wizards/network/add/lib/models/interfaces'