bfg-common 1.5.674 → 1.5.676

package/components/common/layout/bottomPanel/alarms/old/Old.vue

@@ -1,191 +0,0 @@
-<template>
-  <div class="data-table-view">
-    <atoms-table-data-grid
-      v-model:selected-row="selectedRow"
-      v-model:column-keys="columnKeys"
-      v-model:page-size="pagination.pageSize"
-      v-model:page="pagination.page"
-      :head-items="headItems"
-      :body-items="bodyItems"
-      :total-items="props.totalItems"
-      :total-pages="props.totalPages"
-      :items-per-page="itemsPerPage"
-      :loading="props.loading"
-      test-id="bottom-panel-table"
-      class="data-table"
-      row-attribute-id-name="data-recent-tasks-id"
-      hide-pagination
-      server-off
-      @sorting="onSorting"
-    >
-      <template #icon="{ item }">
-        <div v-if="item.data.isIconSvg" class="data-table-view__col-icon">
-          <atoms-the-icon :name="item.data.iconClassName" />
-        </div>
-        <span v-else :class="['datagrid-cell-icon', item.data.iconClassName]" />
-        <a
-          v-if="item.data.isLink"
-          :id="item.data.id"
-          :data-id="`rtask-${item.data.testId}`"
-          :title="item.text"
-          href="javascript:void(0)"
-          class="text-ellipsis"
-          @click="onSelectNodeOfTree(item.data)"
-          >{{ item.text }}</a
-        >
-        <span v-else :title="item.text" class="text-ellipsis">
-          {{ item.text }}
-        </span>
-      </template>
-
-      <template #action>
-        <div class="flex-space-between flex-align-center">
-          <div class="flex-align-center"></div>
-        </div>
-      </template>
-    </atoms-table-data-grid>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
-import type {
-  UI_I_ColumnKey,
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
-import type { UI_I_DataTargetForTable } from '~/components/common/layout/bottomPanel/recentTasks/lib/models/interfaces'
-import type { UI_T_SelectedRow } from '~/components/atoms/table/dataGrid/lib/models/types'
-import type { UI_I_RecentTaskItem } from '~/lib/models/store/tasks/interfaces'
-import type { UI_T_LangValue } from '~/lib/models/types'
-import type { UI_T_NodeType } from '~/components/common/pages/home/lib/models/types'
-import { UI_E_TaskTypeToCorrectType } from '~/components/common/layout/bottomPanel/alarms/new/lib/models/enums'
-import { itemsPerPage } from '~/components/atoms/table/dataGrid/lib/config/itemsPerPage'
-import * as alarmTables from '~/components/common/layout/bottomPanel/alarms/old/lib/config/alarmTables'
-
-const props = defineProps<{
-  dataTable: UI_I_RecentTaskItem<UI_T_NodeType>[]
-  totalItems: number
-  totalPages: number
-  pagination: UI_I_Pagination
-  loading: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'pagination', value: UI_I_Pagination | null): void
-  (event: 'sort', value: string): void
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedRow = ref<UI_T_SelectedRow>([])
-
-const onSorting = (event: [number, boolean]): void => {
-  const [column, status] = event
-  const direction = status ? 'desc' : 'asc'
-
-  const sort = `${column}.${direction}`
-
-  emits('sort', sort)
-}
-
-const pagination = ref<UI_I_Pagination | null>(null)
-watch(
-  () => props.pagination,
-  (newValue) => {
-    pagination.value = newValue
-  },
-  { immediate: true }
-)
-watch(
-  pagination,
-  (newValue) => {
-    emits('pagination', newValue)
-  },
-  { deep: true, immediate: true }
-)
-
-const columnKeys = ref<UI_I_ColumnKey[]>(
-  alarmTables.columnKeys(localization.value)
-)
-const headItems = computed<UI_I_HeadItem[]>(() =>
-  alarmTables.headItems(localization.value)
-)
-const timeFormat = computed<UI_T_TimeValue>(
-  () => $store.getters['main/getTimeFormat']
-)
-
-const interfaceLang = computed<UI_T_LangValue>(
-  () => $store.getters['main/getInterfaceLang']
-)
-
-const bodyItems = ref<UI_I_BodyItem[][]>([])
-watch(
-  [
-    (): UI_I_RecentTaskItem<UI_T_NodeType>[] => props.dataTable,
-    timeFormat,
-    interfaceLang,
-  ],
-  ([newValue1]) => {
-    if (!newValue1?.length) {
-      bodyItems.value = []
-      return
-    }
-
-    bodyItems.value = alarmTables.bodyItems(newValue1)
-  },
-  { deep: true, immediate: true }
-)
-
-const onSelectNodeOfTree = (item: UI_I_DataTargetForTable): void => {
-  const id = item.id
-  const type = UI_E_TaskTypeToCorrectType[item.type]
-  let nav = item.nav
-  switch (type) {
-    case 'zone':
-    case 'datacenter':
-    case 'folder':
-      nav = useRoute().params.nav || nav
-      break
-  }
-
-  const params = `type=${type};nav=${nav};id=${id}`
-  const path = `/inventory/${params}`
-
-  // Переход в inventory
-  navigateTo({
-    path,
-  })
-}
-</script>
-
-<style lang="scss" scoped>
-.data-table-view {
-  height: inherit;
-  .data-table {
-    height: inherit;
-    :deep(.datagrid-outer-wrapper) {
-      height: inherit;
-
-      .datagrid-footer__action {
-        width: 100%;
-
-        .select {
-          margin-left: 10px;
-        }
-      }
-    }
-  }
-  &__col-icon {
-    min-width: 16px;
-    height: 16px;
-    margin-right: 2px;
-  }
-  &__action {
-    padding-left: 0.3rem;
-  }
-}
-</style>

package/components/common/layout/bottomPanel/alarms/old/lib/config/alarmTables.ts

@@ -1,89 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {
-  UI_I_ColumnKey,
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_AlarmItem } from '~/components/common/layout/bottomPanel/alarms/new/lib/models/interfaces'
-import {
-  constructColumnKey,
-  constructHeadItem,
-} from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import { alarmsTableKeys } from '~/components/common/layout/bottomPanel/alarms/old/lib/config/tableKeys'
-
-const getItems = (
-  localization: UI_I_Localization
-): [string, boolean, string, string][] => {
-  return [
-    [localization.common.object, true, '96px', alarmsTableKeys[0]],
-    [localization.common.status, true, '180px', alarmsTableKeys[1]],
-    [localization.common.name, true, '250px', alarmsTableKeys[2]],
-    [localization.layout.triggered, true, '180px', alarmsTableKeys[3]],
-    [localization.layout.acknowledged, true, '180px', alarmsTableKeys[4]],
-    [localization.layout.acknowledgedBy, true, '180px', alarmsTableKeys[5]],
-    [localization.layout.triggeringEvent, true, '180px', alarmsTableKeys[6]],
-  ]
-}
-
-export const columnKeys = (
-  localization: UI_I_Localization
-): UI_I_ColumnKey[] => {
-  const result: UI_I_ColumnKey[] = []
-  getItems(localization).forEach((item, i) => {
-    const col = i === 0 ? 'icon' : `col${i}`
-    result.push(constructColumnKey(col, item[0], item[1]))
-  })
-  return result
-}
-
-export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
-  const result: UI_I_HeadItem[] = []
-  getItems(localization).forEach((item, i) => {
-    const col = i === 0 ? 'icon' : `col${i}`
-    result.push(constructHeadItem(col, item[0], item[3], true, item[2]))
-  })
-  return result
-}
-
-export const bodyItems = (data: UI_I_AlarmItem[]): UI_I_BodyItem[][] => {
-  const bodyItems: UI_I_BodyItem[][] = []
-  data.forEach((alarm: UI_I_AlarmItem, key) => {
-    const objectData = {
-      isLink: true,
-    }
-    const data = {
-      iconClassName: 'vsphere-icon-status-warning',
-    }
-    const nameData = {
-      isLink: true,
-    }
-    const triggeringData = {
-      isLink: true,
-    }
-    bodyItems.push([
-      {
-        key: 'icon',
-        text: alarm[alarmsTableKeys[0]],
-        data: objectData,
-        id: key,
-      },
-      { key: 'col1', text: alarm[alarmsTableKeys[1]], data, id: key },
-      {
-        key: 'col2',
-        text: alarm[alarmsTableKeys[2]],
-        data: nameData,
-        id: key,
-      },
-      { key: 'col3', text: alarm[alarmsTableKeys[3]], id: key },
-      { key: 'col4', text: alarm[alarmsTableKeys[4]], id: key },
-      { key: 'col5', text: alarm[alarmsTableKeys[5]], id: key },
-      {
-        key: 'col6',
-        text: alarm[alarmsTableKeys[6]],
-        data: triggeringData,
-        id: key,
-      },
-    ])
-  })
-  return bodyItems
-}

