bfg-common 1.4.176 → 1.4.178

package/components/common/home/lib/models/interfaces.ts

@@ -1,59 +1,59 @@
-import type { UI_T_NodeType } from '~/components/common/home/lib/models/types'
-
-export interface UI_I_ZoneList {
-  name: string
-  id: number
-}
-
-export interface UI_I_ResourceMeter<T> {
-  type: string
-  capacity?: T
-  free?: T
-  used?: T
-}
-
-export interface UI_I_MeterBlockItem {
-  value: number
-  text: string
-}
-
-export interface UI_I_Hosts {
-  connected: number
-  disconnected: number
-  maintenance: number
-}
-
-export interface UI_I_Vms {
-  powered_on: number
-  powered_off: number
-  suspended: number
-}
-
-export interface UI_I_Alert {
-  item: string
-  type: UI_T_NodeType
-  id: number
-  alerts: number
-  warnings: number
-}
-
-export interface UI_I_Service {
-  id: number
-  item: string
-  statusIcon: string
-  statusText: string
-  version: string
-}
-
-export interface UI_I_HomeInfo {
-  resource_meter: UI_I_ResourceMeter<UI_I_MeterBlockItem>[]
-  hosts: UI_I_Hosts
-  vms: UI_I_Vms
-  alerts: UI_I_Alert[]
-  services: UI_I_Service[]
-}
-
-export interface UI_I_Card {
-  text: string
-  value: number
-}
+import type { UI_T_NodeType } from '~/components/common/home/lib/models/types'
+
+export interface UI_I_ZoneList {
+  name: string
+  id: number
+}
+
+export interface UI_I_ResourceMeter<T> {
+  type: string
+  capacity?: T
+  free?: T
+  used?: T
+}
+
+export interface UI_I_MeterBlockItem {
+  value: number
+  text: string
+}
+
+export interface UI_I_Hosts {
+  connected: number
+  disconnected: number
+  maintenance: number
+}
+
+export interface UI_I_Vms {
+  powered_on: number
+  powered_off: number
+  suspended: number
+}
+
+export interface UI_I_Alert {
+  item: string
+  type: UI_T_NodeType
+  id: number
+  alerts: number
+  warnings: number
+}
+
+export interface UI_I_Service {
+  id: number
+  item: string
+  statusIcon: string
+  statusText: string
+  version: string
+}
+
+export interface UI_I_HomeInfo {
+  resource_meter: UI_I_ResourceMeter<UI_I_MeterBlockItem>[]
+  hosts: UI_I_Hosts
+  vms: UI_I_Vms
+  alerts: UI_I_Alert[]
+  services: UI_I_Service[]
+}
+
+export interface UI_I_Card {
+  text: string
+  value: number
+}

package/components/common/home/lib/models/types.ts

@@ -1,18 +1,18 @@
-export type UI_T_NodeType =
-  | 'zone'
-  | 'folder'
-  | 'datacenter'
-  | 'cluster'
-  // для прокуратор
-  | 'host'
-  | 'vm'
-  | 'datastore'
-  | 'network'
-
-export type UI_T_AlertColumnKeys = 'item' | 'alerts' | 'warnings'
-
-export type UI_T_ServiceColumnKeys =
-  | 'item'
-  | 'statusText'
-  | 'statusIcon'
-  | 'version'
+export type UI_T_NodeType =
+  | 'zone'
+  | 'folder'
+  | 'datacenter'
+  | 'cluster'
+  // для прокуратор
+  | 'host'
+  | 'vm'
+  | 'datastore'
+  | 'network'
+
+export type UI_T_AlertColumnKeys = 'item' | 'alerts' | 'warnings'
+
+export type UI_T_ServiceColumnKeys =
+  | 'item'
+  | 'statusText'
+  | 'statusIcon'
+  | 'version'

package/components/common/home/servicesTable/ServicesTable.vue

