bfg-common 1.0.25 → 1.0.26

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/Table.vue

@@ -5,7 +5,7 @@
     }}</span>
 
     <atoms-table-data-grid
-      v-model:selected-row="selectedCountersLocal"
+      v-model:selected-row="selectedCounters"
       v-model:column-keys="columnItems"
       v-model:page-size="pagination.pageSize"
       v-model:page="pagination.page"
@@ -15,12 +15,10 @@
       :body-items="bodyItems"
       :total-items="totalItems"
       :total-pages="totalPages"
-      :loading="props.loading"
       hide-footer
       server-off
       @change="onChangeRow"
-    >
-    </atoms-table-data-grid>
+    />
   </div>
 </template>
 
@@ -32,33 +30,47 @@ import {
 } from '~/components/atoms/table/dataGrid/models/interfaces'
 import { UI_I_Localization } from '~/models/interfaces'
 import * as table from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/config/tableConfig'
-import { UI_I_AdvancedTargetObject } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/models/interfaces'
+import { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/models/interfaces'
+import {
+  T_ChartHost,
+  T_ChartVm,
+} from '~/components/common/monitor/advanced/tools/chartOptionsModal/models/types'
+import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/models/types'
+import { countersItemsFunc } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/config/items'
 
 const props = defineProps<{
-  counters: any
-  loading: boolean
-  selectedCounters: number[]
+  chart: T_ChartHost | T_ChartVm
+  type: UI_T_AdvancedType
+  selectedKeys: number[]
 }>()
 
 const emits = defineEmits<{
-  (event: 'change', array: UI_I_AdvancedTargetObject[][]): void
-  (event: 'update:selected-counters', value: number[]): void
+  (event: 'select-row', value: UI_I_AdvancedCounterItem[]): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const totalItems = computed<number>(() => props.counters?.total_items || 0)
-const totalPages = computed<number>(() => props.counters?.total_pages || 1)
+const counters = computed<UI_I_AdvancedCounterItem[]>(() =>
+  countersItemsFunc(props.type, props.chart, localization.value)
+)
+
+const totalItems = computed<number>(() => counters.value.length)
+const totalPages = computed<number>(() => 1)
 
-// const selectedRow = ref<number[]>([])
-const selectedCountersLocal = computed<number[]>({
-  get() {
-    return props.selectedCounters
-  },
-  set(newValue) {
-    emits('update:selected-counters', newValue)
+const selectedCounters = ref<number[]>([])
+watch(
+  () => props.selectedKeys,
+  (newValue) => {
+    selectedCounters.value = newValue
   },
-})
+  { immediate: true, deep: true }
+)
+watch(
+  () => props.chart,
+  () => {
+    selectedCounters.value = []
+  }
+)
 const pagination = ref<any>({
   page: 1,
   pageSize: 35,
@@ -73,26 +85,23 @@ const headItems = computed<UI_I_HeadItem[]>(() =>
 const bodyItems = ref<UI_I_BodyItem[][]>([])
 
 watch(
-  () => props.counters,
-  (val) => {
-    if (!val.items) return
+  counters,
+  (newValue) => {
+    if (!newValue.length) return
 
-    bodyItems.value = table.bodyItems(val.items)
+    bodyItems.value = table.bodyItems(newValue)
   },
-  { deep: true }
+  { deep: true, immediate: true }
 )
 
 const onChangeRow = (val: number[]): void => {
-  let sendData: UI_I_AdvancedTargetObject[][] = []
-  if (!val.length) sendData = []
-  else {
-    val.forEach((index) => {
-      props.counters.items.forEach((item) => {
-        if (index === item.id) sendData.push(item.target_object)
-      })
-    })
-  }
-  emits('change', sendData)
+  const result: UI_I_AdvancedCounterItem[] = []
+
+  counters.value.forEach((item) => {
+    if (val.includes(item.id)) result.push(item)
+  })
+
+  emits('select-row', result)
 }
 </script>