bfg-common 1.6.95 → 1.6.97

package/components/common/pages/scheduledTasks/table/expandDetails/historyRun/new/New.vue

@@ -0,0 +1,146 @@
+<template>
+  <ui-data-table
+    :data="data"
+    :options="options"
+    :loading="props.isLoading"
+    :total-pages="props.totalPages"
+    :total-items="props.totalItems"
+    :texts="texts"
+    :skeleton="skeletonData"
+    test-id="task-table"
+    @sort="onSorting"
+    @pagination="onPagination"
+    @column-filter="onColumnFilter"
+  >
+    <template #status="{ item }">
+      <ui-chip :test-id="item.data.testId" :color="item.data.chipColor" rounded>
+        <ui-icon
+          :name="item.data.icon"
+          width="14px"
+          height="14px"
+          class="chip-icon"
+        ></ui-icon>
+        {{ item.text }}
+      </ui-chip>
+
+      <common-tooltip-help
+        v-if="item.data.chipColor === 'red'"
+        :title="localization.common.failureReason"
+        :help-text="item.data.runResult"
+        :test-id="`${item.data.testId}`"
+        :help-id="`${item.data.testId}-tooltip`"
+        status="error"
+        dropdown-width="320px"
+        dropdown-left
+        dropdown-top
+        class="ml-2"
+      />
+    </template>
+  </ui-data-table>
+</template>
+
+<script setup lang="ts">
+import { useDebounceFn } from '@vueuse/core'
+import type {
+  UI_I_DataTable,
+  UI_I_DataTableHeader,
+  UI_I_DataTableBody,
+  UI_I_DataTableSkeleton,
+  UI_I_Pagination,
+  UI_I_TableTexts,
+} from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
+import type { UI_T_ArbitraryObject } from '~/node_modules/bfg-uikit/models/types'
+import type { UI_I_TableTarget } from '~/lib/models/table/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ScheduledTasks } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
+import {
+  options,
+  getHeaderDataFunc,
+  getBodyDataFunc,
+} from '~/components/common/pages/scheduledTasks/table/expandDetails/historyRun/new/lib/config/historyRunsTable'
+
+const props = defineProps<{
+  tableItems: UI_I_ScheduledTasks['items']
+  totalItems: number
+  totalPages: number
+  isLoading: boolean
+}>()
+const emits = defineEmits<{
+  (event: 'sort', value: string): void
+  (event: 'pagination', value: UI_I_Pagination): void
+  (event: 'col-search', value: string): void
+  (event: 'select-node', value: UI_I_TableTarget<'sphere'>): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const texts = computed<UI_I_TableTexts>(() => ({
+  searchHere: localization.value.common.searchHere,
+  rowsPerPage: localization.value.common.rowsPerPage,
+  of: localization.value.common.of,
+  selected: localization.value.common.selected,
+  columns: localization.value.common.columns,
+  previous: localization.value.common.previous,
+  next: localization.value.common.next,
+  noItemsFound: localization.value.common.noItemsFound,
+  exportAll: localization.value.common.exportAll,
+  exportSelected: localization.value.common.exportSelected,
+  all: localization.value.common.all,
+  filter: localization.value.common.filter,
+}))
+const skeletonData = ref<UI_I_DataTableSkeleton>({
+  columnsCount: 6,
+  headColumns: [],
+  bodyColumns: [],
+})
+
+const data = computed<UI_I_DataTable>(() => ({
+  id: 'scheduled-tasks-history-table',
+  header: taskHeadItems.value,
+  body: taskBodyItems.value,
+}))
+
+const taskHeadItems = computed<UI_I_DataTableHeader[]>(() =>
+  getHeaderDataFunc(localization.value)
+)
+const taskBodyItems = computed<UI_I_DataTableBody[]>(() => {
+  return getBodyDataFunc(props.tableItems || [], localization.value)
+})
+
+const onSorting = (value: string): void => {
+  emits('sort', value)
+}
+const onPagination = (value: UI_I_Pagination): void => {
+  emits('pagination', value)
+}
+const sendFilter = useDebounceFn((searchText: string) => {
+  emits('col-search', searchText)
+}, 1000)
+const onColumnFilter = (obj: UI_T_ArbitraryObject<string>): void => {
+  let searchText = ''
+
+  for (const [key, value] of Object.entries(obj)) {
+    const currentFilter = searchText
+      ? ',' + key + '.' + value
+      : key + '.' + value
+
+    searchText = searchText + (value ? currentFilter : '')
+  }
+  sendFilter(searchText)
+}
+</script>
+
+<style scoped lang="scss">
+.task-table {
+  height: inherit;
+  .chip-icon {
+    min-width: 14px;
+  }
+  .icon {
+    margin-right: 4px;
+  }
+  &__tooltip {
+    margin-left: 8px;
+  }
+}
+</style>

package/components/common/pages/scheduledTasks/table/expandDetails/historyRun/new/lib/config/historyRunsTable.ts

@@ -0,0 +1,161 @@
+import type {
+  UI_I_DataTableBody,
+  UI_I_DataTableHeader,
+  UI_I_DataTableOptions,
+} from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ScheduledTasks } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
+import { UI_E_SchedulerRunStatus } from '~/components/common/pages/scheduledTasks/table/lib/models/enums'
+import {
+  UI_E_SchedulerStatus,
+  UI_E_SchedulerChipColor,
+  UI_E_SchedulerChipIcon,
+} from '~/components/common/pages/scheduledTasks/table/new/lib/models/enums'
+
+// Маппинг для статусов
+const STATUS_MAPPING = {
+  [UI_E_SchedulerStatus.Completed]: {
+    textKey: 'completed',
+    icon: UI_E_SchedulerChipIcon.StatusCheck,
+    chipColor: UI_E_SchedulerChipColor.Green,
+  },
+  [UI_E_SchedulerStatus.Running]: {
+    textKey: 'running',
+    icon: UI_E_SchedulerChipIcon.StatusCheck,
+    chipColor: UI_E_SchedulerChipColor.Green,
+  },
+  [UI_E_SchedulerStatus.Failed]: {
+    textKey: 'failed',
+    icon: UI_E_SchedulerChipIcon.Information,
+    chipColor: UI_E_SchedulerChipColor.Red,
+  },
+}
+
+export const getHeaderDataFunc = (
+  localization: UI_I_Localization
+): UI_I_DataTableHeader[] => [
+  {
+    col: 'col0',
+    colName: 'start',
+    text: localization.common.startTime,
+    isSortable: true,
+    sort: 'asc',
+    width: '240px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col1',
+    colName: 'duration',
+    text: localization.scheduledTasks.duration,
+    isSortable: true,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col2',
+    colName: 'end',
+    text: localization.scheduledTasks.endTime,
+    isSortable: true,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col3',
+    colName: 'result',
+    text: localization.scheduledTasks.result,
+    isSortable: true,
+    sort: 'asc',
+    width: '110px',
+    show: true,
+    filter: true,
+  },
+]
+
+export const options: UI_I_DataTableOptions = {
+  perPageOptions: [
+    { text: '10', value: 10 },
+    { text: '25', value: 25 },
+    { text: '50', value: 50 },
+    { text: '100', value: 100, default: true },
+  ],
+  isSelectable: false,
+  isFocusable: false,
+  showPagination: false,
+  showPaginationOnTop: false,
+  showPageInfo: false,
+  isSortable: true,
+  server: false,
+  isResizable: true,
+  showSearch: false,
+  showSelectedRows: false,
+  showColumnManager: false,
+  withActions: false,
+  inBlock: true,
+  showExport: false,
+  withCollapse: false,
+}
+
+export const getBodyDataFunc = (
+  bodyData: UI_I_ScheduledTasks['items'][number]['last_5_run'],
+  localization: UI_I_Localization
+): UI_I_DataTableBody[] => {
+  const { $formattedDatetime, $time }: any = useNuxtApp()
+  return bodyData.map((schedulerHistory, index: number) => {
+    const startTime = schedulerHistory.start
+    const formattedStartTime = $formattedDatetime(+startTime * 1000, {
+      hasSeconds: true,
+    })
+
+    const endTime = schedulerHistory.end
+    const formattedEndTime =
+      endTime && $formattedDatetime(+endTime * 1000, { hasSeconds: true })
+
+    const statusKey =
+      schedulerHistory?.result.toLowerCase() === UI_E_SchedulerRunStatus.SUCCESS
+        ? UI_E_SchedulerStatus.Completed
+        : schedulerHistory?.result === UI_E_SchedulerRunStatus.RUNNING
+        ? UI_E_SchedulerStatus.Running
+        : UI_E_SchedulerStatus.Failed
+    const statusData = {
+      ...STATUS_MAPPING[statusKey],
+      runResult: schedulerHistory?.result,
+      testId: `${schedulerHistory.tid}-${index}-status`,
+    }
+
+    return {
+      row: schedulerHistory.tid,
+      collapse: false,
+      isHiddenCollapse: false,
+      collapseToggle: false,
+      data: [
+        {
+          col: 'col0',
+          text: formattedStartTime,
+          testId: `table-item-${schedulerHistory.tid}`,
+        },
+        {
+          col: 'col1',
+          text: $time.formatTime(schedulerHistory.duration) || '--',
+          testId: `table-item-${schedulerHistory.tid}`,
+        },
+        {
+          col: 'col2',
+          text: formattedEndTime,
+          testId: `table-item-${schedulerHistory.tid}`,
+        },
+        {
+          key: 'status',
+          col: 'col3',
+          text: localization.common[statusData.textKey],
+          data: statusData,
+          testId: `table-item-${schedulerHistory.tid}`,
+        },
+      ],
+    }
+  })
+}

