bfg-common 1.5.500 → 1.5.502

package/components/common/pages/backups/modals/restore/networks/Networks.vue

@@ -1,67 +1,67 @@
-<template>
-  <div class="select-network h-full flex flex-col">
-    <atoms-alert
-      v-if="props.alertMessages.length"
-      :items="props.alertMessages"
-      status="alert-danger"
-      test-id="import-vms-select-networks-errors"
-      @remove="onHideAlert"
-    />
-
-    <common-pages-backups-modals-restore-networks-table
-      v-model="model"
-      :networks-table="model.pvm.network_devices"
-      :source-networks="props.networks"
-      :loading="networkTableLoading"
-      @hide-alert="onHideAlert"
-    />
-
-    <common-wizards-vm-common-validation-compatibility
-      :loading="!model.pvm.network_devices.length"
-      status="Success"
-      text="compatibilityChecksSucceeded"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
-import type { UI_I_RestoreForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-
-const model = defineModel<UI_I_RestoreForm>({ required: true })
-const props = defineProps<{
-  alertMessages: string[]
-  networks: UI_I_NetworkTableItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'get-networks', value: string): void
-  (event: 'hide-alert'): void
-}>()
-
-const networkTableLoading = ref<boolean>(false)
-const getNetworks = async (): Promise<void> => {
-  networkTableLoading.value = true
-  emits('get-networks', model.value.pvm.host_id || '')
-  networkTableLoading.value = false
-}
-getNetworks()
-
-const onHideAlert = (): void => {
-  emits('hide-alert')
-}
-</script>
-
-<style lang="scss" scoped>
-.select-network {
-  margin-top: 10px;
-  &__text {
-    font-size: 12px;
-  }
-  &__matcher-details {
-    margin-top: 10px;
-  }
-  .vm-migrate-advanced-view-button {
-    text-align: end;
-  }
-}
-</style>
+<template>
+  <div class="select-network h-full flex flex-col">
+    <atoms-alert
+      v-if="props.alertMessages.length"
+      :items="props.alertMessages"
+      status="alert-danger"
+      test-id="import-vms-select-networks-errors"
+      @remove="onHideAlert"
+    />
+
+    <common-pages-backups-modals-restore-networks-table
+      v-model="model"
+      :networks-table="model.pvm.network_devices"
+      :source-networks="props.networks"
+      :loading="networkTableLoading"
+      @hide-alert="onHideAlert"
+    />
+
+    <common-wizards-vm-common-validation-compatibility
+      :loading="!model.pvm.network_devices.length"
+      status="Success"
+      text="compatibilityChecksSucceeded"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
+import type { UI_I_RestoreForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+
+const model = defineModel<UI_I_RestoreForm>({ required: true })
+const props = defineProps<{
+  alertMessages: string[]
+  networks: UI_I_NetworkTableItem[]
+}>()
+const emits = defineEmits<{
+  (event: 'get-networks', value: string): void
+  (event: 'hide-alert'): void
+}>()
+
+const networkTableLoading = ref<boolean>(false)
+const getNetworks = async (): Promise<void> => {
+  networkTableLoading.value = true
+  emits('get-networks', model.value.pvm.host_id || '')
+  networkTableLoading.value = false
+}
+getNetworks()
+
+const onHideAlert = (): void => {
+  emits('hide-alert')
+}
+</script>
+
+<style lang="scss" scoped>
+.select-network {
+  margin-top: 10px;
+  &__text {
+    font-size: 12px;
+  }
+  &__matcher-details {
+    margin-top: 10px;
+  }
+  .vm-migrate-advanced-view-button {
+    text-align: end;
+  }
+}
+</style>

package/components/common/pages/backups/modals/restore/networks/table/Table.vue

@@ -1,214 +1,214 @@
-<template>
-  <div class="table-view-wrapper flex flex-col">
-    <atoms-table-data-grid
-      v-model:page-size="pagination.pageSize"
-      v-model:page="pagination.page"
-      :head-items="headItems"
-      :body-items="bodyItems"
-      :total-items="bodyItems.length"
-      :total-pages="1"
-      :loading="props.loading"
-      off-select-by-row
-      class="networks-table flex flex-col"
-      server-off
-      hide-footer
-      hide-page-size
-    >
-      <template #select="data">
-        <div class="select networks-table__select">
-          <div v-if="data.item.data.type === 'select-network'" class="select">
-            <select
-              id="import-vms-network-field"
-              v-model="selectedLocation"
-              :disabled="false"
-              data-id="import-vms-network-field"
-              class="import-vms-network-field input-text-color"
-              @click.stop
-              @change="changeLocation($event, data.item.data.key)"
-            >
-              <option
-                v-for="(item, key) in locationOptions"
-                :key="key"
-                :value="item.value"
-              >
-                {{ item.text }}
-              </option>
-            </select>
-          </div>
-
-          <common-pages-backups-modals-restore-networks-table-adapter-type
-            v-if="data.item.data.type === 'select-adapter'"
-            v-model="model.pvm.network_devices[data.item.data.key].model"
-          />
-        </div>
-      </template>
-    </atoms-table-data-grid>
-
-    <common-vm-actions-common-customize-hardware-virtual-hardware-new-network-location
-      :location-modal-is-show="selectedNetworkKeyForLocation !== -1"
-      :networks-table="props.sourceNetworks"
-      @hide="onHideLocationModal"
-      @select="onSelectLocation"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type {
-  UI_I_Localization,
-  UI_I_HTMLSelectElement,
-} from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
-import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
-import type {
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_RestoreForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-import * as table from '~/components/common/pages/backups/modals/restore/networks/table/lib/config/networkTable'
-
-const model = defineModel<UI_I_RestoreForm>({ required: true })
-const props = defineProps<{
-  networksTable: UI_I_RestoreForm['pvm']['network_devices']
-  sourceNetworks: UI_I_NetworkTableItem[]
-  loading: boolean
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const pagination = ref<UI_I_Pagination>({
-  page: 1,
-  pageSize: 100,
-})
-
-const headItems = computed<UI_I_HeadItem[]>(() =>
-  table.headItems(localization.value)
-)
-
-const bodyItems = computed<UI_I_BodyItem[][]>(() => {
-  return table.bodyItems(props.networksTable)
-})
-
-const selectedLocationOld = ref<string>('')
-const selectedLocation = ref<string>('')
-const locationOptions = ref<UI_I_OptionItem[]>([])
-const selectedNetworkKeyForLocation = ref<number>(-1)
-const onHideLocationModal = (): void => {
-  selectedLocation.value = selectedLocationOld.value
-  const network = findNetwork(selectedLocationOld.value)
-  model.value.pvm.network_devices[selectedNetworkKeyForLocation.value].network =
-    network.name
-  model.value.pvm.network_devices[
-    selectedNetworkKeyForLocation.value
-  ].net_bridge = selectedLocationOld.value
-  selectedNetworkKeyForLocation.value = -1
-}
-
-const changeLocation = (event: UI_I_HTMLSelectElement, key: number): void => {
-  const value = event.target.value
-
-  if (value === 'browser') {
-    selectedNetworkKeyForLocation.value = key
-    return
-  }
-
-  selectedLocationOld.value = value
-  selectedLocation.value = value
-  const network = findNetwork(value)
-  model.value.pvm.network_devices[key].network = network.name || ''
-  model.value.pvm.network_devices[key].net_bridge = value
-}
-
-const onSelectLocation = (network: any): void => {
-  selectedLocationOld.value = network.net_bridge
-  selectedLocation.value = network.net_bridge
-  model.value.pvm.network_devices[selectedNetworkKeyForLocation.value].network =
-    network.name
-  model.value.pvm.network_devices[
-    selectedNetworkKeyForLocation.value
-  ].net_bridge = network.net_bridge
-  selectedNetworkKeyForLocation.value = -1
-
-  const hasNetwork = locationOptions.value.some(
-    (option) => option.value === network.name
-  )
-  if (hasNetwork) {
-    return
-  }
-
-  locationOptions.value = [
-    ...locationOptions.value.slice(0, -1),
-    { text: network.name, value: network.net_bridge },
-    locationOptions.value[locationOptions.value.length - 1],
-  ]
-}
-
-watch(
-  (): any => props.sourceNetworks,
-  (newValue) => {
-    if (!props.networksTable?.length || !newValue.length) {
-      return
-    }
-    // selectedLocationOld.value = props.sourceNetworks[0].name
-    // selectedLocation.value = props.sourceNetworks[0].net_bridge
-
-    let selectedNetwork: any = null
-    model.value.pvm.network_devices = model.value.pvm.network_devices.map(
-      (network) => {
-        selectedNetwork =
-          newValue.find((net) => net.net_bridge === network.net_bridge) ||
-          newValue[0]
-
-        network.network = selectedNetwork.name
-        // network.model = props.networksTable[0].model
-        // network.network = props.sourceNetworks[0].name
-        // network.net_bridge = props.sourceNetworks[0].net_bridge
-        return network
-      }
-    )
-    selectedLocationOld.value = selectedNetwork.net_bridge
-    selectedLocation.value = selectedNetwork.net_bridge
-
-    locationOptions.value = [
-      {
-        text: selectedNetwork.name,
-        value: selectedNetwork.net_bridge,
-      },
-      { text: `${localization.value.common.browse}...`, value: 'browser' },
-    ]
-  },
-  { immediate: true }
-)
-
-const findNetwork = (net_bridge: string): any => {
-  return props.sourceNetworks.find(
-    (network) => network.net_bridge === net_bridge
-  )
-}
-</script>
-
-<style lang="scss" scoped>
-.table-view-wrapper {
-  height: inherit;
-  .networks-table {
-    height: inherit;
-    :deep(.datagrid-outer-wrapper) {
-      height: inherit;
-      margin-top: 0;
-    }
-    :deep(.datagrid) {
-      padding-top: 0;
-      height: inherit;
-    }
-    &__select {
-      width: 100%;
-      height: 24px;
-      min-width: 107px;
-      & > select {
-        height: 100%;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="table-view-wrapper flex flex-col">
+    <atoms-table-data-grid
+      v-model:page-size="pagination.pageSize"
+      v-model:page="pagination.page"
+      :head-items="headItems"
+      :body-items="bodyItems"
+      :total-items="bodyItems.length"
+      :total-pages="1"
+      :loading="props.loading"
+      off-select-by-row
+      class="networks-table flex flex-col"
+      server-off
+      hide-footer
+      hide-page-size
+    >
+      <template #select="data">
+        <div class="select networks-table__select">
+          <div v-if="data.item.data.type === 'select-network'" class="select">
+            <select
+              id="import-vms-network-field"
+              v-model="selectedLocation"
+              :disabled="false"
+              data-id="import-vms-network-field"
+              class="import-vms-network-field input-text-color"
+              @click.stop
+              @change="changeLocation($event, data.item.data.key)"
+            >
+              <option
+                v-for="(item, key) in locationOptions"
+                :key="key"
+                :value="item.value"
+              >
+                {{ item.text }}
+              </option>
+            </select>
+          </div>
+
+          <common-pages-backups-modals-restore-networks-table-adapter-type
+            v-if="data.item.data.type === 'select-adapter'"
+            v-model="model.pvm.network_devices[data.item.data.key].model"
+          />
+        </div>
+      </template>
+    </atoms-table-data-grid>
+
+    <common-vm-actions-common-customize-hardware-virtual-hardware-new-network-location
+      :location-modal-is-show="selectedNetworkKeyForLocation !== -1"
+      :networks-table="props.sourceNetworks"
+      @hide="onHideLocationModal"
+      @select="onSelectLocation"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type {
+  UI_I_Localization,
+  UI_I_HTMLSelectElement,
+} from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
+import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
+import type {
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_RestoreForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+import * as table from '~/components/common/pages/backups/modals/restore/networks/table/lib/config/networkTable'
+
+const model = defineModel<UI_I_RestoreForm>({ required: true })
+const props = defineProps<{
+  networksTable: UI_I_RestoreForm['pvm']['network_devices']
+  sourceNetworks: UI_I_NetworkTableItem[]
+  loading: boolean
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const pagination = ref<UI_I_Pagination>({
+  page: 1,
+  pageSize: 100,
+})
+
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  table.headItems(localization.value)
+)
+
+const bodyItems = computed<UI_I_BodyItem[][]>(() => {
+  return table.bodyItems(props.networksTable)
+})
+
+const selectedLocationOld = ref<string>('')
+const selectedLocation = ref<string>('')
+const locationOptions = ref<UI_I_OptionItem[]>([])
+const selectedNetworkKeyForLocation = ref<number>(-1)
+const onHideLocationModal = (): void => {
+  selectedLocation.value = selectedLocationOld.value
+  const network = findNetwork(selectedLocationOld.value)
+  model.value.pvm.network_devices[selectedNetworkKeyForLocation.value].network =
+    network.name
+  model.value.pvm.network_devices[
+    selectedNetworkKeyForLocation.value
+  ].net_bridge = selectedLocationOld.value
+  selectedNetworkKeyForLocation.value = -1
+}
+
+const changeLocation = (event: UI_I_HTMLSelectElement, key: number): void => {
+  const value = event.target.value
+
+  if (value === 'browser') {
+    selectedNetworkKeyForLocation.value = key
+    return
+  }
+
+  selectedLocationOld.value = value
+  selectedLocation.value = value
+  const network = findNetwork(value)
+  model.value.pvm.network_devices[key].network = network.name || ''
+  model.value.pvm.network_devices[key].net_bridge = value
+}
+
+const onSelectLocation = (network: any): void => {
+  selectedLocationOld.value = network.net_bridge
+  selectedLocation.value = network.net_bridge
+  model.value.pvm.network_devices[selectedNetworkKeyForLocation.value].network =
+    network.name
+  model.value.pvm.network_devices[
+    selectedNetworkKeyForLocation.value
+  ].net_bridge = network.net_bridge
+  selectedNetworkKeyForLocation.value = -1
+
+  const hasNetwork = locationOptions.value.some(
+    (option) => option.value === network.name
+  )
+  if (hasNetwork) {
+    return
+  }
+
+  locationOptions.value = [
+    ...locationOptions.value.slice(0, -1),
+    { text: network.name, value: network.net_bridge },
+    locationOptions.value[locationOptions.value.length - 1],
+  ]
+}
+
+watch(
+  (): any => props.sourceNetworks,
+  (newValue) => {
+    if (!props.networksTable?.length || !newValue.length) {
+      return
+    }
+    // selectedLocationOld.value = props.sourceNetworks[0].name
+    // selectedLocation.value = props.sourceNetworks[0].net_bridge
+
+    let selectedNetwork: any = null
+    model.value.pvm.network_devices = model.value.pvm.network_devices.map(
+      (network) => {
+        selectedNetwork =
+          newValue.find((net) => net.net_bridge === network.net_bridge) ||
+          newValue[0]
+
+        network.network = selectedNetwork.name
+        // network.model = props.networksTable[0].model
+        // network.network = props.sourceNetworks[0].name
+        // network.net_bridge = props.sourceNetworks[0].net_bridge
+        return network
+      }
+    )
+    selectedLocationOld.value = selectedNetwork.net_bridge
+    selectedLocation.value = selectedNetwork.net_bridge
+
+    locationOptions.value = [
+      {
+        text: selectedNetwork.name,
+        value: selectedNetwork.net_bridge,
+      },
+      { text: `${localization.value.common.browse}...`, value: 'browser' },
+    ]
+  },
+  { immediate: true }
+)
+
+const findNetwork = (net_bridge: string): any => {
+  return props.sourceNetworks.find(
+    (network) => network.net_bridge === net_bridge
+  )
+}
+</script>
+
+<style lang="scss" scoped>
+.table-view-wrapper {
+  height: inherit;
+  .networks-table {
+    height: inherit;
+    :deep(.datagrid-outer-wrapper) {
+      height: inherit;
+      margin-top: 0;
+    }
+    :deep(.datagrid) {
+      padding-top: 0;
+      height: inherit;
+    }
+    &__select {
+      width: 100%;
+      height: 24px;
+      min-width: 107px;
+      & > select {
+        height: 100%;
+      }
+    }
+  }
+}
+</style>

package/components/common/pages/backups/modals/restore/types/lib/config/typeOptions.ts

@@ -1,25 +1,25 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { restoreCodes } from '~/components/common/pages/backups/modals/restore/lib/config/restoreCodes'
-
-export const backupsTypesFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    {
-      text: localization.common.restoreExisting,
-      value: restoreCodes.existing,
-      testId: 'backup-type-restore-existing',
-    },
-    {
-      text: localization.common.restoreAsNew,
-      value: restoreCodes.asNew,
-      testId: 'backup-type-restore-as-new',
-    },
-    {
-      text: localization.common.restoreDiskOnly,
-      value: restoreCodes.diskOnly,
-      testId: 'backup-type-restore-disk-only',
-    },
-  ]
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import { restoreCodes } from '~/components/common/pages/backups/modals/restore/lib/config/restoreCodes'
+
+export const backupsTypesFunc = (
+  localization: UI_I_Localization
+): UI_I_OptionItem[] => {
+  return [
+    {
+      text: localization.common.restoreExisting,
+      value: restoreCodes.existing,
+      testId: 'backup-type-restore-existing',
+    },
+    {
+      text: localization.common.restoreAsNew,
+      value: restoreCodes.asNew,
+      testId: 'backup-type-restore-as-new',
+    },
+    {
+      text: localization.common.restoreDiskOnly,
+      value: restoreCodes.diskOnly,
+      testId: 'backup-type-restore-disk-only',
+    },
+  ]
+}