package/components/common/layout/bottomPanel/alarms/old/lib/config/tableKeys.ts

@@ -1,11 +0,0 @@
-import type { UI_T_AlarmsTableKeys } from '~/components/common/layout/bottomPanel/alarms/old/lib/models/types'
-
-export const alarmsTableKeys: UI_T_AlarmsTableKeys[] = [
-  'object',
-  'status',
-  'name',
-  'triggered',
-  'acknowledged',
-  'acknowledged_by',
-  'triggering_event',
-]

package/components/common/layout/bottomPanel/alarms/old/lib/models/types.ts

@@ -1,8 +0,0 @@
-export type UI_T_AlarmsTableKeys =
-  | 'object'
-  | 'status'
-  | 'name'
-  | 'triggered'
-  | 'acknowledged'
-  | 'acknowledged_by'
-  | 'triggering_event'

package/components/common/layout/bottomPanel/lib/config/statusFilter.ts

@@ -1,19 +0,0 @@
-import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-export const statusFilterItemsFunc = (
-  localization: UI_I_Localization
-): UI_I_Dropdown[] => [
-  {
-    text: localization.common.all,
-    value: -1,
-  },
-  {
-    text: localization.common.running,
-    value: 1,
-  },
-  {
-    text: localization.common.failed,
-    value: 3,
-  },
-]

