bfg-common 1.3.136 → 1.3.138

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/form/lib/config/dateForm.ts

@@ -1,59 +1,59 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const timespanFunc = (localization: UI_I_Localization): UI_I_OptionItem[] => [
-  {
-    text: localization.realTime,
-    value: 'real_time',
-  },
-  {
-    text: localization.lastDay,
-    value: 'last_day',
-  },
-  {
-    text: localization.lastWeek,
-    value: 'last_week',
-  },
-  {
-    text: localization.lastMonth,
-    value: 'last_month',
-  },
-  // {
-  //   text: localization.lastYear,
-  //   value: 'last_year',
-  // },
-  {
-    text: localization.customInterval,
-    value: 'custom_interval',
-  },
-]
-
-export const customTimeFunc = (localization: UI_I_Localization): UI_I_OptionItem[] => [
-  {
-    text: localization.hours2,
-    value: 'hours',
-  },
-  {
-    text: localization.days2,
-    value: 'days',
-  },
-  {
-    text: localization.weeks2,
-    value: 'weeks',
-  },
-  {
-    text: localization.months2,
-    value: 'months',
-  },
-]
-
-export const chartTypeFunc = (localization: UI_I_Localization): UI_I_OptionItem[] => [
-  {
-    text: localization.lineGraph,
-    value: 'line_graph',
-  },
-  {
-    text: localization.stackedGraph,
-    value: 'stacked_graph',
-  },
-]
+import { UI_I_Localization } from '~/lib/models/interfaces'
+import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+export const timespanFunc = (localization: UI_I_Localization): UI_I_OptionItem[] => [
+  {
+    text: localization.realTime,
+    value: 'real_time',
+  },
+  {
+    text: localization.lastDay,
+    value: 'last_day',
+  },
+  {
+    text: localization.lastWeek,
+    value: 'last_week',
+  },
+  {
+    text: localization.lastMonth,
+    value: 'last_month',
+  },
+  // {
+  //   text: localization.lastYear,
+  //   value: 'last_year',
+  // },
+  {
+    text: localization.customInterval,
+    value: 'custom_interval',
+  },
+]
+
+export const customTimeFunc = (localization: UI_I_Localization): UI_I_OptionItem[] => [
+  {
+    text: localization.hours2,
+    value: 'hours',
+  },
+  {
+    text: localization.days2,
+    value: 'days',
+  },
+  {
+    text: localization.weeks2,
+    value: 'weeks',
+  },
+  {
+    text: localization.months2,
+    value: 'months',
+  },
+]
+
+export const chartTypeFunc = (localization: UI_I_Localization): UI_I_OptionItem[] => [
+  {
+    text: localization.lineGraph,
+    value: 'line_graph',
+  },
+  {
+    text: localization.stackedGraph,
+    value: 'stacked_graph',
+  },
+]

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

