bfg-common 1.6.47 → 1.6.49

package/store/tasks/mappers/recentTasks.ts

@@ -82,7 +82,6 @@ export const recentTasks = (
             statusIcon = 'error-outline'
             break
           case 5:
-          case 6:
             statusIcon = 'warning-outline'
             break
         }

package/components/common/configure/physicalAdapters/modals/edit/lib/validations/validations.ts

@@ -1,19 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-export const vfNumberValidationFunc = (
-  vfNumber: number,
-  localization: UI_I_Localization,
-  isAlert = false
-): string => {
-  if (vfNumber !== 0 && !vfNumber) {
-    return isAlert
-      ? localization.inventoryConfigure.vfRequiredMessage
-      : localization.common.fieldRequired
-  } else if (vfNumber < 1 || vfNumber > 63) {
-    return isAlert
-      ? localization.inventoryConfigure.vfNotNegativeMessage
-      : localization.inventoryConfigure.vfNotNegativeMessage
-  }
-
-  return ''
-}

package/components/common/diagramMain/header/Header.vue

@@ -1,49 +0,0 @@
-<template>
-  <component
-    :is="currentComponent"
-    :project="props.project"
-    :is-show-diagram="props.isShowDiagram"
-    :diagram-name="props.diagramName"
-    :test-id="props.testId"
-    @toggle-diagram="emits('toggle-diagram')"
-    @show-modal="onShowModal"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ModalsInitialData } from '~/components/common/diagramMain/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-
-const props = withDefaults(
-  defineProps<{
-    isShowDiagram: boolean
-    diagramName: string
-    testId: string
-    project?: UI_T_Project
-  }>(),
-  {
-    project: undefined,
-  }
-)
-
-const emits = defineEmits<{
-  (event: 'toggle-diagram'): void
-  (event: 'show-modal', modalName: string, data?: { switch_name: string }): void
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./HeaderNew.vue'))
-    : defineAsyncComponent(() => import('./HeaderOld.vue'))
-)
-
-const onShowModal = (modalName: string, data?: { switch_name: string }) => {
-  emits('show-modal', modalName, data)
-}
-</script>
-
-<style scoped lang="scss"></style>

package/components/common/diagramMain/header/HeaderNew.vue