package/components/common/layout/bottomPanel/lib/models/types.ts

@@ -1 +0,0 @@
-export type UI_T_BottomPanelTabType = 'recentTask' | 'alarms'

package/components/common/layout/bottomPanel/recentTasks/RecentTasks.vue

@@ -1,43 +0,0 @@
-<template>
-  <component
-    :is="currentComponent"
-    :data-table="props.dataTable"
-    :total-items="props.totalItems"
-    :total-pages="props.totalPages"
-    :pagination="props.pagination"
-    :loading="props.loading"
-    @pagination="emits('pagination', $event)"
-    @sort="emits('sort', $event)"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_RecentTaskItem } from '~/lib/models/store/tasks/interfaces'
-import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
-import type { UI_T_NodeType } from '~/components/common/pages/home/lib/models/types'
-
-const props = defineProps<{
-  dataTable: UI_I_RecentTaskItem<UI_T_NodeType>[]
-  totalItems: number
-  totalPages: number
-  pagination: UI_I_Pagination
-  loading: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'pagination', value: UI_I_Pagination | null): void
-  (event: 'sort', value: string): void
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./new/New.vue'))
-    : defineAsyncComponent(() => import('./old/Old.vue'))
-)
-</script>
-
-<style scoped lang="scss"></style>

package/components/common/layout/bottomPanel/recentTasks/lib/models/interfaces.ts

@@ -1,14 +0,0 @@
-import type { UI_T_NodeType } from '~/components/common/pages/home/lib/models/types'
-import type { UI_T_NavNodes } from '~/lib/models/types'
-
-interface UI_I_TargetData {
-  id: string
-  type: UI_T_NodeType
-}
-
-export interface UI_I_DataTargetForTable extends UI_I_TargetData {
-  nav: UI_T_NavNodes
-  isLink: boolean
-  iconClassName: string
-  testId?: string
-}