bfg-common 1.0.21 → 1.0.22

package/components/common/vm/actions/add/customizeHardware/virtualHardware/newNetwork/Location.vue

@@ -1,141 +1,141 @@
-<template>
-  <div>
-    <Teleport to="body">
-      <atoms-modal
-        class="network-modal"
-        :show="props.locationModalIsShow"
-        :title="localization.selectNetwork"
-        @submit="onSubmitLocationModal"
-        @hide="onHideLocationModal"
-      >
-        <template #modalBody>
-          <atoms-alert
-            v-show="errors.length"
-            status="alert-danger"
-            :items="errors"
-            @remove="onRemoveValidationErrors"
-          />
-          <div class="network-select-dialog-content">
-            <div class="k-header k-grid-toolbar flex-justify-end">
-              <div class="filter-input pull-right flex">
-                <button
-                  id="location-filter-button"
-                  class="nav-icon fa fa-filter filter-button"
-                >
-                  <atoms-the-icon
-                    class="filter-icon"
-                    fill="#4c5356"
-                    name="filter"
-                  />
-                </button>
-                <input
-                  id="location-filter"
-                  v-model="locationFilter"
-                  type="text"
-                  :placeholder="localization.filter"
-                />
-              </div>
-            </div>
-            <atoms-table-simple-table
-              :head-items="tagsHeadItems"
-              :body-items="tagsBodyItems"
-              editable
-              @select="onSelectLocation"
-            />
-          </div>
-        </template>
-      </atoms-modal>
-    </Teleport>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_NetworkTableItem } from '~/models/store/network/interfaces'
-import { UI_I_Localization } from '~/models/interfaces'
-import {
-  UI_I_TableHeadItem,
-  UI_I_TableBodyItem,
-} from '~/components/atoms/table/simpleTable/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  locationModalIsShow: boolean
-  networksTable: UI_I_NetworkTableItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'select', value: UI_I_NetworkTableItem): void
-}>()
-
-const onSubmitLocationModal = (): void => {
-  if (selectedLocation.value === null) {
-    errors.value = [localization.value.noNetworkSelected]
-    return
-  }
-  emits('select', selectedLocation.value)
-}
-const onHideLocationModal = (): void => {
-  emits('hide')
-}
-
-const locationFilter = ref<string>('')
-const tagsHeadItems = ref<UI_I_TableHeadItem[]>([
-  { text: localization.value.name },
-  { text: localization.value.nsxPortGroupId },
-  { text: localization.value.distributedSwitch },
-])
-const tagsBodyItemsDefault = ref<UI_I_TableBodyItem[][]>([])
-const tagsBodyItems = computed<UI_I_TableBodyItem[][]>(() => {
-  const term = locationFilter.value.trim().toLowerCase()
-  return tagsBodyItemsDefault.value.filter((row) => {
-    return row.some((item) => item.text.trim().toLowerCase().includes(term))
-  })
-})
-watch(
-  () => props.networksTable,
-  (networks) => {
-    tagsBodyItemsDefault.value = []
-    networks?.forEach((network) => {
-      tagsBodyItemsDefault.value.push([
-        { text: network.name, editable: false },
-        { text: '--', editable: false },
-        { text: '--', editable: false },
-      ])
-    })
-  },
-  { immediate: true }
-)
-
-const selectedLocation = ref<UI_I_NetworkTableItem | null>(null)
-const getNetworkByName = (name: string): UI_I_NetworkTableItem | null => {
-  return props.networksTable?.find((network) => network.name === name) || null
-}
-const onSelectLocation = (_key: number, value: UI_I_TableBodyItem[]): void => {
-  const networkName = value[0].text
-  selectedLocation.value = getNetworkByName(networkName)
-}
-
-const errors = ref<string[]>([])
-const onRemoveValidationErrors = (): void => {
-  errors.value = []
-}
-</script>
-
-<style scoped lang="scss">
-.network-select-dialog-content {
-  min-height: 300px;
-  margin-top: 10px;
-
-  .filter-button {
-    border-style: none;
-    background-color: transparent;
-    padding: 0;
-
-    .filter-icon {
-      width: 18px;
-      height: 18px;
-    }
-  }
-}
-</style>
+<template>
+  <div>
+    <Teleport to="body">
+      <atoms-modal
+        class="network-modal"
+        :show="props.locationModalIsShow"
+        :title="localization.selectNetwork"
+        @submit="onSubmitLocationModal"
+        @hide="onHideLocationModal"
+      >
+        <template #modalBody>
+          <atoms-alert
+            v-show="errors.length"
+            status="alert-danger"
+            :items="errors"
+            @remove="onRemoveValidationErrors"
+          />
+          <div class="network-select-dialog-content">
+            <div class="k-header k-grid-toolbar flex-justify-end">
+              <div class="filter-input pull-right flex">
+                <button
+                  id="location-filter-button"
+                  class="nav-icon fa fa-filter filter-button"
+                >
+                  <atoms-the-icon
+                    class="filter-icon"
+                    fill="#4c5356"
+                    name="filter"
+                  />
+                </button>
+                <input
+                  id="location-filter"
+                  v-model="locationFilter"
+                  type="text"
+                  :placeholder="localization.filter"
+                />
+              </div>
+            </div>
+            <atoms-table-simple-table
+              :head-items="tagsHeadItems"
+              :body-items="tagsBodyItems"
+              editable
+              @select="onSelectLocation"
+            />
+          </div>
+        </template>
+      </atoms-modal>
+    </Teleport>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_NetworkTableItem } from '~/models/store/network/interfaces'
+import { UI_I_Localization } from '~/models/interfaces'
+import {
+  UI_I_TableHeadItem,
+  UI_I_TableBodyItem,
+} from '~/components/atoms/table/simpleTable/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const props = defineProps<{
+  locationModalIsShow: boolean
+  networksTable: UI_I_NetworkTableItem[]
+}>()
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'select', value: UI_I_NetworkTableItem): void
+}>()
+
+const onSubmitLocationModal = (): void => {
+  if (selectedLocation.value === null) {
+    errors.value = [localization.value.noNetworkSelected]
+    return
+  }
+  emits('select', selectedLocation.value)
+}
+const onHideLocationModal = (): void => {
+  emits('hide')
+}
+
+const locationFilter = ref<string>('')
+const tagsHeadItems = ref<UI_I_TableHeadItem[]>([
+  { text: localization.value.name },
+  { text: localization.value.nsxPortGroupId },
+  { text: localization.value.distributedSwitch },
+])
+const tagsBodyItemsDefault = ref<UI_I_TableBodyItem[][]>([])
+const tagsBodyItems = computed<UI_I_TableBodyItem[][]>(() => {
+  const term = locationFilter.value.trim().toLowerCase()
+  return tagsBodyItemsDefault.value.filter((row) => {
+    return row.some((item) => item.text.trim().toLowerCase().includes(term))
+  })
+})
+watch(
+  () => props.networksTable,
+  (networks) => {
+    tagsBodyItemsDefault.value = []
+    networks?.forEach((network) => {
+      tagsBodyItemsDefault.value.push([
+        { text: network.name, editable: false },
+        { text: '--', editable: false },
+        { text: '--', editable: false },
+      ])
+    })
+  },
+  { immediate: true }
+)
+
+const selectedLocation = ref<UI_I_NetworkTableItem | null>(null)
+const getNetworkByName = (name: string): UI_I_NetworkTableItem | null => {
+  return props.networksTable?.find((network) => network.name === name) || null
+}
+const onSelectLocation = (_key: number, value: UI_I_TableBodyItem[]): void => {
+  const networkName = value[0].text
+  selectedLocation.value = getNetworkByName(networkName)
+}
+
+const errors = ref<string[]>([])
+const onRemoveValidationErrors = (): void => {
+  errors.value = []
+}
+</script>
+
+<style scoped lang="scss">
+.network-select-dialog-content {
+  min-height: 300px;
+  margin-top: 10px;
+
+  .filter-button {
+    border-style: none;
+    background-color: transparent;
+    padding: 0;
+
+    .filter-icon {
+      width: 18px;
+      height: 18px;
+    }
+  }
+}
+</style>