@@ -1,155 +0,0 @@
-<template>
-  <div class="diagram-header">
-    <div class="diagram-header-left">
-      <span
-        class="diagram-header-left-icon"
-        :data-id="`${props.testId}-toggle-icon`"
-      >
-        <ui-icon
-          name="arrow"
-          width="20"
-          height="20"
-          :class="[
-            'diagram-header-left-icon-arrow',
-            {
-              open: props.isShowDiagram,
-            },
-          ]"
-          @click="emits('toggle-diagram')"
-        />
-      </span>
-
-      <span class="diagram-header-left-title" @click="emits('toggle-diagram')">
-        {{ localization.common.standardSwitch }}:
-        {{ props.diagramName }}
-      </span>
-    </div>
-    <div v-if="props.isShowDiagram" class="diagram-header-right">
-      <ui-button-group
-        :buttons="buttons"
-        :left-line="true"
-        :group-id="props.diagramName"
-        class="switch-actions"
-        @action="onSelectAction"
-      />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Button } from '~/node_modules/bfg-common/components/common/tools/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ModalsInitialData } from '~/components/common/diagramMain/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-import { switchMainNavigationNewFunc } from '~/components/common/diagramMain/modals/lib/config'
-
-const props = withDefaults(
-  defineProps<{
-    isShowDiagram: boolean
-    diagramName: string
-    testId: string
-    project?: UI_T_Project
-  }>(),
-  {
-    project: undefined,
-  }
-)
-
-const emits = defineEmits<{
-  (event: 'toggle-diagram'): void
-  (
-    event: 'show-modal',
-    modalName: string,
-    properties?: UI_I_ModalsInitialData
-  ): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const buttons = computed<UI_I_Button[]>(() =>
-  switchMainNavigationNewFunc(localization.value, props.testId)
-)
-
-const onShowModal = (modalName: string, diagramName?: string) => {
-  diagramName
-    ? emits(
-        'show-modal',
-        modalName,
-        diagramName && { switch_name: diagramName }
-      )
-    : emits('show-modal', modalName)
-}
-
-const onSelectAction = (event: string): void => {
-  onShowModal(event, event === 'add-networking' && props.diagramName)
-}
-</script>
-
-<style scoped lang="scss">
-.diagram-header {
-  display: flex;
-  height: 20px;
-
-  &-left {
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: center;
-    column-gap: 12px;
-    height: 20px;
-    min-width: max-content;
-
-    &-icon {
-      width: 20px;
-      height: 20px;
-      color: var(--select-arrow);
-
-      &-arrow {
-        transform: rotate(90deg);
-        cursor: pointer;
-
-        &.open {
-          transform: rotate(180deg);
-        }
-      }
-    }
-
-    &-title {
-      font-weight: 500;
-      font-size: 16px;
-      line-height: 19px;
-      letter-spacing: 0;
-      color: var(--title-form-first-color);
-      cursor: pointer;
-
-      &:hover {
-        color: var(--dropdown-item-hover-color);
-      }
-    }
-  }
-
-  &-right {
-    height: 20px;
-    width: 100%;
-
-    :deep(.ui-button-group) {
-      .ui-button-group-line {
-        height: 20px;
-        top: 0;
-      }
-
-      .ui-button-group-items {
-        height: 20px !important;
-
-        .button-from-group {
-          height: 20px !important;
-        }
-      }
-      .ui-button-group-dots {
-        margin-top: 0;
-        padding-top: 0;
-        height: 20px;
-      }
-    }
-  }
-}
-</style>

package/components/common/diagramMain/skeleton/Header.vue

@@ -1,31 +0,0 @@
-<template>
-  <div class="diagram-header-skeleton">
-    <div class="diagram-header-skeleton-title">
-      <ui-skeleton-item width="160" height="22" />
-    </div>
-    <div class="diagram-header-skeleton-buttons">
-      <ui-skeleton-item width="112" height="36" border-radius="8" />
-      <ui-skeleton-item width="160" height="36" border-radius="8" />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts"></script>
-
-<style scoped lang="scss">
-.diagram-header-skeleton {
-  padding: 16px;
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  row-gap: 24px;
-  column-gap: 24px;
-
-  &-buttons {
-    display: flex;
-    column-gap: 16px;
-    margin-left: auto;
-  }
-}
-</style>

package/components/common/diagramMain/skeleton/Switch.vue

@@ -1,75 +0,0 @@
-<template>
-  <div class="diagram-skeleton">
-    <div class="diagram-skeleton-item-header">
-      <div class="diagram-skeleton-item-header-icon">
-        <ui-icon
-          class="diagram-skeleton-item-header-icon-arrow"
-          name="arrow"
-          width="20"
-          height="20"
-        />
-      </div>
-      <ui-skeleton-item width="160" height="20" />
-      <div class="diagram-skeleton-item-header-line"></div>
-      <ui-skeleton-item width="400" height="20" />
-    </div>
-    <div class="diagram-skeleton-container">
-      <ui-skeleton-switch width="712" />
-    </div>
-    <div class="diagram-skeleton-footer">
-      <ui-skeleton-item width="80" height="20" />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts"></script>
-
-<style scoped lang="scss">
-.diagram-skeleton {
-  margin: 0 16px 16px;
-  border-radius: 8px;
-  background: var(--diagram-container-bg);
-  box-shadow: 0 1px 4px 0 #00000014;
-  padding: 16px;
-  overflow-clip-margin: content-box;
-  overflow: clip;
-
-  &-item-header {
-    display: flex;
-    column-gap: 16px;
-
-    &-icon {
-      width: 20px;
-      height: 20px;
-      color: var(--select-arrow);
-
-      &-arrow {
-        transform: rotate(180deg);
-        margin-right: -4px;
-      }
-    }
-
-    &-line {
-      height: 20px;
-      border-left: 1px solid var(--horizontal-line);
-    }
-  }
-
-  &-container {
-    display: flex;
-    justify-content: center;
-    min-width: 759px;
-    padding: 48px 23.5px 24px 23.5px;
-
-    //:deep(svg) {
-    //  padding: 22px 14.5px;
-    //}
-  }
-
-  &-footer {
-    padding-top: 16px;
-    display: flex;
-    justify-content: flex-end;
-  }
-}
-</style>

package/components/common/wizards/vm/migrate/steps/computeResource/tableView/new/lib/config/clusterTable.ts

@@ -1,340 +0,0 @@
-import type {
-  UI_I_DataTableBody,
-  UI_I_DataTableOptions,
-  UI_I_DataTableHeader,
-} from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ClusterTableItem } from '~/components/common/wizards/vm/migrate/steps/computeResource/tableView/lib/models/interfaces'
-// import {
-//   UI_E_DeviceStatus,
-//   UI_E_DeviceStatusChipColor,
-//   UI_E_DeviceStatusIcon,
-// } from '~/components/common/wizards/vm/migrate/steps/computeResource/tableView/new/lib/models/enums'
-
-// // Маппинг для статусов
-// const STATUS_MAPPING = {
-//   [UI_E_DeviceStatus.Unknown]: {
-//     icon: UI_E_DeviceStatusIcon.HelpIcon,
-//     chipColor: UI_E_DeviceStatusChipColor.Primary,
-//   },
-//   [UI_E_DeviceStatus.Supported]: {
-//     icon: UI_E_DeviceStatusIcon.StatusCheck,
-//     chipColor: UI_E_DeviceStatusChipColor.Green,
-//   },
-//   [UI_E_DeviceStatus.NotSupported]: {
-//     icon: UI_E_DeviceStatusIcon.Close,
-//     chipColor: UI_E_DeviceStatusChipColor.Red,
-//   },
-// }
-
-export const getHeaderDataFunc = (
-  localization: UI_I_Localization
-): UI_I_DataTableHeader[] => [
-  {
-    col: 'col0',
-    colName: 'name',
-    text: localization.common.name,
-    isSortable: true,
-    sort: 'asc',
-    width: '180px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col1',
-    colName: 'available_cpu',
-    text: localization.common.availableCpu,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col2',
-    colName: 'available_memory',
-    text: localization.common.availableMemory,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col3',
-    colName: 'available_storage',
-    text: localization.common.availableStorage,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col4',
-    colName: 'drs',
-    text: localization.common.vSphere_DRS,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col5',
-    colName: 'ha',
-    text: localization.common.vSphere_HA,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col6',
-    colName: 'total_cpu',
-    text: localization.common.totalCpu,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col7',
-    colName: 'total_memory',
-    text: localization.common.totalMemory,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col8',
-    colName: 'total_storage',
-    text: localization.common.totalStorage,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col9',
-    colName: 'vms',
-    text: localization.common.vms,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col10',
-    colName: 'hosts',
-    text: localization.common.hosts,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col11',
-    colName: 'cpus',
-    text: localization.common.cpus,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col12',
-    colName: 'datastores',
-    text: localization.common.datastores,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col13',
-    colName: 'vsan',
-    text: localization.common.vSAN,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col14',
-    colName: 'vc',
-    text: localization.common.vc,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col15',
-    colName: 'evc_cpu_mode',
-    text: localization.common.evcCpuMode,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col16',
-    colName: 'evc_graphics_mode',
-    text: localization.common.evcGraphicsMode,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-]
-export const options: UI_I_DataTableOptions = {
-  perPageOptions: [{ text: '10', value: 100, default: true }],
-  isSelectable: true,
-  selectType: 'radio',
-  showPagination: false,
-  showPageInfo: false,
-  isSortable: true,
-  server: true,
-  isResizable: true,
-  showSelectedRows: false,
-  showColumnManager: true,
-  inModal: true,
-  inBlock: false,
-  // isFocusable: false,
-  // showPaginationOnTop: false,
-  // showSearch: false,
-  // withActions: false,
-  // showExport: false,
-  // withCollapse: false,
-}
-
-export const getBodyDataFunc = (
-  bodyData: UI_I_ClusterTableItem[],
-  _localization: UI_I_Localization
-): UI_I_DataTableBody[] => {
-  const { $binary }: any = useNuxtApp()
-
-  return bodyData.map((cluster, index: number) => {
-    //   const statusKey = host.state
-    //   ? UI_E_DeviceStatus.Unknown
-    //   : UI_E_DeviceStatus.Supported
-    // const statusData = {
-    //   ...STATUS_MAPPING[statusKey],
-    //   testId: `${host.name}-${index}-status`,
-    // }
-
-    return {
-      row: index,
-      collapse: false,
-      isHiddenCollapse: false,
-      collapseToggle: false,
-
-      data: [
-        {
-          key: 'icon',
-          col: 'col0',
-          text: cluster.name,
-          data: {
-            iconClassName: 'vsphere-icon-cluster',
-          },
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-
-        {
-          col: 'col1',
-          text: $binary.roundHz(cluster.available_cpu),
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col2',
-          text: $binary.round(cluster.available_memory),
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col3',
-          text: $binary.round(cluster.available_storage),
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col4',
-          text: cluster.drs,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col5',
-          text: cluster.ha,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col6',
-          text: $binary.roundHz(cluster.total_cpu),
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col7',
-          text: $binary.round(cluster.total_memory),
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col8',
-          text: $binary.round(cluster.total_storage),
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col9',
-          text: cluster.vms,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col10',
-          text: cluster.hosts,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col11',
-          text: cluster.cpus,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col12',
-          text: cluster.datastores,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col13',
-          text: cluster.vsan,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col14',
-          text: cluster.vc,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col15',
-          text: cluster.evc_cpu_mode,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col16',
-          text: cluster.evc_graphics_mode,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-      ],
-    }
-  })
-}