bfg-common 1.5.417 → 1.5.419

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

@@ -0,0 +1,216 @@
+<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_Pvm } from '~/lib/models/store/vm/interfaces'
+// import type { I_RestoreForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+// import type { I_Pvm } from '~/store/modules/inventory/modules/backup/lib/models/interfaces'
+import * as table from '~/components/common/pages/backups/modals/restore/networks/table/lib/config/networkTable'
+
+const model = defineModel<I_RestoreForm>({ required: true })
+const props = defineProps<{
+  networksTable: UI_I_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/networks/table/adapterType/AdapterType.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="select">
+    <select
+      id="import-vms-network-model-field"
+      v-model="adapterTypeLocal"
+      data-id="import-vms-network-model-field"
+      class="import-vms-network-model-field"
+    >
+      <option
+        v-for="(item, key) in adapterTypeOptions"
+        :key="key"
+        :value="item.value"
+        :disabled="item.disabled"
+      >
+        {{ item.text }}
+      </option>
+    </select>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import {
+  adapterTypeOptionsConfig
+} from '~/components/common/pages/backups/modals/restore/networks/table/adapterType/lib/config/options'
+
+const adapterTypeLocal = defineModel<string>()
+
+const adapterTypeOptions = ref<UI_I_OptionItem[]>(adapterTypeOptionsConfig)
+</script>
+
+<style scoped></style>

package/components/common/pages/backups/modals/restore/networks/table/adapterType/lib/config/options.ts

@@ -0,0 +1,8 @@
+import type { UI_I_OptionItem } from '~/components/atoms/lib/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' },
+]

package/components/common/pages/backups/modals/restore/networks/table/lib/config/networkTable.ts

@@ -0,0 +1,82 @@
+import type {
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import { constructHeadItem } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
+// import { networkTableItemKeys } from '~/components/common/importVms/select/networks/table/lib/config/tableKeys'
+// TODO fix
+export const networkTableItemKeys = [
+  'import_source_id',
+  'mac',
+  'target',
+  'network',
+]
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  /*  vm, networkAdapter, sourceNetwork, destinationNetwork  */
+  return [
+    [localization.common.networkName, true, '25%', networkTableItemKeys[0]],
+    [localization.common.macAddress, true, '25%', networkTableItemKeys[1]],
+    [localization.common.adapterType, true, '25%', networkTableItemKeys[2]],
+    [localization.common.networkInProcurator, true, '25%', networkTableItemKeys[3]],
+  ]
+}
+
+export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
+  const result: UI_I_HeadItem[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = i === 3 || i === 2 ? 'select' : `col${i}`
+    result.push(constructHeadItem(col, item[0], item[3], false, item[2]))
+  })
+  return result
+}
+
+export const bodyItems = (data: any[]): UI_I_BodyItem[][] => {
+  const bodyItems: UI_I_BodyItem[][] = []
+
+  data.forEach((network: any, key: number) => {
+    const dataAdapterType = {
+      key,
+      id: `${network.vm_name}-select`,
+      sourceNetwork: network.source_network,
+      disabled: false,
+      type: 'select-adapter',
+      network: network.network,
+    }
+    const dataSelectNetwork = {
+      key,
+      id: `${network.vm_name}-select`,
+      type: 'select-network',
+      network: network.network,
+    }
+
+    bodyItems.push([
+      {
+        key: 'col0',
+        text: network[networkTableItemKeys[0]],
+        id: key,
+      },
+      {
+        key: 'col1',
+        text: network[networkTableItemKeys[1]],
+        id: key,
+      },
+      {
+        key: 'select',
+        text: network[networkTableItemKeys[2]],
+        data: dataAdapterType,
+        id: key,
+      },
+      {
+        key: 'select',
+        text: network[networkTableItemKeys[3]],
+        data: dataSelectNetwork,
+        id: key,
+      },
+    ])
+  })
+  return bodyItems
+}

package/components/common/pages/backups/modals/restore/networks/table/lib/config/tableKeys.ts