package/components/common/vm/actions/add/customizeHardware/virtualHardware/newNetwork/adapterType/config/options.ts

@@ -1,9 +1,9 @@
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-
-export const adapterTypeOptionsConfig: UI_I_OptionItem[] = [
-  { text: 'Paravirtual', value: 'virtio' },
-  { text: 'E1000', value: 'e1000' },
-  { text: 'RTL8139', value: 'rtl8139' },
-  { text: 'VMXNET 3', value: 'vmxnet3' },
-  { text: 'SR-IOV passthrough', value: '', disabled: true },
-]
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+
+export const adapterTypeOptionsConfig: UI_I_OptionItem[] = [
+  { text: 'Paravirtual', value: 'virtio' },
+  { text: 'E1000', value: 'e1000' },
+  { text: 'RTL8139', value: 'rtl8139' },
+  { text: 'VMXNET 3', value: 'vmxnet3' },
+  { text: 'SR-IOV passthrough', value: '', disabled: true },
+]

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

@@ -1,140 +1,140 @@
-<template>
-  <div>
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.macAddress }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <atoms-tooltip-error
-            :has-error="!!macAddressLocalAndApiErrorsTexts"
-            :selector="`.vm-wizard-network-mac-address-field-${props.index}`"
-            @remove="onRemoveValidationError"
-          >
-            <template #elem>
-              <input
-                :id="[`vm-wizard-network-mac-address-field-${props.index}`]"
-                type="text"
-                :value="props.macAddress"
-                :disabled="
-                  props.macAddressType === 'automatic' || props.disabled
-                "
-                :class="[
-                  `vm-wizard-network-mac-address-field-${props.index}`,
-                  { 'has-error': macAddressLocalErrorText },
-                ]"
-                @input="onChangeMacAddress"
-              />
-            </template>
-            <template #content>
-              {{ macAddressLocalAndApiErrorsTexts }}
-            </template>
-          </atoms-tooltip-error>
-
-          <div class="select">
-            <select
-                :id="`mac-address-select-${props.index}`"
-              :value="props.macAddressType"
-              :disabled="props.disabled"
-              @change="onChangeMacAddressType"
-            >
-              <option
-                v-for="(item, key) in macAddressOptions"
-                :key="key"
-                :value="item.value"
-              >
-                {{ item.text }}
-              </option>
-            </select>
-          </div>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization, UI_I_HTMLSelectElement } from '~/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-import { UI_I_ErrorValidationField } from '~/models/store/interfaces'
-import { macAddressOptionsFunc } from '~/components/common/vm/actions/add/customizeHardware/virtualHardware/newNetwork/macAddress/config/options'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  macAddressType: string
-  macAddress: string
-  index: number
-  disabled: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-}>()
-const emits = defineEmits<{
-  (event: 'update:mac-address', value: string): void
-  (event: 'update:mac-address-type', value: string): void
-  (event: 'invalid', value: boolean): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const macAddressOptions = ref<UI_I_OptionItem[]>(
-  macAddressOptionsFunc(localization.value)
-)
-
-const onChangeMacAddressType = (event: UI_I_HTMLSelectElement): 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(
-      props.macAddress
-    )
-
-  return props.macAddressType === 'manual' && !isValidMacAddress
-    ? localization.value.invalidMacAddress
-    : ''
-})
-watch(macAddressLocalErrorText, (text) => {
-  emits('invalid', !!text.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">
-.has-error {
-  border: 1px solid #db2100;
-}
-</style>
+<template>
+  <div>
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.macAddress }}
+      </template>
+      <template #stackBlockContent>
+        <div class="flex-align-center">
+          <atoms-tooltip-error
+            :has-error="!!macAddressLocalAndApiErrorsTexts"
+            :selector="`.vm-wizard-network-mac-address-field-${props.index}`"
+            @remove="onRemoveValidationError"
+          >
+            <template #elem>
+              <input
+                :id="[`vm-wizard-network-mac-address-field-${props.index}`]"
+                type="text"
+                :value="props.macAddress"
+                :disabled="
+                  props.macAddressType === 'automatic' || props.disabled
+                "
+                :class="[
+                  `vm-wizard-network-mac-address-field-${props.index}`,
+                  { 'has-error': macAddressLocalErrorText },
+                ]"
+                @input="onChangeMacAddress"
+              />
+            </template>
+            <template #content>
+              {{ macAddressLocalAndApiErrorsTexts }}
+            </template>
+          </atoms-tooltip-error>
+
+          <div class="select">
+            <select
+                :id="`mac-address-select-${props.index}`"
+              :value="props.macAddressType"
+              :disabled="props.disabled"
+              @change="onChangeMacAddressType"
+            >
+              <option
+                v-for="(item, key) in macAddressOptions"
+                :key="key"
+                :value="item.value"
+              >
+                {{ item.text }}
+              </option>
+            </select>
+          </div>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization, UI_I_HTMLSelectElement } from '~/models/interfaces'
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+import { UI_I_ErrorValidationField } from '~/models/store/interfaces'
+import { macAddressOptionsFunc } from '~/components/common/vm/actions/add/customizeHardware/virtualHardware/newNetwork/macAddress/config/options'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const props = defineProps<{
+  macAddressType: string
+  macAddress: string
+  index: number
+  disabled: boolean
+  errorValidationFields: UI_I_ErrorValidationField[]
+}>()
+const emits = defineEmits<{
+  (event: 'update:mac-address', value: string): void
+  (event: 'update:mac-address-type', value: string): void
+  (event: 'invalid', value: boolean): void
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const macAddressOptions = ref<UI_I_OptionItem[]>(
+  macAddressOptionsFunc(localization.value)
+)
+
+const onChangeMacAddressType = (event: UI_I_HTMLSelectElement): 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(
+      props.macAddress
+    )
+
+  return props.macAddressType === 'manual' && !isValidMacAddress
+    ? localization.value.invalidMacAddress
+    : ''
+})
+watch(macAddressLocalErrorText, (text) => {
+  emits('invalid', !!text.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">
+.has-error {
+  border: 1px solid #db2100;
+}
+</style>

package/components/common/vm/actions/add/customizeHardware/virtualHardware/newNetwork/macAddress/config/options.ts

@@ -1,11 +1,11 @@
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-
-export const macAddressOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: localization.manual, value: 'manual' },
-    { text: localization.automatic, value: 'automatic' },
-  ]
-}
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+
+export const macAddressOptionsFunc = (
+  localization: UI_I_Localization
+): UI_I_OptionItem[] => {
+  return [
+    { text: localization.manual, value: 'manual' },
+    { text: localization.automatic, value: 'automatic' },
+  ]
+}