bfg-common 1.4.860 → 1.4.861

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/objectNew/lib/config/options.ts

@@ -1,25 +0,0 @@
-import type { UI_I_DataTableOptions } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
-import type { UI_T_DataGridType } from '~/components/atoms/table/dataGrid/lib/models/types'
-
-export const options = (
-  selectType: UI_T_DataGridType
-): UI_I_DataTableOptions => {
-  return {
-    perPageOptions: [
-      { text: '10', value: 10 },
-      { text: '25', value: 25 },
-      { text: '50', value: 50 },
-      { text: '100', value: 100 },
-    ],
-    isSelectable: true,
-    selectType,
-    showPagination: false,
-    showPageInfo: false,
-    isSortable: true,
-    server: false,
-    isResizable: true,
-    showSearch: false,
-    showColumnManager: false,
-    inBlock: true,
-  }
-}

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/objectNew/lib/config/tableData.ts

@@ -1,47 +0,0 @@
-import type { UI_I_DataTable } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_BodyItem } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import { constructTable } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/objectNew/lib/utils/constructTable'
-
-export const tableDataFunc = (
-  localization: UI_I_Localization,
-  items: UI_I_BodyItem[][],
-  selectedKeys: number[] | number
-): UI_I_DataTable => {
-  const currentBody = constructTable(items)
-  const selectedRows: number[] = []
-
-  currentBody.forEach((item) => {
-    if (Array.isArray(selectedKeys)) {
-      if (selectedKeys.includes(item.row)) {
-        selectedRows.push(item.row)
-      }
-    } else {
-      if (selectedKeys === item.row) {
-        selectedRows.push(item.row)
-      }
-    }
-  })
-
-  return {
-    id: 'object-table',
-    selectedRows,
-    isAllSelected: false,
-    title: `${localization.inventoryMonitor.targetObjects} (${items.length})`,
-    subTitle: '',
-    header: [
-      {
-        col: 'col0',
-        colName: 'targetObjects',
-        text: localization.inventoryMonitor.targetObjects,
-        isSortable: true,
-        sort: 'asc',
-        width: '100%',
-        show: true,
-        filter: true,
-      },
-    ],
-
-    body: currentBody,
-  }
-}

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/objectNew/lib/utils/constructTable.ts

@@ -1,22 +0,0 @@
-import type { UI_I_DataTableBody } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
-import type { UI_I_BodyItem } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-
-export const constructTable = (
-  items: UI_I_BodyItem[][]
-): UI_I_DataTableBody[] => {
-  const result: UI_I_DataTableBody[] = []
-
-  items.forEach((item) => {
-    result.push({
-      row: Number(item[0].id),
-      data: [
-        {
-          col: 'col0',
-          text: String(item[0].text),
-        },
-      ],
-    })
-  })
-
-  return result
-}

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/objectOld/ObjectOld.vue