@@ -0,0 +1,10 @@
+import type {
+  UI_T_NetworkTableKeysTuple
+} from "~/components/common/pages/backups/modals/restore/networks/table/lib/models/types";
+
+export const networkTableItemKeys: UI_T_NetworkTableKeysTuple = [
+  'import_source_id',
+  'mac',
+  'target',
+  'network',
+]

package/components/common/pages/backups/modals/restore/networks/table/lib/models/types.ts

@@ -0,0 +1,6 @@
+export type UI_T_NetworkTableKeysTuple = [
+  'import_source_id',
+  'mac',
+  'target',
+  'network'
+]

package/components/common/pages/backups/modals/restore/types/Types.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="select-restore-type flex">
+    <atoms-list-select-list
+      v-model="model.restore_code"
+      :items="backupTypes"
+      class="select"
+    />
+    <p class="description">
+      {{ description }}
+    </p>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+// import type { UI_I_RestoreForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+import { backupsTypesFunc } from '~/components/common/pages/backups/modals/restore/types/lib/config/typeOptions'
+import { descriptionsFunc } from '~/components/common/pages/backups/modals/restore/types/lib/config/descriptions'
+
+const model = defineModel<I_RestoreForm>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const backupTypes = ref<UI_I_OptionItem[]>(backupsTypesFunc(localization.value))
+
+const description = computed<string[]>(
+  () => descriptionsFunc(localization.value)[model.value.restore_code - 1]
+)
+</script>
+
+<style scoped lang="scss">
+.select-restore-type {
+  padding-top: 12px;
+
+  .description {
+    color: #333333;
+    font-size: 13px;
+  }
+
+  .description,
+  .select {
+    flex: 1 1 100%;
+    margin-right: 5px;
+  }
+
+  :deep(select) {
+    background-color: transparent;
+    border-color: var(--type-list-border-color);
+  }
+}
+</style>
+
+<style>
+:root {
+  --type-list-border-color: #ccc;
+}
+:root.dark-theme {
+  --type-list-border-color: #000;
+}
+</style>

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

@@ -0,0 +1,7 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+export const descriptionsFunc = (localization: UI_I_Localization): string[] => [
+  localization.common.restoreDiskOnlyDescription,
+  localization.common.restoreExistingDescription,
+  localization.common.restoreAsNewDescription,
+]

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

@@ -0,0 +1,24 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+export const backupsTypesFunc = (
+  localization: UI_I_Localization,
+): UI_I_OptionItem[] => {
+  return [
+    {
+      text: localization.common.restoreExisting,
+      value: 2,
+      testId: 'backup-type-restore-existing',
+    },
+    {
+      text: localization.common.restoreAsNew,
+      value: 3,
+      testId: 'backup-type-restore-as-new',
+    },
+    {
+      text: localization.common.restoreDiskOnly,
+      value: 1,
+      testId: 'backup-type-restore-disk-only',
+    }
+  ]
+}

package/components/common/pages/backups/tools/Tools.vue

