bfg-common 1.5.486 → 1.5.488

package/components/common/monitor/advanced/tools/chartOptionsModal/ChartOptionsModalNew.vue

@@ -4,6 +4,7 @@
     :texts="modalTexts"
     test-id="chart-options-modal"
     width="1120px"
+    show
     @hide="emits('hide-main-modal')"
     @submit="emits('submit-main-modal')"
   >

package/components/common/monitor/overview/OverviewNew.vue

@@ -1,6 +1,9 @@
 <template>
   <div ref="chartsView" :class="['charts-view', { 'has-scroll': isHasScroll }]">
-    <template v-for="(chartData, key) in props.allData" :key="chartData.title">
+    <template
+      v-for="(chartData, key) in props.allData"
+      :key="chartData.title || key"
+    >
       <div :class="['chart-container', `graph-${chartData.title}`]">
         <ui-skeleton-long-metric v-if="chartData.loader" height="336px" />
         <common-graph

package/components/common/monitor/overview/filters/customIntervalModal/CustomIntervalModal.vue

@@ -4,10 +4,8 @@
       v-if="isNewView"
       v-model:alert-show="alertShow"
       v-model:current-date-from="currentDateFrom"
-      v-model:date-from="dateFrom"
       v-model:current-time-from="currentTimeFrom"
       v-model:current-date-to="currentDateTo"
-      v-model:date-to="dateTo"
       v-model:current-time-to="currentTimeTo"
       :title-interval-modal="titleIntervalModal"
       :selected-node-name="props.selectedNodeName"

package/components/common/monitor/overview/filters/customIntervalModal/customIntervalModalNew/CustomIntervalModalNew.vue

@@ -27,9 +27,9 @@
         </p>
 
         <div class="filed-wrap from">
-          <lable for="date-from" class="filed-lable">{{
+          <label for="date-from" class="filed-label">{{
             localization.inventoryMonitor.from
-          }}</lable>
+          }}</label>
           <ui-input-with-datepicker
             id="date-from"
             v-model="currentDateFromLocal"
@@ -45,9 +45,9 @@
         </div>
 
         <div class="filed-wrap">
-          <lable for="date-to" class="filed-lable">{{
+          <label for="date-to" class="filed-label">{{
             localization.common.on2
-          }}</lable>
+          }}</label>
           <ui-input-with-datepicker
             id="date-to"
             v-model="currentDateToLocal"
@@ -217,11 +217,11 @@ const onHide = (): void => {
     &.from {
       margin-bottom: 24px;
     }
-    .filed-lable {
+    .filed-label {
       display: block;
       font-size: 16px;
       font-weight: 500;
-      color: var(--overview-time-range-lable-color);
+      color: var(--overview-time-range-label-color);
       margin: 16px 0;
       text-transform: capitalize;
     }

package/components/common/pages/backups/DetailView.vue

@@ -1,52 +1,52 @@
-<template>
-  <div class="detail-view overflow-auto py-0 px-6">
-    <table v-if="detailData" class="table table-noborder">
-      <tbody>
-        <tr>
-          <td class="left">{{ localization.common.name }}</td>
-          <td class="left backup-name-label">{{ detailData.name }}</td>
-        </tr>
-        <tr>
-          <td class="left">{{ localization.common.description }}</td>
-          <td class="left backup-name-label">{{ detailData.description }}</td>
-        </tr>
-        <tr>
-          <td class="left">{{ localization.common.timestamp }}</td>
-          <td class="left backup-name-label">{{ detailData.timestamp }}</td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_BackupsTreeNode } from '~/components/common/pages/backups/lib/models/interfaces'
-
-const props = defineProps<{
-  detail: UI_I_BackupsTreeNode | null
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const detailData = ref<UI_I_BackupsTreeNode | null>(null)
-watch(
-  () => props.detail,
-  (newValue) => {
-    detailData.value = newValue
-  },
-  { immediate: true, deep: true }
-)
-</script>
-
-<style scoped lang="scss">
-.detail-view {
-  width: 50%;
-
-  .table {
-    .left:not(.backup-name-label) {
-      width: 320px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="detail-view overflow-auto py-0 px-6">
+    <table v-if="detailData" class="table table-noborder">
+      <tbody>
+        <tr>
+          <td class="left">{{ localization.common.name }}</td>
+          <td class="left backup-name-label">{{ detailData.name }}</td>
+        </tr>
+        <tr>
+          <td class="left">{{ localization.common.description }}</td>
+          <td class="left backup-name-label">{{ detailData.description }}</td>
+        </tr>
+        <tr>
+          <td class="left">{{ localization.common.timestamp }}</td>
+          <td class="left backup-name-label">{{ detailData.timestamp }}</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_BackupsTreeNode } from '~/components/common/pages/backups/lib/models/interfaces'
+
+const props = defineProps<{
+  detail: UI_I_BackupsTreeNode | null
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const detailData = ref<UI_I_BackupsTreeNode | null>(null)
+watch(
+  () => props.detail,
+  (newValue) => {
+    detailData.value = newValue
+  },
+  { immediate: true, deep: true }
+)
+</script>
+
+<style scoped lang="scss">
+.detail-view {
+  width: 50%;
+
+  .table {
+    .left:not(.backup-name-label) {
+      width: 320px;
+    }
+  }
+}
+</style>

package/components/common/pages/backups/lib/models/interfaces.ts

@@ -1,36 +1,36 @@
-import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
-import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
-import type { UI_T_BackupActionType } from '~/components/common/pages/backups/lib/models/types'
-
-export interface API_UI_I_Backup {
-  creation_time: number
-  creation_type: number
-  description: string
-  kind: number // TODO
-  msg: string
-  name: string
-  state: number // TODO
-  uuid: string
-  vm_name: string
-  vmid: string
-  storage_id: string
-  storage_name: string
-}
-
-export interface UI_I_Backup extends API_UI_I_Backup {}
-
-export interface UI_I_BackupsTreeNode
-  extends UI_I_TreeNode<UI_I_BackupsTreeNode> {
-  parent_id: string
-  timestamp: string
-  description: string
-}
-
-export interface UI_I_BackupAction {
-  action: UI_T_BackupActionType | ''
-  id?: string
-  name?: string
-  backupId?: string
-  bucketId?: string
-  storageId?: string
-}
+import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
+import type { UI_T_BackupActionType } from '~/components/common/pages/backups/lib/models/types'
+
+export interface API_UI_I_Backup {
+  creation_time: number
+  creation_type: number
+  description: string
+  kind: number // TODO
+  msg: string
+  name: string
+  state: number // TODO
+  uuid: string
+  vm_name: string
+  vmid: string
+  storage_id: string
+  storage_name: string
+}
+
+export interface UI_I_Backup extends API_UI_I_Backup {}
+
+export interface UI_I_BackupsTreeNode
+  extends UI_I_TreeNode<UI_I_BackupsTreeNode> {
+  parent_id: string
+  timestamp: string
+  description: string
+}
+
+export interface UI_I_BackupAction {
+  action: UI_T_BackupActionType | ''
+  id?: string
+  name?: string
+  backupId?: string
+  bucketId?: string
+  storageId?: string
+}