@@ -1,80 +1,80 @@
-<template>
-  <div class="most-alert">
-    <atoms-table-data-grid
-      v-model:selected-row="selectedRow"
-      v-model:page-size="pageSize"
-      v-model:page="page"
-      class="data-table"
-      test-id="services-table"
-      :head-items="headItems"
-      :body-items="bodyItems"
-      :total-items="bodyItems.length"
-      :total-pages="1"
-      off-select-by-row
-      hide-page-size
-      show-page-info
-      server-off
-    >
-      <template #icon="{ item }">
-        <span :class="['datagrid-cell-icon', item.data.iconClassName]" />
-        <span class="text-ellipsis">
-          {{ item.text }}
-        </span>
-      </template>
-    </atoms-table-data-grid>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_T_SelectedRow } from '~/components/atoms/table/dataGrid/lib/models/types'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_Service } from '~/components/common/home/lib/models/interfaces'
-import * as table from '~/components/common/home/servicesTable/lib/config/config'
-
-const props = defineProps<{
-  dataTable: UI_I_Service[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedRow = ref<UI_T_SelectedRow>(null)
-const headItems = computed<UI_I_HeadItem[]>(() =>
-  table.headItems(localization.value)
-)
-const bodyItems = ref<UI_I_BodyItem[][]>([])
-watch(
-  () => props.dataTable,
-  (newValue) => {
-    if (!newValue?.length) {
-      bodyItems.value = []
-      return
-    }
-
-    bodyItems.value = table.bodyItems(newValue)
-  },
-  { deep: true, immediate: true }
-)
-const page = ref<number>(1)
-const pageSize = ref<number>(1)
-</script>
-
-<style lang="scss" scoped>
-.most-alert {
-  margin: 0;
-  border: none;
-
-  :deep(.datagrid-outer-wrapper) {
-    padding: 0;
-
-    .datagrid {
-      margin: 0;
-      border: unset;
-      min-height: 200px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="most-alert">
+    <atoms-table-data-grid
+      v-model:selected-row="selectedRow"
+      v-model:page-size="pageSize"
+      v-model:page="page"
+      class="data-table"
+      test-id="services-table"
+      :head-items="headItems"
+      :body-items="bodyItems"
+      :total-items="bodyItems.length"
+      :total-pages="1"
+      off-select-by-row
+      hide-page-size
+      show-page-info
+      server-off
+    >
+      <template #icon="{ item }">
+        <span :class="['datagrid-cell-icon', item.data.iconClassName]" />
+        <span class="text-ellipsis">
+          {{ item.text }}
+        </span>
+      </template>
+    </atoms-table-data-grid>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_T_SelectedRow } from '~/components/atoms/table/dataGrid/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Service } from '~/components/common/home/lib/models/interfaces'
+import * as table from '~/components/common/home/servicesTable/lib/config/config'
+
+const props = defineProps<{
+  dataTable: UI_I_Service[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedRow = ref<UI_T_SelectedRow>(null)
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  table.headItems(localization.value)
+)
+const bodyItems = ref<UI_I_BodyItem[][]>([])
+watch(
+  () => props.dataTable,
+  (newValue) => {
+    if (!newValue?.length) {
+      bodyItems.value = []
+      return
+    }
+
+    bodyItems.value = table.bodyItems(newValue)
+  },
+  { deep: true, immediate: true }
+)
+const page = ref<number>(1)
+const pageSize = ref<number>(1)
+</script>
+
+<style lang="scss" scoped>
+.most-alert {
+  margin: 0;
+  border: none;
+
+  :deep(.datagrid-outer-wrapper) {
+    padding: 0;
+
+    .datagrid {
+      margin: 0;
+      border: unset;
+      min-height: 200px;
+    }
+  }
+}
+</style>

package/components/common/home/servicesTable/lib/config/config.ts

@@ -1,62 +1,62 @@
-import type {
-  UI_I_BodyItem,
-  UI_I_HeadItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import { constructHeadItem } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import type { UI_T_ServiceColumnKeys } from '~/components/common/home/lib/models/types'
-import type { UI_I_Service } from '~/components/common/home/lib/models/interfaces'
-
-export const servicesTableKeys: UI_T_ServiceColumnKeys[] = [
-  'item',
-  'statusText',
-  'statusIcon',
-  'version',
-]
-
-const getItems = (
-  localization: UI_I_Localization
-): [string, boolean, string, string][] => {
-  return [
-    [localization.common.item, true, '34%', servicesTableKeys[0]],
-    [localization.common.status, true, '33%', servicesTableKeys[1]],
-    [localization.common.version, true, '33%', servicesTableKeys[2]],
-  ]
-}
-
-export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
-  const result: UI_I_HeadItem[] = []
-  getItems(localization).forEach((item, i) => {
-    const col = i === 1 ? 'icon' : `col${i + 1}`
-    result.push(constructHeadItem(col, item[0], item[3], true, item[2]))
-  })
-  return result
-}
-
-export const bodyItems = (data: UI_I_Service[]): UI_I_BodyItem[][] => {
-  const bodyItems: UI_I_BodyItem[][] = []
-  data.forEach((service: UI_I_Service, key) => {
-    const statusData = {
-      iconClassName: `vsphere-icon-status-${service.statusIcon}`,
-    }
-    bodyItems.push([
-      {
-        key: 'col1',
-        text: service[servicesTableKeys[0]].toString(),
-        id: key,
-      },
-      {
-        key: 'icon',
-        text: service[servicesTableKeys[1]].toString(),
-        data: statusData,
-        id: key,
-      },
-      {
-        key: 'col3',
-        text: service[servicesTableKeys[2]].toString(),
-        id: key,
-      },
-    ])
-  })
-  return bodyItems
-}
+import type {
+  UI_I_BodyItem,
+  UI_I_HeadItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import { constructHeadItem } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
+import type { UI_T_ServiceColumnKeys } from '~/components/common/home/lib/models/types'
+import type { UI_I_Service } from '~/components/common/home/lib/models/interfaces'
+
+export const servicesTableKeys: UI_T_ServiceColumnKeys[] = [
+  'item',
+  'statusText',
+  'statusIcon',
+  'version',
+]
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    [localization.common.item, true, '34%', servicesTableKeys[0]],
+    [localization.common.status, true, '33%', servicesTableKeys[1]],
+    [localization.common.version, true, '33%', servicesTableKeys[2]],
+  ]
+}
+
+export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
+  const result: UI_I_HeadItem[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = i === 1 ? 'icon' : `col${i + 1}`
+    result.push(constructHeadItem(col, item[0], item[3], true, item[2]))
+  })
+  return result
+}
+
+export const bodyItems = (data: UI_I_Service[]): UI_I_BodyItem[][] => {
+  const bodyItems: UI_I_BodyItem[][] = []
+  data.forEach((service: UI_I_Service, key) => {
+    const statusData = {
+      iconClassName: `vsphere-icon-status-${service.statusIcon}`,
+    }
+    bodyItems.push([
+      {
+        key: 'col1',
+        text: service[servicesTableKeys[0]].toString(),
+        id: key,
+      },
+      {
+        key: 'icon',
+        text: service[servicesTableKeys[1]].toString(),
+        data: statusData,
+        id: key,
+      },
+      {
+        key: 'col3',
+        text: service[servicesTableKeys[2]].toString(),
+        id: key,
+      },
+    ])
+  })
+  return bodyItems
+}

package/components/common/layout/theHeader/TheHeader.vue

@@ -1,112 +1,112 @@
-<template>
-  <common-layout-the-header-new
-    v-if="props.newView"
-    :is-show-main-menu="props.isShowMainMenu"
-    :company-name="props.companyName"
-    :is-beta="props.isBeta"
-    :is-dev="props.isDev"
-    :beta-text="props.betaText"
-    :global-refresh-loading="props.globalRefreshLoading"
-    :hostname="props.hostname"
-    :project-name="props.projectName"
-    :is-preference="props.isPreference"
-    :selected-language-type="props.selectedLanguageType"
-    :selected-lang="props.selectedLang"
-    :new-view="props.newView"
-    :new-view-local="props.newViewLocal"
-    :time-format="props.timeFormat"
-    :project="props.project"
-    :is-dark-theme="props.isDarkTheme"
-    :remote-console="props.remoteConsole"
-    :vm-cluster="props.vmCluster"
-    @toggle-main-menu="emits('toggle-main-menu')"
-    @show-preference="emits('show-preference')"
-    @reset-preference="emits('reset-preference')"
-    @hide-preference="emits('hide-preference')"
-    @global-refresh="emits('global-refresh')"
-    @update-time-format="emits('update-time-format', $event)"
-    @change-theme-mode="emits('change-theme-mode')"
-    @update-language="emits('update-language', $event)"
-    @update-is-browser="emits('update-is-browser', $event)"
-    @update-is-new-view="emits('update-is-new-view', $event)"
-    @update-remote-console="emits('update-remote-console', $event)"
-    @update-vm-clusters="emits('update-vm-clusters', $event)"
-    @submit-preferences="emits('submit-preferences')"
-  />
-  <common-layout-the-header-old
-    v-else
-    :company-name="props.companyName"
-    :is-beta="props.isBeta"
-    :is-dev="props.isDev"
-    :beta-text="props.betaText"
-    :global-refresh-loading="props.globalRefreshLoading"
-    :hostname="props.hostname"
-    :project-name="props.projectName"
-    :is-preference="props.isPreference"
-    :selected-language-type="props.selectedLanguageType"
-    :selected-lang="props.selectedLang"
-    :new-view="props.newView"
-    :new-view-local="props.newViewLocal"
-    :time-format="props.timeFormat"
-    :project="props.project"
-    :remote-console="props.remoteConsole"
-    :vm-cluster="props.vmCluster"
-    @toggle-main-menu="emits('toggle-main-menu')"
-    @show-preference="emits('show-preference')"
-    @hide-preference="emits('hide-preference')"
-    @global-refresh="emits('global-refresh')"
-    @update-time-format="emits('update-time-format', $event)"
-    @change-theme-mode="emits('change-theme-mode')"
-    @update-language="emits('update-language', $event)"
-    @update-is-browser="emits('update-is-browser', $event)"
-    @update-is-new-view="emits('update-is-new-view', $event)"
-    @update-remote-console="emits('update-remote-console', $event)"
-    @update-vm-clusters="emits('update-vm-clusters', $event)"
-    @submit-preferences="emits('submit-preferences')"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
-
-const props = defineProps<{
-  isShowMainMenu: boolean
-  companyName: string
-  isBeta: boolean
-  isDev: boolean
-  betaText: string
-  globalRefreshLoading: boolean
-  project: UI_T_Project
-  projectName: string
-  hostname: string
-  isPreference: boolean
-  selectedLanguageType: string
-  selectedLang: UI_I_Dropdown
-  remoteConsole: string
-  vmCluster: boolean
-  newView: boolean
-  newViewLocal: boolean
-  timeFormat: string
-  isDarkTheme: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'toggle-main-menu'): void
-  (event: 'global-refresh'): void
-  (event: 'show-preference'): void
-  (event: 'reset-preference'): void
-  (event: 'hide-preference'): void
-  (event: 'change-theme-mode'): void
-  (event: 'update-time-format', value: UI_T_TimeValue): void
-  (event: 'update-language', value: UI_I_Dropdown): void
-  (event: 'update-is-browser', value: string): void
-  (event: 'update-is-new-view', value: boolean): void
-  (event: 'update-remote-console', value: string): void
-  (event: 'update-vm-clusters', value: boolean): void
-  (event: 'submit-preferences'): void
-}>()
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-layout-the-header-new
+    v-if="props.newView"
+    :is-show-main-menu="props.isShowMainMenu"
+    :company-name="props.companyName"
+    :is-beta="props.isBeta"
+    :is-dev="props.isDev"
+    :beta-text="props.betaText"
+    :global-refresh-loading="props.globalRefreshLoading"
+    :hostname="props.hostname"
+    :project-name="props.projectName"
+    :is-preference="props.isPreference"
+    :selected-language-type="props.selectedLanguageType"
+    :selected-lang="props.selectedLang"
+    :new-view="props.newView"
+    :new-view-local="props.newViewLocal"
+    :time-format="props.timeFormat"
+    :project="props.project"
+    :is-dark-theme="props.isDarkTheme"
+    :remote-console="props.remoteConsole"
+    :vm-cluster="props.vmCluster"
+    @toggle-main-menu="emits('toggle-main-menu')"
+    @show-preference="emits('show-preference')"
+    @reset-preference="emits('reset-preference')"
+    @hide-preference="emits('hide-preference')"
+    @global-refresh="emits('global-refresh')"
+    @update-time-format="emits('update-time-format', $event)"
+    @change-theme-mode="emits('change-theme-mode')"
+    @update-language="emits('update-language', $event)"
+    @update-is-browser="emits('update-is-browser', $event)"
+    @update-is-new-view="emits('update-is-new-view', $event)"
+    @update-remote-console="emits('update-remote-console', $event)"
+    @update-vm-clusters="emits('update-vm-clusters', $event)"
+    @submit-preferences="emits('submit-preferences')"
+  />
+  <common-layout-the-header-old
+    v-else
+    :company-name="props.companyName"
+    :is-beta="props.isBeta"
+    :is-dev="props.isDev"
+    :beta-text="props.betaText"
+    :global-refresh-loading="props.globalRefreshLoading"
+    :hostname="props.hostname"
+    :project-name="props.projectName"
+    :is-preference="props.isPreference"
+    :selected-language-type="props.selectedLanguageType"
+    :selected-lang="props.selectedLang"
+    :new-view="props.newView"
+    :new-view-local="props.newViewLocal"
+    :time-format="props.timeFormat"
+    :project="props.project"
+    :remote-console="props.remoteConsole"
+    :vm-cluster="props.vmCluster"
+    @toggle-main-menu="emits('toggle-main-menu')"
+    @show-preference="emits('show-preference')"
+    @hide-preference="emits('hide-preference')"
+    @global-refresh="emits('global-refresh')"
+    @update-time-format="emits('update-time-format', $event)"
+    @change-theme-mode="emits('change-theme-mode')"
+    @update-language="emits('update-language', $event)"
+    @update-is-browser="emits('update-is-browser', $event)"
+    @update-is-new-view="emits('update-is-new-view', $event)"
+    @update-remote-console="emits('update-remote-console', $event)"
+    @update-vm-clusters="emits('update-vm-clusters', $event)"
+    @submit-preferences="emits('submit-preferences')"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
+
+const props = defineProps<{
+  isShowMainMenu: boolean
+  companyName: string
+  isBeta: boolean
+  isDev: boolean
+  betaText: string
+  globalRefreshLoading: boolean
+  project: UI_T_Project
+  projectName: string
+  hostname: string
+  isPreference: boolean
+  selectedLanguageType: string
+  selectedLang: UI_I_Dropdown
+  remoteConsole: string
+  vmCluster: boolean
+  newView: boolean
+  newViewLocal: boolean
+  timeFormat: string
+  isDarkTheme: boolean
+}>()
+
+const emits = defineEmits<{
+  (event: 'toggle-main-menu'): void
+  (event: 'global-refresh'): void
+  (event: 'show-preference'): void
+  (event: 'reset-preference'): void
+  (event: 'hide-preference'): void
+  (event: 'change-theme-mode'): void
+  (event: 'update-time-format', value: UI_T_TimeValue): void
+  (event: 'update-language', value: UI_I_Dropdown): void
+  (event: 'update-is-browser', value: string): void
+  (event: 'update-is-new-view', value: boolean): void
+  (event: 'update-remote-console', value: string): void
+  (event: 'update-vm-clusters', value: boolean): void
+  (event: 'submit-preferences'): void
+}>()
+</script>
+
+<style scoped lang="scss"></style>