@@ -0,0 +1,75 @@
+<template>
+  <div class="backup-actions grid py-0 px-6">
+    <button
+      v-if="targetType === 'vm'"
+      id="create-backup-button"
+      v-permission="permission"
+      :disabled="isDisabled"
+      data-id="create-backup-button"
+      class="btn btn-primary btn-sm"
+      @click="onSelect('createBackup')"
+    >
+      {{ localization.common.createBackup }}...
+    </button>
+    <atoms-tabs
+      :items="tabs"
+      test-id="vm-backup-tabs"
+      size="small"
+      class="tabs w-100"
+      @change="onSelect"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+import type {
+  UI_T_BackupActionType,
+  UI_T_TargetType,
+} from '~/components/common/pages/backups/lib/models/types'
+import type { UI_I_BackupsTreeNode } from '~/components/common/pages/backups/lib/models/interfaces'
+import { backupsTabsFunc } from '~/components/common/pages/backups/tools/lib/config/tabs'
+
+const props = defineProps<{
+  project: UI_T_Project
+  backupsCount: number
+  backupsLoading: boolean
+  targetType: UI_T_TargetType
+  selectedNode: UI_I_BackupsTreeNode | null
+}>()
+
+const emits = defineEmits<{
+  (event: 'select', value: UI_T_BackupActionType): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const permission = computed<string>(() => {
+  return props.project === 'sphere' ? 'VirtualMachines.CreateBackup' : ''
+})
+
+const tabs = computed<UI_I_CollapseNavItem[]>(() =>
+  backupsTabsFunc(
+    localization.value,
+    isDisabled.value,
+    props.backupsCount,
+    props.selectedNode,
+    props.project
+  )
+)
+
+const onSelect = (action: UI_T_BackupActionType): void => {
+  emits('select', action)
+}
+
+const isDisabled = computed<boolean>(() => props.backupsLoading)
+</script>
+
+<style scoped lang="scss">
+.backup-actions {
+  grid-template-columns: auto 1fr;
+  align-items: baseline;
+}
+</style>

package/components/common/pages/backups/tools/lib/config/tabs.ts

@@ -0,0 +1,36 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+import type { UI_I_BackupsTreeNode } from '~/components/common/pages/backups/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+
+export const backupsTabsFunc = (
+  localization: UI_I_Localization,
+  isDisabled: boolean,
+  snapshotsCount: number,
+  selectedNode: UI_I_BackupsTreeNode | null,
+  project: UI_T_Project
+): UI_I_CollapseNavItem[] => {
+  return [
+    {
+      text: localization.common.restore.toUpperCase(),
+      value: 'restore',
+      disabled: isDisabled || selectedNode?.type !== 'backup',
+      testId: 'restore-backup',
+      permission: project ? 'VirtualMachines.RestoreBackup' : '',
+    },
+    {
+      text: localization.common.delete.toUpperCase(),
+      value: 'deleteBackup',
+      disabled: isDisabled || selectedNode?.type !== 'backup',
+      testId: 'delete-backup',
+      permission: project ? 'VirtualMachines.DeleteBackup' : '',
+    },
+    {
+      text: localization.common.deleteAll.toUpperCase(),
+      value: 'deleteAll',
+      disabled: isDisabled || !snapshotsCount,
+      testId: 'delete-all-backups',
+      permission: project ? 'VirtualMachines.DeleteBackups' : '',
+    },
+  ]
+}

package/components/common/pages/scheduledTasks/lib/models/interfaces.ts

@@ -3,3 +3,38 @@ export interface UI_I_ModalPayloadSchedulerData<T = any> {
   editTask: false
   data: T
 }
+
+export interface API_UI_I_ScheduledTasksTableItem {
+  rid: string
+  name: string
+  description: string
+  sheduler: string
+  target: string
+  cron: string
+  args: string
+  notify_emails: string
+  toggle: boolean
+  initiator: string
+  last_modified: number
+  next_run: number
+  last_5_run: {
+    tid: string
+    start: number
+    end: number
+    duration: number
+    result: string
+    task_id: string
+  }[]
+}
+export interface UI_I_ScheduledTasksTableItem
+    extends API_UI_I_ScheduledTasksTableItem {}
+
+export interface UI_I_CreateScheduledTaskArgs {
+  name: string
+  description: string
+  toggle: boolean
+  target: string
+  cron_2: string
+  notify_emails: string
+  args: string
+}

package/components/common/pages/scheduledTasks/lib/models/types.ts

@@ -0,0 +1,16 @@
+export type UI_T_ScheduledTasksActionsType =
+    | 'power-on'
+    | 'shut-down-guest-os'
+    | 'restart-guest-os'
+    | 'power-off'
+    | 'suspend'
+    | 'reset'
+    | 'take-snapshot'
+    | 'migrate'
+    | 'edit'
+    | 'run'
+    | 'remove'
+    | 'clone-vm'
+    | 'create-backup'
+// | 'new-backup-rule'
+// | 'apply-the-rule'