bfg-common 1.5.421 → 1.5.423

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue

@@ -1,119 +1,119 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-network-mac-address-new
-    v-if="isNewView"
-    v-model:mac-address="macAddress"
-    v-model:mac-address-type="macAddressType"
-    :index="index"
-    :disabled="disabled"
-    :error-text="macAddressLocalAndApiErrorsTexts"
-    :mac-address-local-error-text="macAddressLocalErrorText"
-    :mac-address-options="macAddressOptions"
-    @remove-error="onRemoveValidationError"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-network-mac-address-old
-    v-else
-    v-model:mac-address="macAddress"
-    v-model:mac-address-type="macAddressType"
-    :index="index"
-    :disabled="disabled"
-    :error-text="macAddressLocalAndApiErrorsTexts"
-    :mac-address-local-error-text="macAddressLocalErrorText"
-    :mac-address-options="macAddressOptions"
-    @remove-error="onRemoveValidationError"
-  />
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_Localization,
-} from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import { macAddressOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/lib/config/options'
-
-const macAddress = defineModel<string>('macAddress', { required: true })
-const macAddressType = defineModel<string>('macAddressType', {
-  required: true,
-})
-
-const props = defineProps<{
-  index: number
-  disabled: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-}>()
-const emits = defineEmits<{
-  (event: 'invalid', value: boolean): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const macAddressOptions = ref<UI_I_OptionItem[]>(
-  macAddressOptionsFunc(localization.value)
-)
-
-watch(macAddressType, (newValue) => {
-  macAddress.value = newValue === 'manual' ? '00:50:56:' : ''
-})
-// const onChangeMacAddressType = (): void => {
-//   // emits('update:mac-address-type', event.target.value)
-//
-//   // emits(
-//   //   'update:mac-address',
-//   //   event.target.value === 'manual' ? '00:50:56:' : ''
-//   // )
-// }
-// const onChangeMacAddress = (event: Event): void => {
-//   const target = event.target as HTMLInputElement
-//   emits('update:mac-address', target.value)
-// }
-
-const macAddressLocalErrorText = computed<string>(() => {
-  /* eslint-disable no-useless-escape */
-  const isValidMacAddress =
-    /^[0-9a-f]{1,2}([\.:-])(?:[0-9a-f]{1,2}\1){4}[0-9a-f]{1,2}$/.test(
-      macAddress.value
-    )
-
-  return macAddressType.value === 'manual' && !isValidMacAddress
-    ? localization.value.common.invalidMacAddress
-    : ''
-})
-watch(macAddressLocalErrorText, (newValue) => {
-  emits('invalid', !!newValue.length)
-})
-
-const typeError = computed<string>(
-  () => `network_devices[${props.index}].mac_address`
-)
-
-const apiErrorLocal = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === typeError.value
-    )?.error_message || ''
-  )
-})
-
-const macAddressLocalAndApiErrorsTexts = computed<string>(() => {
-  const localError = macAddressLocalErrorText.value
-  const apiError = apiErrorLocal.value
-
-  let result = ''
-  if (localError && !apiError) result = localError
-  if (!localError && apiError) result = apiError
-  if (localError && apiError) result = localError + ', ' + apiError
-  if (!localError && apiError) result = apiError
-
-  return result
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', typeError.value)
-}
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-network-mac-address-new
+    v-if="isNewView"
+    v-model:mac-address="macAddress"
+    v-model:mac-address-type="macAddressType"
+    :index="index"
+    :disabled="disabled"
+    :error-text="macAddressLocalAndApiErrorsTexts"
+    :mac-address-local-error-text="macAddressLocalErrorText"
+    :mac-address-options="macAddressOptions"
+    @remove-error="onRemoveValidationError"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-network-mac-address-old
+    v-else
+    v-model:mac-address="macAddress"
+    v-model:mac-address-type="macAddressType"
+    :index="index"
+    :disabled="disabled"
+    :error-text="macAddressLocalAndApiErrorsTexts"
+    :mac-address-local-error-text="macAddressLocalErrorText"
+    :mac-address-options="macAddressOptions"
+    @remove-error="onRemoveValidationError"
+  />
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_Localization,
+} from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import { macAddressOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/lib/config/options'
+
+const macAddress = defineModel<string>('macAddress', { required: true })
+const macAddressType = defineModel<string>('macAddressType', {
+  required: true,
+})
+
+const props = defineProps<{
+  index: number
+  disabled: boolean
+  errorValidationFields: UI_I_ErrorValidationField[]
+}>()
+const emits = defineEmits<{
+  (event: 'invalid', value: boolean): void
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const macAddressOptions = ref<UI_I_OptionItem[]>(
+  macAddressOptionsFunc(localization.value)
+)
+
+watch(macAddressType, (newValue) => {
+  macAddress.value = newValue === 'manual' ? '00:50:56:' : ''
+})
+// const onChangeMacAddressType = (): void => {
+//   // emits('update:mac-address-type', event.target.value)
+//
+//   // emits(
+//   //   'update:mac-address',
+//   //   event.target.value === 'manual' ? '00:50:56:' : ''
+//   // )
+// }
+// const onChangeMacAddress = (event: Event): void => {
+//   const target = event.target as HTMLInputElement
+//   emits('update:mac-address', target.value)
+// }
+
+const macAddressLocalErrorText = computed<string>(() => {
+  /* eslint-disable no-useless-escape */
+  const isValidMacAddress =
+    /^[0-9a-f]{1,2}([\.:-])(?:[0-9a-f]{1,2}\1){4}[0-9a-f]{1,2}$/.test(
+      macAddress.value
+    )
+
+  return macAddressType.value === 'manual' && !isValidMacAddress
+    ? localization.value.common.invalidMacAddress
+    : ''
+})
+watch(macAddressLocalErrorText, (newValue) => {
+  emits('invalid', !!newValue.length)
+})
+
+const typeError = computed<string>(
+  () => `network_devices[${props.index}].mac_address`
+)
+
+const apiErrorLocal = computed<string>(() => {
+  return (
+    props.errorValidationFields?.find(
+      (message) => message.field === typeError.value
+    )?.error_message || ''
+  )
+})
+
+const macAddressLocalAndApiErrorsTexts = computed<string>(() => {
+  const localError = macAddressLocalErrorText.value
+  const apiError = apiErrorLocal.value
+
+  let result = ''
+  if (localError && !apiError) result = localError
+  if (!localError && apiError) result = apiError
+  if (localError && apiError) result = localError + ', ' + apiError
+  if (!localError && apiError) result = apiError
+
+  return result
+})
+
+const onRemoveValidationError = (): void => {
+  emits('remove-error-by-title', typeError.value)
+}
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoNew.vue

@@ -1,66 +1,66 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      {{ localization.common.pciDevice }}
-    </template>
-    <template #stackBlockContent>
-      <ui-input
-        :id="`direct-path-io-${props.pciDeviceIndex}`"
-        v-model="model"
-        :test-id="`direct-path-io-${props.pciDeviceIndex}-input`"
-        type="text"
-        size="sm"
-      />
-    </template>
-  </ui-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const model = defineModel<string>({ required: true })
-
-const props = defineProps<{
-  pciDeviceIndex: number
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped></style>
-
-<!--<template>-->
-<!--  <ui-stack-block :has-children="false">-->
-<!--    <template #stackBlockKey>-->
-<!--      <span>{{ localization.common.pciDevice }}</span>-->
-<!--    </template>-->
-<!--    <template #stackBlockContent>-->
-<!--      <ui-select-->
-<!--        id="direct-path-io"-->
-<!--        v-model="model"-->
-<!--        width="auto"-->
-<!--        :items="props.passthroughDevices"-->
-<!--        :test-id="`direct-path-io-select-${props.pciDeviceIndex}`"-->
-<!--      />-->
-<!--    </template>-->
-<!--  </ui-stack-block>-->
-<!--</template>-->
-
-<!--<script lang="ts" setup>-->
-<!--import type { UI_I_Localization } from '~/lib/models/interfaces'-->
-<!--import type {-->
-<!--  UI_I_ConfigureAllPciDevicesItem,-->
-<!--  UI_I_ConfigurePciDevicesTable,-->
-<!--} from '~/lib/models/store/host/interfaces'-->
-
-<!--const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()-->
-
-<!--const props = defineProps<{-->
-<!--  pciDeviceIndex: number-->
-<!--  passthroughDevices: UI_I_ConfigurePciDevicesTable-->
-<!--}>()-->
-
-<!--const localization = computed<UI_I_Localization>(() => useLocal())-->
-<!--</script>-->
-
-<!--<style lang="scss" scoped></style>-->
+<template>
+  <ui-stack-block :has-children="false">
+    <template #stackBlockKey>
+      {{ localization.common.pciDevice }}
+    </template>
+    <template #stackBlockContent>
+      <ui-input
+        :id="`direct-path-io-${props.pciDeviceIndex}`"
+        v-model="model"
+        :test-id="`direct-path-io-${props.pciDeviceIndex}-input`"
+        type="text"
+        size="sm"
+      />
+    </template>
+  </ui-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const model = defineModel<string>({ required: true })
+
+const props = defineProps<{
+  pciDeviceIndex: number
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped></style>
+
+<!--<template>-->
+<!--  <ui-stack-block :has-children="false">-->
+<!--    <template #stackBlockKey>-->
+<!--      <span>{{ localization.common.pciDevice }}</span>-->
+<!--    </template>-->
+<!--    <template #stackBlockContent>-->
+<!--      <ui-select-->
+<!--        id="direct-path-io"-->
+<!--        v-model="model"-->
+<!--        width="auto"-->
+<!--        :items="props.passthroughDevices"-->
+<!--        :test-id="`direct-path-io-select-${props.pciDeviceIndex}`"-->
+<!--      />-->
+<!--    </template>-->
+<!--  </ui-stack-block>-->
+<!--</template>-->
+
+<!--<script lang="ts" setup>-->
+<!--import type { UI_I_Localization } from '~/lib/models/interfaces'-->
+<!--import type {-->
+<!--  UI_I_ConfigureAllPciDevicesItem,-->
+<!--  UI_I_ConfigurePciDevicesTable,-->
+<!--} from '~/lib/models/store/host/interfaces'-->
+
+<!--const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()-->
+
+<!--const props = defineProps<{-->
+<!--  pciDeviceIndex: number-->
+<!--  passthroughDevices: UI_I_ConfigurePciDevicesTable-->
+<!--}>()-->
+
+<!--const localization = computed<UI_I_Localization>(() => useLocal())-->
+<!--</script>-->
+
+<!--<style lang="scss" scoped></style>-->

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoOld.vue

@@ -1,62 +1,62 @@
-<template>
-  <div>
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockContent>
-        <input
-          :id="`direct-path-io-${props.pciDeviceIndex}`"
-          v-model="model"
-          :data-id="`direct-path-io-${props.pciDeviceIndex}-input`"
-          type="text"
-        />
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script lang="ts" setup>
-const model = defineModel<string>({ required: true })
-
-const props = defineProps<{
-  pciDeviceIndex: number
-}>()
-</script>
-
-<style lang="scss" scoped></style>
-
-<!--<template>-->
-<!--  <atoms-stack-block :has-children="false">-->
-<!--    <template #stackBlockContent>-->
-<!--      <div class="select">-->
-<!--        <select-->
-<!--          id="direct-path-io"-->
-<!--          v-model="model"-->
-<!--          :data-id="`direct-path-io-select-${props.pciDeviceIndex}`"-->
-<!--        >-->
-<!--          <option-->
-<!--            v-for="item in props.passthroughDevices"-->
-<!--            :key="item.id"-->
-<!--            :value="item"-->
-<!--          >-->
-<!--            {{ item.address }} | {{ item.device_name }}-->
-<!--          </option>-->
-<!--        </select>-->
-<!--      </div>-->
-<!--    </template>-->
-<!--  </atoms-stack-block>-->
-<!--</template>-->
-
-<!--<script lang="ts" setup>-->
-<!--import type {-->
-<!--  UI_I_ConfigureAllPciDevicesItem,-->
-<!--  UI_I_ConfigurePciDevicesTable,-->
-<!--} from '~/lib/models/store/host/interfaces'-->
-
-<!--const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()-->
-
-<!--const props = defineProps<{-->
-<!--  pciDeviceIndex: number-->
-<!--  passthroughDevices: UI_I_ConfigurePciDevicesTable-->
-<!--}>()-->
-<!--</script>-->
-
-<!--<style lang="scss" scoped></style>-->
+<template>
+  <div>
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockContent>
+        <input
+          :id="`direct-path-io-${props.pciDeviceIndex}`"
+          v-model="model"
+          :data-id="`direct-path-io-${props.pciDeviceIndex}-input`"
+          type="text"
+        />
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script lang="ts" setup>
+const model = defineModel<string>({ required: true })
+
+const props = defineProps<{
+  pciDeviceIndex: number
+}>()
+</script>
+
+<style lang="scss" scoped></style>
+
+<!--<template>-->
+<!--  <atoms-stack-block :has-children="false">-->
+<!--    <template #stackBlockContent>-->
+<!--      <div class="select">-->
+<!--        <select-->
+<!--          id="direct-path-io"-->
+<!--          v-model="model"-->
+<!--          :data-id="`direct-path-io-select-${props.pciDeviceIndex}`"-->
+<!--        >-->
+<!--          <option-->
+<!--            v-for="item in props.passthroughDevices"-->
+<!--            :key="item.id"-->
+<!--            :value="item"-->
+<!--          >-->
+<!--            {{ item.address }} | {{ item.device_name }}-->
+<!--          </option>-->
+<!--        </select>-->
+<!--      </div>-->
+<!--    </template>-->
+<!--  </atoms-stack-block>-->
+<!--</template>-->
+
+<!--<script lang="ts" setup>-->
+<!--import type {-->
+<!--  UI_I_ConfigureAllPciDevicesItem,-->
+<!--  UI_I_ConfigurePciDevicesTable,-->
+<!--} from '~/lib/models/store/host/interfaces'-->
+
+<!--const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()-->
+
+<!--const props = defineProps<{-->
+<!--  pciDeviceIndex: number-->
+<!--  passthroughDevices: UI_I_ConfigurePciDevicesTable-->
+<!--}>()-->
+<!--</script>-->
+
+<!--<style lang="scss" scoped></style>-->

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue

@@ -1,31 +1,31 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io-new
-    v-if="isNewView"
-    v-model="model"
-    :passthrough-devices="props.passthroughDevices"
-    :pci-device-index="props.pciDeviceIndex"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io-old
-    v-else
-    v-model="model"
-    :passthrough-devices="props.passthroughDevices"
-    :pci-device-index="props.pciDeviceIndex"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
-
-const model = defineModel<string>({ required: true })
-
-const props = defineProps<{
-  pciDeviceIndex: number
-  passthroughDevices: UI_I_PciDevice[]
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io-new
+    v-if="isNewView"
+    v-model="model"
+    :passthrough-devices="props.passthroughDevices"
+    :pci-device-index="props.pciDeviceIndex"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io-old
+    v-else
+    v-model="model"
+    :passthrough-devices="props.passthroughDevices"
+    :pci-device-index="props.pciDeviceIndex"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
+
+const model = defineModel<string>({ required: true })
+
+const props = defineProps<{
+  pciDeviceIndex: number
+  passthroughDevices: UI_I_PciDevice[]
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+</script>
+
+<style lang="scss" scoped></style>