@@ -1,198 +1,220 @@
-<template>
-  <div class="vertical-flex-container chart-option-objects-split">
-    <span class="chart-options-grid-title">
-      {{ localization.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="selectedRow"
-          v-model:column-keys="columnItems"
-          v-model:page-size="pagination.pageSize"
-          v-model:page="pagination.page"
-          type="checkbox"
-          class="data-table"
-          :loading="props.loading"
-          :head-items="headItems"
-          :body-items="bodyItems"
-          :total-items="bodyItems.length"
-          :total-pages="1"
-          hide-footer
-          server-off
-        >
-        </atoms-table-data-grid>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import {
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-  UI_I_ColumnKey,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_Pagination } from '~/lib/models/table/interfaces'
-import { UI_I_AdvancedTargetObject } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
-import * as table from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/config/objectTable'
-import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
-import {
-  UI_T_ChartHost,
-  UI_T_ChartVm,
-} from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
-
-const props = defineProps<{
-  type: UI_T_AdvancedType
-  chart: UI_T_ChartHost | UI_T_ChartVm
-  totalCores: number
-  hostId: string
-  selectedMetricsKeys: number[]
-  totalMetricItems: number
-  selectedObjects: string
-  loading: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'select-objects', value: string): void
-  (event: 'update-cores'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedRow = ref<number[]>([])
-const pagination = ref<UI_I_Pagination>({
-  page: 1,
-  pageSize: 35,
-})
-
-const headItems = computed<UI_I_HeadItem[]>(() =>
-  table.headItems(localization.value)
-)
-const columnItems = computed<UI_I_ColumnKey[]>(() =>
-  table.columnKeys(localization.value)
-)
-
-const bodyItems = ref<UI_I_BodyItem[][]>([])
-
-let items: UI_I_AdvancedTargetObject[] = []
-let firstRequest = false
-const getTotalCores = (): void => {
-  if (
-    props.selectedMetricsKeys.includes(1) &&
-    !props.totalCores &&
-    !firstRequest
-  ) {
-    emits('update-cores')
-    firstRequest = true
-  }
-}
-watch(
-  () => props.selectedMetricsKeys,
-  () => {
-    getTotalCores()
-  },
-  { deep: true }
-)
-watch(
-  () => [
-    props.type,
-    props.chart,
-    props.totalCores,
-    props.hostId,
-    props.selectedMetricsKeys,
-  ],
-  (newValue) => {
-    items = []
-    selectedRow.value = []
-
-    if (newValue[0] === 'host' && newValue[1] === 'cpu') {
-      if (newValue[4].includes(0)) {
-        items.push({
-          id: 'total',
-          target_object: newValue[3],
-        })
-      }
-      if (newValue[4].includes(1)) {
-        for (let i = 0; i < newValue[2]; i++) {
-          items.push({
-            id: 'core' + i,
-            target_object: '' + i,
-          })
-        }
-      }
-      bodyItems.value = table.bodyItems(items)
-    } else bodyItems.value = []
-  },
-  { immediate: true }
-)
-
-watch(
-  selectedRow,
-  (newValue) => {
-    const selectedItems: string[] = []
-
-    newValue.forEach((key) => {
-      selectedItems.push(items[key].id)
-    })
-
-    const selectedNames =
-      items.length === newValue.length &&
-      props.selectedMetricsKeys.length === props.totalMetricItems
-        ? '*'
-        : selectedItems.join(', ')
-
-    emits('select-objects', selectedNames)
-  },
-  { deep: true }
-)
-
-watch(
-  () => [props.selectedObjects, bodyItems.value],
-  ([selected, all]) => {
-    if (!all.length) return
-
-    if (props.type === 'host' && props.chart === 'cpu') {
-      if (selected === '*') {
-        selectedRow.value = all.map((item) => item[0].id)
-      } else {
-        const selectedNames = selected.split(', ')
-        const selectedKeys: number[] = []
-        all.forEach((item) => {
-          if (selectedNames.includes('total')) selectedKeys.push(0)
-          if (selectedNames.includes(`core${item[0].text}`))
-            selectedKeys.push(item[0].id)
-        })
-        selectedRow.value = selectedKeys
-      }
-    }
-  },
-  { immediate: true }
-)
-</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>
+<template>
+  <div class="vertical-flex-container chart-option-objects-split">
+    <span class="chart-options-grid-title">
+      {{ localization.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="selectedRow"
+          v-model:column-keys="columnItems"
+          v-model:page-size="pagination.pageSize"
+          v-model:page="pagination.page"
+          type="checkbox"
+          class="data-table"
+          :loading="props.loading"
+          :head-items="headItems"
+          :body-items="bodyItems"
+          :total-items="bodyItems.length"
+          :total-pages="1"
+          hide-footer
+          server-off
+        >
+        </atoms-table-data-grid>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+  UI_I_ColumnKey,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import { UI_I_Localization } from '~/lib/models/interfaces'
+import { UI_I_Pagination } from '~/lib/models/table/interfaces'
+import { UI_I_AdvancedTargetObject } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import * as table from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/config/objectTable'
+import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
+import {
+  UI_T_ChartHost,
+  UI_T_ChartVm,
+} from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
+
+const props = defineProps<{
+  type: UI_T_AdvancedType
+  chart: UI_T_ChartHost | UI_T_ChartVm
+  totalCores: number
+  hostId: string
+  selectedMetricsKeys: number[]
+  totalMetricItems: number
+  selectedObjects: string
+  loading: boolean
+}>()
+
+const emits = defineEmits<{
+  (event: 'select-objects', value: string): void
+  (event: 'update-cores'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedRow = ref<number[]>([])
+const pagination = ref<UI_I_Pagination>({
+  page: 1,
+  pageSize: 35,
+})
+
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  table.headItems(localization.value)
+)
+const columnItems = computed<UI_I_ColumnKey[]>(() =>
+  table.columnKeys(localization.value)
+)
+
+const bodyItems = ref<UI_I_BodyItem[][]>([])
+
+let items: UI_I_AdvancedTargetObject[] = []
+let firstRequest = false
+const getTotalCores = (): void => {
+  if (
+    props.selectedMetricsKeys.includes(1) &&
+    !props.totalCores &&
+    !firstRequest
+  ) {
+    firstRequest = true
+  }
+}
+watch(
+  () => props.selectedMetricsKeys,
+  () => {
+    getTotalCores()
+  },
+  { deep: true }
+)
+watch(
+  () => [
+    props.type,
+    props.chart,
+    props.totalCores,
+    props.hostId,
+    props.selectedMetricsKeys,
+  ],
+  (newValue) => {
+    items = []
+    selectedRow.value = []
+
+    if (newValue[0] === 'host' && newValue[1] === 'cpu') {
+      if (newValue[4].includes(0)) {
+        items.push({
+          id: 'total',
+          target_object: newValue[3],
+        })
+      }
+      if (newValue[4].includes(1)) {
+        for (let i = 0; i < newValue[2]; i++) {
+          items.push({
+            id: 'core' + i,
+            target_object: 'core' + i,
+          })
+        }
+      }
+      if (newValue[4].includes(2)) {
+        for (let i = 0; i < newValue[2]; i++) {
+          items.push({
+            id: 'core' + i + 'MHz',
+            target_object: 'core' + i + 'MHz',
+          })
+        }
+      }
+      if (newValue[4].includes(3)) {
+        items.push({
+          id: 'totalMHz',
+          target_object: 'totalMHz',
+        })
+      }
+      if (newValue[4].includes(4)) {
+        items.push({
+          id: 'averageMHz',
+          target_object: 'averageMHz',
+        })
+      }
+      bodyItems.value = table.bodyItems(items)
+    } else bodyItems.value = []
+  },
+  { immediate: true }
+)
+
+watch(
+  selectedRow,
+  (newValue) => {
+    const selectedItems: string[] = []
+
+    newValue.forEach((key) => {
+      selectedItems.push(items[key].id)
+    })
+
+    const selectedNames =
+      items.length === newValue.length &&
+      props.selectedMetricsKeys.length === props.totalMetricItems
+        ? '*'
+        : selectedItems.join(', ')
+
+    emits('select-objects', selectedNames)
+  },
+  { deep: true }
+)
+
+watch(
+  () => [props.selectedObjects, bodyItems.value],
+  ([selected, all]) => {
+    if (!all.length) return
+
+    if (props.type === 'host' && props.chart === 'cpu') {
+      if (selected === '*') {
+        selectedRow.value = all.map((item) => item[0].id)
+      } else {
+        const selectedNames = selected.split(', ')
+        const selectedKeys: number[] = []
+        all.forEach((item) => {
+          if (selectedNames.includes('total')) selectedKeys.push(0)
+          if (selectedNames.includes(`core${item[0].text}`))
+            selectedKeys.push(item[0].id)
+        })
+        selectedRow.value = selectedKeys
+      }
+    }
+  },
+  { immediate: true }
+)
+onMounted(() => {
+  emits('update-cores')
+})
+</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/counters/timespan/object/lib/config/objectTable.ts

@@ -1,54 +1,54 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import {
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-  UI_I_ColumnKey,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import {
-  constructColumnKey,
-  constructHeadItem,
-} from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import { UI_T_ObjectColumnKey } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/types'
-import { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
-
-export const objectTableKey: UI_T_ObjectColumnKey[] = ['target_object']
-
-const getItems = (
-  localization: UI_I_Localization
-): [string, boolean, string, string][] => {
-  return [[localization.targetObjects, true, '140px', objectTableKey[0]]]
-}
-
-export const columnKeys = (localization: UI_I_Localization): UI_I_ColumnKey[] => {
-  const result: UI_I_ColumnKey[] = []
-  getItems(localization).forEach((item, i) => {
-    const col = `col${i + 1}`
-    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 = `col${i + 1}`
-    result.push(constructHeadItem(col, item[0], item[3], false, item[2]))
-  })
-  return result
-}
-
-export const bodyItems = (data: UI_I_ObjectItem[]): UI_I_BodyItem[][] => {
-  const bodyItems: UI_I_BodyItem[][] = []
-
-  data.forEach((object: UI_I_ObjectItem, key) => {
-    bodyItems.push([
-      {
-        key: 'col1',
-        text: object[objectTableKey[0]],
-        id: key,
-      },
-    ])
-  })
-  return bodyItems
-}
+import { UI_I_Localization } from '~/lib/models/interfaces'
+import {
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+  UI_I_ColumnKey,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import {
+  constructColumnKey,
+  constructHeadItem,
+} from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
+import { UI_T_ObjectColumnKey } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/types'
+import { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
+
+export const objectTableKey: UI_T_ObjectColumnKey[] = ['target_object']
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [[localization.targetObjects, true, '140px', objectTableKey[0]]]
+}
+
+export const columnKeys = (localization: UI_I_Localization): UI_I_ColumnKey[] => {
+  const result: UI_I_ColumnKey[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = `col${i + 1}`
+    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 = `col${i + 1}`
+    result.push(constructHeadItem(col, item[0], item[3], false, item[2]))
+  })
+  return result
+}
+
+export const bodyItems = (data: UI_I_ObjectItem[]): UI_I_BodyItem[][] => {
+  const bodyItems: UI_I_BodyItem[][] = []
+
+  data.forEach((object: UI_I_ObjectItem, key) => {
+    bodyItems.push([
+      {
+        key: 'col1',
+        text: object[objectTableKey[0]],
+        id: key,
+      },
+    ])
+  })
+  return bodyItems
+}

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces.ts

@@ -1,4 +1,4 @@
-export interface UI_I_ObjectItem {
-  id: string
-  target_object: string
-}
+export interface UI_I_ObjectItem {
+  id: string
+  target_object: string
+}

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/types.ts

@@ -1 +1 @@
-export type UI_T_ObjectColumnKey = 'target_object'
+export type UI_T_ObjectColumnKey = 'target_object'