bfg-common 1.5.701 → 1.5.702

package/components/common/monitor/advanced/tools/Tools.vue

@@ -1,313 +1,313 @@
-<template>
-  <common-monitor-advanced-tools-new
-    v-if="isNewView"
-    v-model:selected-view="selectedView"
-    v-model:is-show-modal-local="isShowModal"
-    v-model:selected-period="selectedPeriod"
-    :selected-timespan-type="localSelectedTimespanType"
-    :type="props.type"
-    :chart-title-date="chartTitleDate"
-    :language="props.language"
-    :selected-counters-keys="props.selectedCountersKeys"
-    :selected-metric="props.selectedMetric"
-    :disabled-period="props.disabledPeriod"
-    :disabled-view="props.disabledView"
-    :selected-chart-type="props.selectedChartType"
-    :units-count="props.unitsCount"
-    :period-type="props.periodType"
-    :selected-custom-time="props.selectedCustomTime"
-    :selected-chart-option-name="props.selectedChartOptionName"
-    :custom-date-from="props.customDateFrom"
-    :custom-date-to="props.customDateTo"
-    :custom-time-from="props.customTimeFrom"
-    :custom-time-to="props.customTimeTo"
-    :total-cores="totalCores"
-    :host-id="props.hostId"
-    :selected-objects="props.selectedObjects"
-    :project="props.project"
-    :objects-loading="props.objectsLoading"
-    :objects-data="props.objectsData"
-    :valid-date-end="props.validDateEnd"
-    :format-date="props.formatDate"
-    :view-options="viewOptions"
-    :period-options="periodOptions"
-    :selected-node-name="props.selectedNodeName"
-    @save-option-name="onSaveOptionName"
-    @change-period="updateTools"
-    @change-view="updateTools"
-    @select-row="emits('select-row', $event)"
-    @select-metric-local="emits('select-metric-local', $event)"
-    @update-chart-type="emits('update-chart-type', $event)"
-    @update-timespan-type="emits('update-timespan-type', $event)"
-    @update-unit-count="emits('update-unit-count', $event)"
-    @update-period-type="emits('update-period-type', $event)"
-    @update-custom-time="emits('update-custom-time', $event)"
-    @delete-option="onDeleteOption"
-    @submit-options="emits('submit-options', $event)"
-  />
-  <common-monitor-advanced-tools-old
-    v-else
-    v-model:selected-view="selectedView"
-    v-model:is-show-modal-local="isShowModal"
-    v-model:selected-period="selectedPeriod"
-    :selected-timespan-type="localSelectedTimespanType"
-    :type="props.type"
-    :chart-title="props.chartTitle"
-    :chart-title-date="chartTitleDate"
-    :language="props.language"
-    :selected-counters-keys="props.selectedCountersKeys"
-    :selected-metric="props.selectedMetric"
-    :disabled-period="props.disabledPeriod"
-    :disabled-view="props.disabledView"
-    :selected-chart-type="props.selectedChartType"
-    :units-count="props.unitsCount"
-    :period-type="props.periodType"
-    :selected-custom-time="props.selectedCustomTime"
-    :selected-chart-option-name="props.selectedChartOptionName"
-    :custom-date-from="props.customDateFrom"
-    :custom-date-to="props.customDateTo"
-    :custom-time-from="props.customTimeFrom"
-    :custom-time-to="props.customTimeTo"
-    :total-cores="totalCores"
-    :host-id="props.hostId"
-    :selected-objects="props.selectedObjects"
-    :project="props.project"
-    :objects-loading="props.objectsLoading"
-    :objects-data="props.objectsData"
-    :valid-date-end="props.validDateEnd"
-    :format-date="props.formatDate"
-    :view-options="viewOptions"
-    :period-options="periodOptions"
-    @save-option-name="onSaveOptionName"
-    @change-period="updateTools"
-    @change-view="updateTools"
-    @exporting="emits('exporting', $event)"
-    @open-advanced-page="emits('open-advanced-page')"
-    @select-row="emits('select-row', $event)"
-    @select-metric-local="emits('select-metric-local', $event)"
-    @update-chart-type="emits('update-chart-type', $event)"
-    @update-timespan-type="emits('update-timespan-type', $event)"
-    @update-unit-count="emits('update-unit-count', $event)"
-    @update-period-type="emits('update-period-type', $event)"
-    @update-custom-time="emits('update-custom-time', $event)"
-    @delete-option="onDeleteOption"
-    @submit-options="emits('submit-options', $event)"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_MonitorGraphPayload } from '~/components/common/monitor/lib/models/interfaces'
-import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
-import type {
-  UI_T_ChartHost,
-  UI_T_ChartVm,
-} from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
-import type { UI_I_OptionsForm } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/interfaces'
-import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
-import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import {
-  getCurrentOptionsStorageFunc,
-  periodFunc,
-  viewFunc,
-} from '~/components/common/monitor/advanced/tools/lib/config/advancedToolbar'
-import { getValidDateByOptionFunc } from '~/components/common/monitor/lib/config/getValidDateByOption'
-import { checkDateFunc } from '~/components/common/monitor/overview/filters/customIntervalModal/lib/config/dateChecker'
-
-const props = withDefaults(
-  defineProps<{
-    type: UI_T_AdvancedType
-    startDate: number
-    endDate: number
-    chartTitle: string
-    language: string
-    selectedCountersKeys: number[]
-    selectedMetric: UI_T_ChartHost | UI_T_ChartVm
-    selectedChartType: string
-    selectedTimespanType: string
-    unitsCount: number
-    periodType: string
-    selectedCustomTime: string
-    selectedChartOptionName: string
-    customDateFrom: string
-    customDateTo: string
-    customTimeFrom: string
-    customTimeTo: string
-    totalCores: number
-    hostId: string
-    selectedObjects: string
-    project: UI_T_Project
-    objectsLoading: boolean
-    objectsData: UI_I_ObjectItem[]
-    validDateEnd: number
-    formatDate: string
-    disabledPeriod?: boolean
-    disabledView?: boolean
-    selectedNodeName?: string
-  }>(),
-  {
-    disabledPeriod: undefined,
-    disabledView: undefined,
-    selectedNodeName: undefined,
-  }
-)
-
-const emits = defineEmits<{
-  (event: 'update-tools', value: UI_I_MonitorGraphPayload): void
-  (event: 'exporting', value: string): void
-  (event: 'open-advanced-page'): void
-  (event: 'select-row', value: UI_I_AdvancedCounterItem[]): void
-  (event: 'select-metric-local', value: string): void
-  (event: 'update-chart-type', value: string): void
-  (event: 'update-timespan-type', value: string): void
-  (event: 'update-unit-count', value: number): void
-  (event: 'update-period-type', value: string): void
-  (event: 'update-custom-time', value: string): void
-  (event: 'delete-option'): void
-  (event: 'submit-options', value: UI_I_OptionsForm): void
-  (event: 'update:selected-timespan-type', value: string): void
-}>()
-
-const { $store, $formattedDatetime }: any = useNuxtApp()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const routeType = '' + useRoute().params.type
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const updateTimeFormatAndInterfaceLang = computed<number>(
-  () => $store.getters['main/getUpdateTimeFormatAndInterfaceLang']
-)
-
-const localSelectedTimespanType = computed<string>({
-  get() {
-    return props.selectedTimespanType
-  },
-  set(newValue) {
-    emits('update:selected-timespan-type', newValue)
-  },
-})
-
-const optionsNames = ref<string[]>([])
-const viewOptions = computed<UI_I_OptionItem[]>(() =>
-  viewFunc(localization.value, props.type, optionsNames.value)
-)
-
-const selectedView = ref<string>('')
-
-watch(
-  () => props.selectedChartOptionName,
-  (newValue) => {
-    let currentValue = ''
-
-    if (newValue) currentValue = newValue
-    else if (
-      selectedView.value &&
-      optionsNames.value.includes(selectedView.value)
-    )
-      currentValue = selectedView.value
-    else currentValue = selectedView.value || viewOptions.value[0]?.value
-
-    selectedView.value = currentValue
-  },
-  { immediate: true }
-)
-
-const periodOptions = computed<UI_I_OptionItem[]>(() =>
-  periodFunc(localization.value, props.selectedTimespanType)
-)
-const selectedPeriod = computed<string>({
-  get() {
-    return props.selectedTimespanType || periodOptions.value[0].value
-  },
-  set(newValue) {
-    emits('update:selected-timespan-type', newValue)
-  },
-})
-
-const updateTools = (): void => {
-  const periodValue = localSelectedTimespanType.value
-  const viewValue = selectedView.value
-  const prefix = props.project === 'sphere'
-  const selectedValue = useLocalStorage(
-    viewValue + 'ChartOptions',
-    undefined,
-    prefix
-  )
-
-  const fields = selectedValue
-    ? selectedValue.counters.map((item) => item.name).join(', ')
-    : ''
-  const validPeriodData = getValidDateByOptionFunc(
-    periodValue,
-    selectedValue,
-    props.unitsCount,
-    props.selectedCustomTime
-  )
-
-  const period = [
-    Math.round(validPeriodData[0] / 1000),
-    Math.round(validPeriodData[1] / 1000),
-  ]
-
-  if (periodValue === 'custom_interval' && props.periodType === 'period') {
-    const checkDateResult = checkDateFunc(
-      localization.value,
-      props.customDateFrom,
-      props.customDateTo,
-      props.customTimeFrom,
-      props.customTimeTo,
-      props.validDateEnd,
-      props.formatDate
-    )
-    if (Array.isArray(checkDateResult)) {
-      period[0] = Math.round(checkDateResult[0] / 1000)
-      period[1] = Math.round(checkDateResult[1] / 1000)
-    }
-  }
-
-  const tools: UI_I_MonitorGraphPayload = {
-    fields,
-    period,
-    periodType: periodValue,
-    view: viewValue,
-  }
-  if (selectedValue.metric) tools.metricType = selectedValue.metric
-
-  emits('update-timespan-type', localSelectedTimespanType.value)
-  emits('update-tools', tools)
-}
-
-const chartTitleDate = computed<string>(() => {
-  if (!props.startDate || !updateTimeFormatAndInterfaceLang.value) return ''
-
-  const start = $formattedDatetime(props.startDate, { hasSeconds: true })
-  const end = $formattedDatetime(props.endDate, { hasSeconds: true })
-  return `${start} - ${end}`
-})
-
-const onDeleteOption = (): void => {
-  emits('delete-option')
-  optionsNames.value = getCurrentOptionsStorageFunc(routeType, props.project)
-}
-
-const onSaveOptionName = (): void => {
-  optionsNames.value = getCurrentOptionsStorageFunc(routeType, props.project)
-}
-
-const isShowModal = ref<boolean>()
-watch(isShowModal, (newValue) => {
-  if (!newValue && !selectedView.value)
-    selectedView.value = viewOptions.value[0].value
-})
-
-onMounted(() => {
-  optionsNames.value = getCurrentOptionsStorageFunc(routeType, props.project)
-  updateTools()
-})
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-monitor-advanced-tools-new
+    v-if="isNewView"
+    v-model:selected-view="selectedView"
+    v-model:is-show-modal-local="isShowModal"
+    v-model:selected-period="selectedPeriod"
+    :selected-timespan-type="localSelectedTimespanType"
+    :type="props.type"
+    :chart-title-date="chartTitleDate"
+    :language="props.language"
+    :selected-counters-keys="props.selectedCountersKeys"
+    :selected-metric="props.selectedMetric"
+    :disabled-period="props.disabledPeriod"
+    :disabled-view="props.disabledView"
+    :selected-chart-type="props.selectedChartType"
+    :units-count="props.unitsCount"
+    :period-type="props.periodType"
+    :selected-custom-time="props.selectedCustomTime"
+    :selected-chart-option-name="props.selectedChartOptionName"
+    :custom-date-from="props.customDateFrom"
+    :custom-date-to="props.customDateTo"
+    :custom-time-from="props.customTimeFrom"
+    :custom-time-to="props.customTimeTo"
+    :total-cores="totalCores"
+    :host-id="props.hostId"
+    :selected-objects="props.selectedObjects"
+    :project="props.project"
+    :objects-loading="props.objectsLoading"
+    :objects-data="props.objectsData"
+    :valid-date-end="props.validDateEnd"
+    :format-date="props.formatDate"
+    :view-options="viewOptions"
+    :period-options="periodOptions"
+    :selected-node-name="props.selectedNodeName"
+    @save-option-name="onSaveOptionName"
+    @change-period="updateTools"
+    @change-view="updateTools"
+    @select-row="emits('select-row', $event)"
+    @select-metric-local="emits('select-metric-local', $event)"
+    @update-chart-type="emits('update-chart-type', $event)"
+    @update-timespan-type="emits('update-timespan-type', $event)"
+    @update-unit-count="emits('update-unit-count', $event)"
+    @update-period-type="emits('update-period-type', $event)"
+    @update-custom-time="emits('update-custom-time', $event)"
+    @delete-option="onDeleteOption"
+    @submit-options="emits('submit-options', $event)"
+  />
+  <common-monitor-advanced-tools-old
+    v-else
+    v-model:selected-view="selectedView"
+    v-model:is-show-modal-local="isShowModal"
+    v-model:selected-period="selectedPeriod"
+    :selected-timespan-type="localSelectedTimespanType"
+    :type="props.type"
+    :chart-title="props.chartTitle"
+    :chart-title-date="chartTitleDate"
+    :language="props.language"
+    :selected-counters-keys="props.selectedCountersKeys"
+    :selected-metric="props.selectedMetric"
+    :disabled-period="props.disabledPeriod"
+    :disabled-view="props.disabledView"
+    :selected-chart-type="props.selectedChartType"
+    :units-count="props.unitsCount"
+    :period-type="props.periodType"
+    :selected-custom-time="props.selectedCustomTime"
+    :selected-chart-option-name="props.selectedChartOptionName"
+    :custom-date-from="props.customDateFrom"
+    :custom-date-to="props.customDateTo"
+    :custom-time-from="props.customTimeFrom"
+    :custom-time-to="props.customTimeTo"
+    :total-cores="totalCores"
+    :host-id="props.hostId"
+    :selected-objects="props.selectedObjects"
+    :project="props.project"
+    :objects-loading="props.objectsLoading"
+    :objects-data="props.objectsData"
+    :valid-date-end="props.validDateEnd"
+    :format-date="props.formatDate"
+    :view-options="viewOptions"
+    :period-options="periodOptions"
+    @save-option-name="onSaveOptionName"
+    @change-period="updateTools"
+    @change-view="updateTools"
+    @exporting="emits('exporting', $event)"
+    @open-advanced-page="emits('open-advanced-page')"
+    @select-row="emits('select-row', $event)"
+    @select-metric-local="emits('select-metric-local', $event)"
+    @update-chart-type="emits('update-chart-type', $event)"
+    @update-timespan-type="emits('update-timespan-type', $event)"
+    @update-unit-count="emits('update-unit-count', $event)"
+    @update-period-type="emits('update-period-type', $event)"
+    @update-custom-time="emits('update-custom-time', $event)"
+    @delete-option="onDeleteOption"
+    @submit-options="emits('submit-options', $event)"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_MonitorGraphPayload } from '~/components/common/monitor/lib/models/interfaces'
+import type { UI_T_AdvancedType } from '~/components/common/monitor/advanced/lib/models/types'
+import type {
+  UI_T_ChartHost,
+  UI_T_ChartVm,
+} from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/types'
+import type { UI_I_OptionsForm } from '~/components/common/monitor/advanced/tools/chartOptionsModal/lib/models/interfaces'
+import type { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/models/interfaces'
+import type { UI_I_ObjectItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import {
+  getCurrentOptionsStorageFunc,
+  periodFunc,
+  viewFunc,
+} from '~/components/common/monitor/advanced/tools/lib/config/advancedToolbar'
+import { getValidDateByOptionFunc } from '~/components/common/monitor/lib/config/getValidDateByOption'
+import { checkDateFunc } from '~/components/common/monitor/overview/filters/customIntervalModal/lib/config/dateChecker'
+
+const props = withDefaults(
+  defineProps<{
+    type: UI_T_AdvancedType
+    startDate: number
+    endDate: number
+    chartTitle: string
+    language: string
+    selectedCountersKeys: number[]
+    selectedMetric: UI_T_ChartHost | UI_T_ChartVm
+    selectedChartType: string
+    selectedTimespanType: string
+    unitsCount: number
+    periodType: string
+    selectedCustomTime: string
+    selectedChartOptionName: string
+    customDateFrom: string
+    customDateTo: string
+    customTimeFrom: string
+    customTimeTo: string
+    totalCores: number
+    hostId: string
+    selectedObjects: string
+    project: UI_T_Project
+    objectsLoading: boolean
+    objectsData: UI_I_ObjectItem[]
+    validDateEnd: number
+    formatDate: string
+    disabledPeriod?: boolean
+    disabledView?: boolean
+    selectedNodeName?: string
+  }>(),
+  {
+    disabledPeriod: undefined,
+    disabledView: undefined,
+    selectedNodeName: undefined,
+  }
+)
+
+const emits = defineEmits<{
+  (event: 'update-tools', value: UI_I_MonitorGraphPayload): void
+  (event: 'exporting', value: string): void
+  (event: 'open-advanced-page'): void
+  (event: 'select-row', value: UI_I_AdvancedCounterItem[]): void
+  (event: 'select-metric-local', value: string): void
+  (event: 'update-chart-type', value: string): void
+  (event: 'update-timespan-type', value: string): void
+  (event: 'update-unit-count', value: number): void
+  (event: 'update-period-type', value: string): void
+  (event: 'update-custom-time', value: string): void
+  (event: 'delete-option'): void
+  (event: 'submit-options', value: UI_I_OptionsForm): void
+  (event: 'update:selected-timespan-type', value: string): void
+}>()
+
+const { $store, $formattedDatetime }: any = useNuxtApp()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const routeType = '' + useRoute().params.type
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const updateTimeFormatAndInterfaceLang = computed<number>(
+  () => $store.getters['main/getUpdateTimeFormatAndInterfaceLang']
+)
+
+const localSelectedTimespanType = computed<string>({
+  get() {
+    return props.selectedTimespanType
+  },
+  set(newValue) {
+    emits('update:selected-timespan-type', newValue)
+  },
+})
+
+const optionsNames = ref<string[]>([])
+const viewOptions = computed<UI_I_OptionItem[]>(() =>
+  viewFunc(localization.value, props.type, optionsNames.value)
+)
+
+const selectedView = ref<string>('')
+
+watch(
+  () => props.selectedChartOptionName,
+  (newValue) => {
+    let currentValue = ''
+
+    if (newValue) currentValue = newValue
+    else if (
+      selectedView.value &&
+      optionsNames.value.includes(selectedView.value)
+    )
+      currentValue = selectedView.value
+    else currentValue = selectedView.value || viewOptions.value[0]?.value
+
+    selectedView.value = currentValue
+  },
+  { immediate: true }
+)
+
+const periodOptions = computed<UI_I_OptionItem[]>(() =>
+  periodFunc(localization.value, props.selectedTimespanType)
+)
+const selectedPeriod = computed<string>({
+  get() {
+    return props.selectedTimespanType || periodOptions.value[0].value
+  },
+  set(newValue) {
+    emits('update:selected-timespan-type', newValue)
+  },
+})
+
+const updateTools = (): void => {
+  const periodValue = localSelectedTimespanType.value
+  const viewValue = selectedView.value
+  const prefix = props.project === 'sphere'
+  const selectedValue = useLocalStorage(
+    viewValue + 'ChartOptions',
+    undefined,
+    prefix
+  )
+
+  const fields = selectedValue
+    ? selectedValue.counters.map((item) => item.name).join(', ')
+    : ''
+  const validPeriodData = getValidDateByOptionFunc(
+    periodValue,
+    selectedValue,
+    props.unitsCount,
+    props.selectedCustomTime
+  )
+
+  const period = [
+    Math.round(validPeriodData[0] / 1000),
+    Math.round(validPeriodData[1] / 1000),
+  ]
+
+  if (periodValue === 'custom_interval' && props.periodType === 'period') {
+    const checkDateResult = checkDateFunc(
+      localization.value,
+      props.customDateFrom,
+      props.customDateTo,
+      props.customTimeFrom,
+      props.customTimeTo,
+      props.validDateEnd,
+      props.formatDate
+    )
+    if (Array.isArray(checkDateResult)) {
+      period[0] = Math.round(checkDateResult[0] / 1000)
+      period[1] = Math.round(checkDateResult[1] / 1000)
+    }
+  }
+
+  const tools: UI_I_MonitorGraphPayload = {
+    fields,
+    period,
+    periodType: periodValue,
+    view: viewValue,
+  }
+  if (selectedValue.metric) tools.metricType = selectedValue.metric
+
+  emits('update-timespan-type', localSelectedTimespanType.value)
+  emits('update-tools', tools)
+}
+
+const chartTitleDate = computed<string>(() => {
+  if (!props.startDate || !updateTimeFormatAndInterfaceLang.value) return ''
+
+  const start = $formattedDatetime(props.startDate, { hasSeconds: true })
+  const end = $formattedDatetime(props.endDate, { hasSeconds: true })
+  return `${start} - ${end}`
+})
+
+const onDeleteOption = (): void => {
+  emits('delete-option')
+  optionsNames.value = getCurrentOptionsStorageFunc(routeType, props.project)
+}
+
+const onSaveOptionName = (): void => {
+  optionsNames.value = getCurrentOptionsStorageFunc(routeType, props.project)
+}
+
+const isShowModal = ref<boolean>()
+watch(isShowModal, (newValue) => {
+  if (!newValue && !selectedView.value)
+    selectedView.value = viewOptions.value[0].value
+})
+
+onMounted(() => {
+  optionsNames.value = getCurrentOptionsStorageFunc(routeType, props.project)
+  updateTools()
+})
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/pages/files/lib/models/enums.ts

@@ -0,0 +1,10 @@
+export enum UI_E_DatastoreFileType {
+  UNKNOWN,
+  FOLDER,
+}
+
+export enum UI_E_FileProvisioningType {
+  thinProvision = 1,
+  thickProvisionLazyZeroed = 2,
+  thickProvisionEagerZeroed = 3,
+}