bfg-common 1.4.651 → 1.4.652

package/assets/localization/local_be.json

@@ -2278,7 +2278,10 @@
     "deleteNotesMessage": "Вы ўпэўненыя, што хочаце выдаліць нататкі з \"{vmName}\"?",
     "passwordContainsInvalidCharacters": "Пароль змяшчае недапушчальныя сімвалы",
     "fieldInvalidCharacters": "Гэта поле павінна ўтрымліваць ад 3 да 64 сімвалаў і можа ўключаць толькі лацінскія літары, лічбы і сімвалы \"_\", \"-\", '.'",
-    "rowsPerPage": "Радкі на старонку"
+    "rowsPerPage": "Радкі на старонку",
+    "unsavedChanges": "Непавераныя змены!",
+    "unsavedChangesDescription": "Вы ўпэўнены, што хочаце пакінуць гэтую старонку? Непакураны змены будуць страчаны.",
+    "leave": "Пакідаць"
   },
   "auth": {
     "welcomeTo": "Сардэчна запрашаем у",
@@ -2842,6 +2845,8 @@
     "memoryMetrics": "Метрыкі памяці",
     "networkMetrics": "Сеткавыя паказчыкі",
     "diskMetrics": "Паказчыкі дыска",
+    "storageMetrics": "Метрыкі захоўвання",
+    "sensorsMetrics": "Метрыкі датчыкаў",
     "vmCpuMetrics": "Метрыкі працэсара віртуальнай машыны",
     "vmMemoryMetrics": "Метрыкі памяці віртуальнай машыны",
     "vmNetworkMetrics": "Метрыкі сеткі віртуальнай машыны",

package/assets/localization/local_en.json

@@ -2282,7 +2282,10 @@
     "deleteNotesMessage": "Are you sure you want to delete notes from \"{vmName}\"?",
     "passwordContainsInvalidCharacters": "Password contains invalid characters",
     "fieldInvalidCharacters": "This field must contain from 3 to 64 characters and can include only Latin letters, numbers, and symbols '_', '-', '.'",
-    "rowsPerPage": "Rows per page"
+    "rowsPerPage": "Rows per page",
+    "unsavedChanges": "Unsaved Changes!",
+    "unsavedChangesDescription": "Are you sure you want to leave this page? Unsaved changes will be lost.",
+    "leave": "Leave"
   },
   "auth": {
     "welcomeTo": "Welcome to",
@@ -2846,6 +2849,8 @@
     "memoryMetrics": "Memory Metrics",
     "networkMetrics": "Network Metrics",
     "diskMetrics": "Disk Metrics",
+    "storageMetrics": "Storage Metrics",
+    "sensorsMetrics": "Sensors Metrics",
     "vmCpuMetrics": "VM CPU Metrics",
     "vmMemoryMetrics": "VM Memory Metrics",
     "vmNetworkMetrics": "VM Network Metrics",

package/assets/localization/local_hy.json

@@ -2282,7 +2282,10 @@
     "deleteNotesMessage": "Համոզված եք, որ ցանկանում եք ջնջել գրառումները \"{vmName}\"-ից:",
     "passwordContainsInvalidCharacters": "Գաղտնաբառը պարունակում է անվավեր նիշեր",
     "fieldInvalidCharacters": "Այս դաշտը պետք է պարունակի 3-ից 64 նիշ եւ կարող է ներառել միայն լատինական տառեր, համարներ եւ խորհրդանիշներ «_», - «»:",
-    "rowsPerPage": "Շարքեր մեկ էջում"
+    "rowsPerPage": "Շարքեր մեկ էջում",
+    "unsavedChanges": "Չհաստատված փոփոխություններ",
+    "unsavedChangesDescription": "Համոզված եք, որ ցանկանում եք լքել այս էջը: Չպաշտպանված փոփոխությունները կկորչվեն:",
+    "leave": "Հեռանալ"
   },
   "auth": {
     "welcomeTo": "Բարի գալուստ",
@@ -2846,6 +2849,8 @@
     "memoryMetrics": "Հիշողության չափումներ",
     "networkMetrics": "Ցանցի չափումներ",
     "diskMetrics": "Սկավառակի չափումներ",
+    "storageMetrics": "Պահպանման չափումներ",
+    "sensorsMetrics": "Սենսորների չափումներ",
     "vmCpuMetrics": "VM CPU չափումներ",
     "vmMemoryMetrics": "VM հիշողության չափումներ",
     "vmNetworkMetrics": "VM ցանցի չափումներ",

package/assets/localization/local_kk.json

@@ -2281,7 +2281,10 @@
     "deleteNotesMessage": "Жазбаларды \"{vmName}\" ішінен жойғыңыз келетініне сенімдісіз бе?",
     "passwordContainsInvalidCharacters": "Құпия сөзде жарамсыз таңбалар бар",
     "fieldInvalidCharacters": "Бұл өрісте 3-тен 64 таңбадан тұруы керек және тек латын әріптері, сандар, сандар және символдар, '', '', '', ''.",
-    "rowsPerPage": "Ағын сызықтары"
+    "rowsPerPage": "Ағын сызықтары",
+    "unsavedChanges": "Жетілмеген өзгерістер!",
+    "unsavedChangesDescription": "Сіз бұл беттен кеткіңіз келе ме? Сақталмаған өзгерістер жоғалады.",
+    "leave": "Тастау"
   },
   "auth": {
     "welcomeTo": "Қош келдіңіз",
@@ -2845,6 +2848,8 @@
     "memoryMetrics": "Жад көрсеткіштері",
     "networkMetrics": "Желілік көрсеткіштер",
     "diskMetrics": "Диск Өлшемдері",
+    "storageMetrics": "Сақтау к рсеткіштері",
+    "sensorsMetrics": "Датчиктер к рсеткіштері",
     "vmCpuMetrics": "VM CPU көрсеткіштері",
     "vmMemoryMetrics": "VM жад көрсеткіштері",
     "vmNetworkMetrics": "VM желілік көрсеткіштері",

package/assets/localization/local_ru.json

@@ -2283,7 +2283,10 @@
     "deleteNotesMessage": "Вы уверены, что хотите удалить заметки из \"{vmName}\"?",
     "passwordContainsInvalidCharacters": "Пароль содержит недопустимые символы",
     "fieldInvalidCharacters": "Это поле должен содержать от 3 до 64 символов и может включать только латинские буквы, цифры, а также символы '_', '-', '.'",
-    "rowsPerPage": "Кол-во строк"
+    "rowsPerPage": "Кол-во строк",
+    "unsavedChanges": "Несохранённые изменения!",
+    "unsavedChangesDescription": "Вы уверены, что хотите покинуть эту страницу? Неиседлкие изменения будут потеряны.",
+    "leave": "Покинуть"
   },
   "auth": {
     "welcomeTo": "Добро пожаловать в",
@@ -2847,6 +2850,8 @@
     "memoryMetrics": "Показатели памяти",
     "networkMetrics": "Показатели сети",
     "diskMetrics": "Показатели диска",
+    "storageMetrics": "Метрики хранения",
+    "sensorsMetrics": "Метрики датчиков",
     "vmCpuMetrics": "Показатели ЦП виртуальной машины",
     "vmMemoryMetrics": "Показатели памяти виртуальной машины",
     "vmNetworkMetrics": "Показатели сети виртуальной машины",

package/assets/localization/local_zh.json

@@ -2280,7 +2280,10 @@
     "deleteNotesMessage": "您确定要从 \"{vmName}\" 中删除注释吗？",
     "passwordContainsInvalidCharacters": "密码包含无效字符",
     "fieldInvalidCharacters": "该字段必须包含3到64个字符，并且只能包括拉丁字母，数字和符号'_'，'，'，'。",
-    "rowsPerPage": "每页行"
+    "rowsPerPage": "每页行",
+    "unsavedChanges": "未保存的更改！",
+    "unsavedChangesDescription": "您确定要离开此页面吗？未保存的更改将丢失。",
+    "leave": "离开"
   },
   "auth": {
     "welcomeTo": "欢迎来到",
@@ -2844,6 +2847,8 @@
     "memoryMetrics": "内存指标",
     "networkMetrics": "网络指标",
     "diskMetrics": "磁盘指标",
+    "storageMetrics": "存储指标",
+    "sensorsMetrics": "传感器指标",
     "vmCpuMetrics": "虚拟机 CPU 指标",
     "vmMemoryMetrics": "虚拟机内存指标",
     "vmNetworkMetrics": "虚拟机网络指标",

package/components/common/modals/unsavedChanges/UnsavedChanges.vue

@@ -0,0 +1,56 @@
+<template>
+  <div class="absolute">
+    <common-modals-confirmation
+      v-if="show"
+      is-new-view
+      :headline="localization.common.unsavedChanges"
+      :description="localization.common.unsavedChangesDescription"
+      :modal-texts="modalTexts"
+      @hide-modal="onHide"
+      @confirm="onLeave"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_ModalTexts } from 'bfg-uikit/components/ui/modal/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const emits = defineEmits<{
+  (event: 'leave'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const modalTexts = ref<UI_I_ModalTexts>({
+  resetToDefault: '',
+  button1: localization.value.common.cancel,
+  button2: localization.value.common.leave,
+})
+
+const show = defineModel<boolean>('show', { required: true })
+
+const onHide = (): void => {
+  show.value = false
+}
+const onLeave = (): void => {
+  emits('leave')
+}
+</script>
+
+<style>
+:root {
+  --unsaved-changes-modal-bg-color: var(--modal-bg);
+}
+:root.dark-theme {
+  --unsaved-changes-modal-bg-color: #334453;
+}
+</style>
+<style scoped lang="scss">
+:deep(.ui-popup_content) {
+  background-color: var(--unsaved-changes-modal-bg-color);
+}
+:deep(.ui-popup_footer-transparent-block) {
+  display: none;
+}
+</style>

package/components/common/monitor/resourceAllocation/resourceAllocation.vue

@@ -1,196 +1,196 @@
-<template>
-  <div class="resource-allocation">
-    <div class="resource-allocation-header">
-      <common-headline :headline="props.title" />
-
-      <div class="resource-allocation-header-block">
-        <div class="resource-allocation-header-block-progress">
-          <div
-            title="70%"
-            class="resource-allocation-header-block-progress-used"
-            :style="{ width: props.headerData.used + '%' }"
-          ></div>
-          <div
-            title="30%"
-            class="resource-allocation-header-block-progress-available"
-            :style="{ width: 100 - props.headerData.used + '%' }"
-          ></div>
-        </div>
-        <div class="resource-allocation-header-block-progress-info">
-          <div>{{ props.headerData.from }}</div>
-          <div>{{ props.headerData.to }}</div>
-        </div>
-
-        <div class="resource-allocation-header-block-info">
-          <div
-            v-for="(item, key) in props.headerData.items"
-            :key="key"
-            class="resource-allocation-header-block-info-item"
-          >
-            <span>
-              <span
-                v-if="item.used"
-                class="resource-allocation-header-block-info-item-used"
-              ></span>
-              <span
-                v-if="item.available"
-                class="resource-allocation-header-block-info-item-available"
-              ></span>
-              <span>{{ item.title }}</span>
-            </span>
-            <span>{{ item.value }}</span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!--    <div class="resource-allocation-content">-->
-    <!--      <div class="data-table-view">-->
-    <!--        <div class="data-table-view__inner">-->
-    <!--          <atoms-table-data-grid-->
-    <!--            v-model:column-keys="columnKeys"-->
-    <!--            v-model:selected-row="selectedRow"-->
-    <!--            :head-items="headItems"-->
-    <!--            :body-items="bodyItems"-->
-    <!--            :total-items="props.totalItems"-->
-    <!--            :total-pages="props.totalPages"-->
-    <!--            :page-size="100"-->
-    <!--            :page="1"-->
-    <!--            :type="tableType"-->
-    <!--            class="data-table"-->
-    <!--            test-id="hardware-health-table"-->
-    <!--            :loading="props.loading"-->
-    <!--            hide-page-size-->
-    <!--            server-off-->
-    <!--          >-->
-    <!--            <template v-if="hasNonEmptySelEntries" #toggleBlock="{ item }">-->
-    <!--              <div class="row-details">-->
-    <!--                <div class="row-details__headline">-->
-    <!--                  {{ localization.common.eventLogEntries }}-->
-    <!--                </div>-->
-
-    <!--                <div-->
-    <!--                  v-for="(entries, key) in item[0].data.current.sel_entries"-->
-    <!--                  :key="key"-->
-    <!--                  class="row-details__content"-->
-    <!--                >-->
-    <!--                  <span>{{ entries.event }}</span>-->
-    <!--                  <span>{{ entries.time }}</span>-->
-    <!--                </div>-->
-    <!--              </div>-->
-    <!--            </template>-->
-
-    <!--            <template #icon="{ item }">-->
-    <!--              <atoms-the-icon-->
-    <!--                v-if="!item.data.isSprite"-->
-    <!--                :name="item.data.iconClassName"-->
-    <!--                class="icon"-->
-    <!--              />-->
-    <!--              <span v-else :class="['icon', item.data.iconClassName]"></span>-->
-    <!--              {{ item.text }}-->
-
-    <!--              <a-->
-    <!--                v-if="item.data.warning"-->
-    <!--                id="sensor-item-warning"-->
-    <!--                :data-id="item.data.testId"-->
-    <!--                href="javascript:void(0)"-->
-    <!--                class="row-details__text"-->
-    <!--                @click="onShowFieldWarning(item.data.warning)"-->
-    <!--                >{{ localization.common.details }}...-->
-    <!--              </a>-->
-    <!--            </template>-->
-    <!--          </atoms-table-data-grid>-->
-    <!--        </div>-->
-    <!--      </div>-->
-    <!--    </div>-->
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ResourceAllocationHeader } from '~/components/common/monitor/resourceAllocation/lib/models/interfaces'
-
-const props = defineProps<{
-  title: string
-  headerData: UI_I_ResourceAllocationHeader
-}>()
-
-// const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped>
-.resource-allocation {
-  &-header {
-    &-block {
-      width: 100%;
-      max-width: 350px;
-      min-width: 250px;
-      position: relative;
-      padding-top: 11px;
-
-      &-progress {
-        height: 17px;
-        margin-bottom: 3px;
-        border: 1px solid #939fa7;
-        z-index: 1;
-        position: relative;
-        display: flex;
-
-        &-used {
-          background-color: #8fdaf9;
-          height: 100%;
-        }
-
-        &-available {
-          background-color: #ffffff;
-          height: 100%;
-        }
-
-        &-info {
-          display: flex;
-          justify-content: space-between;
-          height: 20px;
-
-          div {
-            font-size: smaller;
-            font-weight: 400;
-            line-height: 24px;
-          }
-        }
-      }
-
-      &-info {
-        flex: 1 1 auto;
-        width: 100%;
-        height: 110px;
-        padding: 10px 0;
-
-        &-item {
-          display: flex;
-          justify-content: space-between;
-          height: 18px;
-          line-height: 17px;
-
-          &-used {
-            width: 16px;
-            height: 12px;
-            border: 1px solid #aaa;
-            background-color: #8fdaf9;
-            display: inline-block;
-            margin-bottom: -2px;
-            margin-right: 4px;
-          }
-
-          &-available {
-            width: 16px;
-            height: 12px;
-            border: 1px solid #aaa;
-            background-color: #ffffff;
-            display: inline-block;
-            margin-bottom: -2px;
-            margin-right: 4px;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="resource-allocation">
+    <div class="resource-allocation-header">
+      <common-headline :headline="props.title" />
+
+      <div class="resource-allocation-header-block">
+        <div class="resource-allocation-header-block-progress">
+          <div
+            title="70%"
+            class="resource-allocation-header-block-progress-used"
+            :style="{ width: props.headerData.used + '%' }"
+          ></div>
+          <div
+            title="30%"
+            class="resource-allocation-header-block-progress-available"
+            :style="{ width: 100 - props.headerData.used + '%' }"
+          ></div>
+        </div>
+        <div class="resource-allocation-header-block-progress-info">
+          <div>{{ props.headerData.from }}</div>
+          <div>{{ props.headerData.to }}</div>
+        </div>
+
+        <div class="resource-allocation-header-block-info">
+          <div
+            v-for="(item, key) in props.headerData.items"
+            :key="key"
+            class="resource-allocation-header-block-info-item"
+          >
+            <span>
+              <span
+                v-if="item.used"
+                class="resource-allocation-header-block-info-item-used"
+              ></span>
+              <span
+                v-if="item.available"
+                class="resource-allocation-header-block-info-item-available"
+              ></span>
+              <span>{{ item.title }}</span>
+            </span>
+            <span>{{ item.value }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!--    <div class="resource-allocation-content">-->
+    <!--      <div class="data-table-view">-->
+    <!--        <div class="data-table-view__inner">-->
+    <!--          <atoms-table-data-grid-->
+    <!--            v-model:column-keys="columnKeys"-->
+    <!--            v-model:selected-row="selectedRow"-->
+    <!--            :head-items="headItems"-->
+    <!--            :body-items="bodyItems"-->
+    <!--            :total-items="props.totalItems"-->
+    <!--            :total-pages="props.totalPages"-->
+    <!--            :page-size="100"-->
+    <!--            :page="1"-->
+    <!--            :type="tableType"-->
+    <!--            class="data-table"-->
+    <!--            test-id="hardware-health-table"-->
+    <!--            :loading="props.loading"-->
+    <!--            hide-page-size-->
+    <!--            server-off-->
+    <!--          >-->
+    <!--            <template v-if="hasNonEmptySelEntries" #toggleBlock="{ item }">-->
+    <!--              <div class="row-details">-->
+    <!--                <div class="row-details__headline">-->
+    <!--                  {{ localization.common.eventLogEntries }}-->
+    <!--                </div>-->
+
+    <!--                <div-->
+    <!--                  v-for="(entries, key) in item[0].data.current.sel_entries"-->
+    <!--                  :key="key"-->
+    <!--                  class="row-details__content"-->
+    <!--                >-->
+    <!--                  <span>{{ entries.event }}</span>-->
+    <!--                  <span>{{ entries.time }}</span>-->
+    <!--                </div>-->
+    <!--              </div>-->
+    <!--            </template>-->
+
+    <!--            <template #icon="{ item }">-->
+    <!--              <atoms-the-icon-->
+    <!--                v-if="!item.data.isSprite"-->
+    <!--                :name="item.data.iconClassName"-->
+    <!--                class="icon"-->
+    <!--              />-->
+    <!--              <span v-else :class="['icon', item.data.iconClassName]"></span>-->
+    <!--              {{ item.text }}-->
+
+    <!--              <a-->
+    <!--                v-if="item.data.warning"-->
+    <!--                id="sensor-item-warning"-->
+    <!--                :data-id="item.data.testId"-->
+    <!--                href="javascript:void(0)"-->
+    <!--                class="row-details__text"-->
+    <!--                @click="onShowFieldWarning(item.data.warning)"-->
+    <!--                >{{ localization.common.details }}...-->
+    <!--              </a>-->
+    <!--            </template>-->
+    <!--          </atoms-table-data-grid>-->
+    <!--        </div>-->
+    <!--      </div>-->
+    <!--    </div>-->
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_ResourceAllocationHeader } from '~/components/common/monitor/resourceAllocation/lib/models/interfaces'
+
+const props = defineProps<{
+  title: string
+  headerData: UI_I_ResourceAllocationHeader
+}>()
+
+// const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped>
+.resource-allocation {
+  &-header {
+    &-block {
+      width: 100%;
+      max-width: 350px;
+      min-width: 250px;
+      position: relative;
+      padding-top: 11px;
+
+      &-progress {
+        height: 17px;
+        margin-bottom: 3px;
+        border: 1px solid #939fa7;
+        z-index: 1;
+        position: relative;
+        display: flex;
+
+        &-used {
+          background-color: #8fdaf9;
+          height: 100%;
+        }
+
+        &-available {
+          background-color: #ffffff;
+          height: 100%;
+        }
+
+        &-info {
+          display: flex;
+          justify-content: space-between;
+          height: 20px;
+
+          div {
+            font-size: smaller;
+            font-weight: 400;
+            line-height: 24px;
+          }
+        }
+      }
+
+      &-info {
+        flex: 1 1 auto;
+        width: 100%;
+        height: 110px;
+        padding: 10px 0;
+
+        &-item {
+          display: flex;
+          justify-content: space-between;
+          height: 18px;
+          line-height: 17px;
+
+          &-used {
+            width: 16px;
+            height: 12px;
+            border: 1px solid #aaa;
+            background-color: #8fdaf9;
+            display: inline-block;
+            margin-bottom: -2px;
+            margin-right: 4px;
+          }
+
+          &-available {
+            width: 16px;
+            height: 12px;
+            border: 1px solid #aaa;
+            background-color: #ffffff;
+            display: inline-block;
+            margin-bottom: -2px;
+            margin-right: 4px;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.4.651",
+  "version": "1.4.652",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",