package/components/common/pages/scheduledTasks/table/expandDetails/historyRun/old/Old.vue

@@ -0,0 +1,68 @@
+<template>
+  <atoms-table-data-grid
+    :selected-row="null"
+    :page-size="1"
+    :page="1"
+    :head-items="headItems"
+    :body-items="bodyItems"
+    :total-items="props.totalItems"
+    :total-pages="props.totalPages"
+    :loading="props.isLoading"
+    test-id="scheduled-tasks-history-runs-table"
+    class="history-runs-table"
+    off-select-by-row
+    hide-footer
+  >
+    <template #icon="{ item }">
+      <atoms-the-icon :name="item.data.iconClassName" class="icon" />
+      <span :title="item.text" class="text-ellipsis">
+        {{ item.text }}
+      </span>
+    </template>
+  </atoms-table-data-grid>
+</template>
+
+<script lang="ts" setup>
+import type {
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/compact/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ScheduledTasksTableItem } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
+import * as historyRunTable from '~/components/common/pages/scheduledTasks/table/expandDetails/historyRun/old/lib/config/historyRunsTable'
+
+const props = defineProps<{
+  tableItems: UI_I_ScheduledTasksTableItem['last_5_run']
+  totalItems: number
+  totalPages: number
+  isLoading: boolean
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  historyRunTable.headItems(localization.value)
+)
+const bodyItems = computed<UI_I_BodyItem[][]>(() => {
+  return historyRunTable.bodyItems(props.tableItems || [])
+})
+</script>
+
+<style lang="scss" scoped>
+.history-runs-table {
+  height: inherit;
+  :deep(.datagrid-outer-wrapper) {
+    height: inherit;
+    padding-top: 0;
+  }
+  :deep(.datagrid-row-scrollable) {
+    flex-direction: row;
+  }
+
+  .icon {
+    width: 18px;
+    min-width: 18px;
+    margin-right: 3px;
+  }
+}
+</style>