@@ -1,84 +0,0 @@
-<template>
-  <div class="vertical-flex-container chart-option-objects-split">
-    <span class="chart-options-grid-title">
-      {{ localization.inventoryMonitor.selectObjectForChart }}:
-    </span>
-    <div class="flex-to-absolute-positioning-container">
-      <div class="flex-to-absolute-positioning-container-inner">
-        <atoms-table-data-grid
-          v-model:selected-row="selectedRowLocal"
-          v-model:column-keys="columnItemsLocal"
-          v-model:page-size="paginationLocal.pageSize"
-          v-model:page="paginationLocal.page"
-          :type="props.tableType"
-          class="data-table"
-          test-id="object-table"
-          :loading="props.loading"
-          :head-items="props.headItems"
-          :body-items="props.bodyItems"
-          :total-items="props.bodyItems.length"
-          :total-pages="1"
-          hide-footer
-          server-off
-        >
-        </atoms-table-data-grid>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-  UI_I_ColumnKey,
-} 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_T_DataGridType } from '~/components/atoms/table/dataGrid/lib/models/types'
-
-const selectedRowLocal = defineModel<number[] | number>('selectedRow', {
-  required: true,
-})
-const columnItemsLocal = defineModel<UI_I_ColumnKey[]>('columnItems', {
-  required: true,
-})
-const paginationLocal = defineModel<UI_I_Pagination>('pagination', {
-  required: true,
-})
-
-const props = defineProps<{
-  tableType: UI_T_DataGridType
-  loading: boolean
-  headItems: UI_I_HeadItem[]
-  bodyItems: UI_I_BodyItem[][]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-.chart-option-objects-split {
-  flex: 1;
-
-  .chart-options-grid-title {
-    display: block;
-    margin-bottom: -20px;
-  }
-  .flex-to-absolute-positioning-container {
-    height: 100%;
-    max-height: 204px;
-    .flex-to-absolute-positioning-container-inner {
-      height: inherit;
-
-      .data-table {
-        height: inherit;
-
-        :deep(.datagrid-outer-wrapper) {
-          height: inherit;
-        }
-      }
-    }
-  }
-}
-</style>

package/components/common/monitor/advanced/tools/chartOptionsModal/metrics/MetricsOld.vue

@@ -1,32 +0,0 @@
-<template>
-  <div class="chart-option-groups-container">
-    <span>{{ localization.inventoryMonitor.chartMetrics }}</span>
-    <atoms-tabs-vertical-tabs
-      v-model="selectedMetricLocal"
-      :items="props.metricsItems"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
-
-const selectedMetricLocal = defineModel<string>('selectedMetric', {
-  required: true,
-})
-
-const props = defineProps<{
-  metricsItems: UI_I_VerticalTabs[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-.chart-option-groups-container {
-  margin-top: 10px;
-  flex-basis: 20%;
-  //min-width: 20%;
-}
-</style>

package/components/common/monitor/advanced/tools/chartOptionsModal/metrics/metricsNew/MetricsNew.vue

@@ -1,101 +0,0 @@
-<template>
-  <ui-accordion-recursion
-    v-for="(item, key) in accordionItems"
-    id="metrics-accordion-recursion"
-    :key="item.id"
-    :test-id="`${item.testId}-${key}`"
-    :accordion="item"
-  >
-    <template #header="{ data }">
-      <span class="main-headline">{{ data.headline }}</span>
-    </template>
-    <template #body="{ data }">
-      <div
-        v-for="(item2, key2) in data.children"
-        :key="key2"
-        class="accordion-main-text-content"
-        @click="selectedMetricLocal = item2.data.value"
-      >
-        <span
-          :class="[
-            'accordion-toggle-item',
-            { active: selectedMetricLocal === item2.data.value },
-          ]"
-        >
-          <span
-            :title="item2.headline"
-            class="accordion-toggle-item-text metrics-accordion-toggle-item-text text-ellipsis"
-            >{{ item2.headline }}</span
-          >
-        </span>
-        <div v-if="data.children.length - 1 > key2" class="divider"></div>
-      </div>
-    </template>
-  </ui-accordion-recursion>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Accordion } from '~/node_modules/bfg-uikit/components/ui/accordion/models/interfaces'
-import type { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
-import { constructAccordion } from '~/components/common/monitor/advanced/tools/chartOptionsModal/metrics/metricsNew/lib/utils/constructAccordion'
-import { updateElementShowWithId } from 'bfg-uikit/components/ui/accordion/utils/recursion'
-
-const selectedMetricLocal = defineModel<string>('selectedMetric', {
-  required: true,
-})
-
-const props = defineProps<{
-  metricsItems: UI_I_VerticalTabs[]
-}>()
-
-const accordionItems = ref<UI_I_Accordion[]>(
-  constructAccordion(props.metricsItems)
-)
-
-const onToggle = (id: number): void => {
-  accordionItems.value = updateElementShowWithId(accordionItems.value, id)
-}
-
-onMounted(() => {
-  onToggle(0)
-})
-</script>
-
-<style>
-:root {
-  --metrics-accordion-bg-color: #ffffff;
-  --metrics-accordion-item-color: #4d5d69;
-}
-:root.dark-theme {
-  --metrics-accordion-bg-color: #334453;
-  --metrics-accordion-item-color: #e9eaec;
-}
-</style>
-<style scoped lang="scss">
-#metrics-accordion-recursion {
-  padding: 12px;
-  background: var(--metrics-accordion-bg-color);
-  box-shadow: 0 1px 4px 0 #00000014;
-  border-radius: 8px;
-
-  .main-headline {
-    font-size: 14px;
-    font-weight: 500;
-    color: var(--metrics-accordion-item-color);
-  }
-  :deep(.accordion-toggle-item-icon) {
-    display: none;
-  }
-  .accordion-toggle-item {
-    padding-left: 24px;
-
-    &:not(.active) {
-      color: var(--metrics-accordion-item-color);
-    }
-    .metrics-accordion-toggle-item-text {
-      font-size: 13px;
-      font-weight: 500;
-    }
-  }
-}
-</style>

package/components/common/monitor/advanced/tools/chartOptionsModal/metrics/metricsNew/lib/utils/constructAccordion.ts

@@ -1,32 +0,0 @@
-import type { UI_I_Accordion } from '~/node_modules/bfg-uikit/components/ui/accordion/models/interfaces'
-import type { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
-
-export const constructAccordion = (
-  items: UI_I_VerticalTabs[]
-): UI_I_Accordion[] => {
-  const localization = useLocal()
-  return [
-    {
-      id: 0,
-      testId: 'metrics-headline',
-      headline: `${localization.zabbix.metrics} (${items.length})`,
-      expended: false,
-      disabled: false,
-      hasChild: true,
-      children: items.map((item: UI_I_VerticalTabs, key) => {
-        return {
-          id: key + 1,
-          testId: `accordion-item-${item.value}`,
-          headline: item.text,
-          expended: false,
-          disabled: false,
-          hasChild: false,
-          children: [],
-          data: {
-            value: item.value,
-          },
-        }
-      }),
-    },
-  ]
-}

package/lib/utils/date.ts

@@ -1,12 +0,0 @@
-export const getUiDatepickerFormatByLanguage = (language: string): string => {
-  let result = 'mm-dd-yyyy'
-  switch (language) {
-    case 'en_US':
-      result = 'mm-dd-yyyy'
-      break
-    case 'ru_RU':
-      result = 'dd.mm.yyyy'
-      break
-  }
-  return result
-}