bfg-common 1.5.408 → 1.5.410

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

@@ -1,104 +1,104 @@
-<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 = 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>