package/components/common/pages/scheduledTasks/table/expandDetails/historyRun/{lib → old/lib}/config/historyRunsTable.ts

@@ -9,8 +9,8 @@ import {
   UI_E_RecentTaskStatus,
 } from '~/lib/models/store/tasks/enums'
 import type { UI_I_ScheduledTasksTableItem } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
-import { historyLastRunTableKeys } from '~/components/common/pages/scheduledTasks/table/expandDetails/historyRun/lib/config/tableKeys'
-import { schedulerRunStatus } from '~/components/common/pages/scheduledTasks/table/lib/config/schedulerStatus'
+import { historyLastRunTableKeys } from '~/components/common/pages/scheduledTasks/table/expandDetails/historyRun/old/lib/config/tableKeys'
+import { UI_E_SchedulerRunStatus } from '~/components/common/pages/scheduledTasks/table/lib/models/enums'
 
 const getItems = (
   localization: UI_I_Localization
@@ -68,9 +68,9 @@ export const bodyItems = (
     const statusData = {
       iconClassName:
         UI_E_IconNameByRecentTaskStatus[
-          event?.result.toLowerCase() === schedulerRunStatus.SUCCESS
+          event?.result.toLowerCase() === UI_E_SchedulerRunStatus.SUCCESS
             ? 2
-            : event?.result === schedulerRunStatus.RUNNING
+            : event?.result === UI_E_SchedulerRunStatus.RUNNING
             ? 1
             : 3
         ],

package/components/common/pages/scheduledTasks/table/expandDetails/historyRun/{lib → old/lib}/config/tableKeys.ts

@@ -1,4 +1,4 @@
-import type { UI_T_HistoryLastRunTableTuple } from '~/components/common/pages/scheduledTasks/table/expandDetails/historyRun/lib/models/types'
+import type { UI_T_HistoryLastRunTableTuple } from '~/components/common/pages/scheduledTasks/table/expandDetails/historyRun/old/lib/models/types'
 
 export const historyLastRunTableKeys: UI_T_HistoryLastRunTableTuple = [
   'start',

package/components/common/pages/scheduledTasks/table/expandDetails/lib/config/expandDetails.ts

@@ -1,18 +1,18 @@
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ScheduleTableRowDetails } from '~/components/common/pages/scheduledTasks/table/lib/models/interfaces'
+import type { UI_I_ScheduleTableExpandDetails } from '~/components/common/pages/scheduledTasks/table/expandDetails/lib/models/interfaces'
 import type { UI_I_ScheduledTasksTableItem } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
 
 export const detailsListFunc = (
   data: UI_I_ScheduledTasksTableItem,
   localization: UI_I_Localization
-): UI_I_ScheduleTableRowDetails[] => {
+): UI_I_ScheduleTableExpandDetails[] => {
   const { $formattedDatetime }: any = useNuxtApp()
 
   return [
     {
       id: 1,
       text: localization.scheduledTasks.scheduledDescription,
-      value: data.description,
+      value: data?.description || '--',
       testId: 'scheduled-tasks-description',
     },
 
@@ -25,13 +25,15 @@ export const detailsListFunc = (
     {
       id: 3,
       text: localization.scheduledTasks.emailNotification,
-      value: data.notify_emails,
+      value: data?.notify_emails || localization.common.none,
+      disabled: !data?.notify_emails,
       testId: 'scheduled-tasks-email-notification',
     },
     {
       id: 4,
       text: localization.common.initiator,
-      value: data.initiator,
+      value: data?.initiator || '--',
+      iconClassName: data?.initiator ? 'user-icon' : '',
       testId: 'scheduled-tasks-initiator',
     },
     {

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

@@ -0,0 +1,8 @@
+import type { UI_I_TableRowDropDetails } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_ScheduledTasks } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
+
+export interface UI_I_ScheduleTableExpandDetails
+  extends Omit<UI_I_TableRowDropDetails, 'value'> {
+  value: string | UI_I_ScheduledTasks['items'][number]['last_5_run']
+  disabled?: boolean
+}

package/components/common/pages/scheduledTasks/table/lib/models/enums.ts

@@ -0,0 +1,13 @@
+export enum UI_E_SchedulerRunStatus {
+  RUNNING = 'this task has been started',
+  SUCCESS = 'success',
+}
+
+export enum E_SchedulerFrequencyModeLocale {
+  Once = 'once',
+  Startup = 'afterVCenterStartup',
+  Hourly = 'hourly',
+  Daily = 'daily',
+  Weekly = 'weekly',
+  Monthly = 'monthly',
+}