bfg-common 1.4.353 → 1.4.355

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/lib/config/utils.ts

@@ -499,49 +499,31 @@ const vmItemsFunc = (
     },
     {
       id: 2,
-      name: localization.inventoryMonitor.readCount,
-      description: localization.inventoryMonitor.averageNumberOfReadCount,
-      measurement: localization.common.read,
+      name: localization.inventoryMonitor.diskDevicesShares,
+      description: localization.inventoryMonitor.amountDiskDevicesShares,
+      measurement: localization.inventoryMonitor.usageInNum,
       units: localization.common.num,
-      nameEn: 'read count',
-      testId: 'counters-table-read-count-item',
+      nameEn: 'disk devices shares',
+      testId: 'counters-table-disk-devices-shares-item',
     },
     {
       id: 3,
-      name: localization.inventoryMonitor.writeCount,
-      description: localization.inventoryMonitor.averageNumberOfWriteCount,
-      measurement: localization.common.write,
+      name: localization.inventoryMonitor.diskDevicesLimitIOps,
+      description: localization.inventoryMonitor.amountDiskDevicesLimitIOps,
+      measurement: localization.inventoryMonitor.usageInNum,
       units: localization.common.num,
-      nameEn: 'write count',
-      testId: 'counters-table-write-count-item',
-    },
-    // {
-    //   id: 2,
-    //   name: localization.inventoryMonitor.diskDevicesShares,
-    //   description: localization.inventoryMonitor.amountDiskDevicesShares,
-    //   measurement: localization.inventoryMonitor.usageInNum,
-    //   units: localization.common.num,
-    //   nameEn: 'disk devices shares',
-    //   testId: 'counters-table-disk-devices-shares-item',
-    // },
-    // {
-    //   id: 3,
-    //   name: localization.inventoryMonitor.diskDevicesLimitIOps,
-    //   description: localization.inventoryMonitor.amountDiskDevicesLimitIOps,
-    //   measurement: localization.inventoryMonitor.usageInNum,
-    //   units: localization.common.num,
-    //   nameEn: 'disk devices limit iops',
-    //   testId: 'counters-table-disk-devices-limit-iops-item',
-    // },
-    // {
-    //   id: 4,
-    //   name: localization.inventoryMonitor.diskDevicesSize,
-    //   description: localization.inventoryMonitor.amountDiskDevicesSize,
-    //   measurement: localization.inventoryMonitor.usageInKb,
-    //   units: localization.common.kb,
-    //   nameEn: 'disk devices size',
-    //   testId: 'counters-table-disk-devices-size-item',
-    // },
+      nameEn: 'disk devices limit iops',
+      testId: 'counters-table-disk-devices-limit-iops-item',
+    },
+    {
+      id: 4,
+      name: localization.inventoryMonitor.diskDevicesSize,
+      description: localization.inventoryMonitor.amountDiskDevicesSize,
+      measurement: localization.inventoryMonitor.usageInKb,
+      units: localization.common.kb,
+      nameEn: 'disk devices size',
+      testId: 'counters-table-disk-devices-size-item',
+    },
   ]
   const network: UI_I_AdvancedCounterItem[] = [
     {
@@ -677,130 +659,76 @@ const vmItemsFunc = (
   const memory: UI_I_AdvancedCounterItem[] = [
     {
       id: 0,
-      name: localization.inventoryMonitor.memorySizeMb,
-      description: localization.inventoryMonitor.sizeAvailableMemoryInMB,
+      name: localization.inventoryMonitor.memoryLimitMb2,
+      description: localization.inventoryMonitor.memoryLimitInMB,
       measurement: localization.inventoryMonitor.usageInMb,
       units: localization.common.mb,
-      nameEn: 'memory size mb',
-      testId: 'counters-table-memory-size-mb-item',
+      nameEn: 'memory limit mb',
+      testId: 'counters-table-memory-limit-mb-item',
     },
     {
       id: 1,
-      name: localization.inventoryMonitor.memoryUsedMb,
-      description: localization.inventoryMonitor.usedMemoryInMB,
+      name: localization.inventoryMonitor.memorySizeMb,
+      description: localization.inventoryMonitor.sizeAvailableMemoryInMB,
       measurement: localization.inventoryMonitor.usageInMb,
       units: localization.common.mb,
-      nameEn: 'memory used mb',
-      testId: 'counters-table-memory-used-mb-item',
+      nameEn: 'memory size mb',
+      testId: 'counters-table-memory-size-mb-item',
     },
     {
       id: 2,
-      name: localization.inventoryMonitor.sharedPages,
-      description: localization.inventoryMonitor.sharedPagesDesc,
-      measurement: localization.common.num,
-      units: localization.common.num,
-      nameEn: 'shared pages',
-      testId: 'counters-table-memory-shared-pages-item',
+      name: localization.inventoryMonitor.memoryReservationMb2,
+      description: localization.inventoryMonitor.memoryReservationInMB,
+      measurement: localization.inventoryMonitor.usageInMb,
+      units: localization.common.mb,
+      nameEn: 'memory reservation mb',
+      testId: 'counters-table-memory-reservation-mb-item',
     },
     {
       id: 3,
-      name: localization.inventoryMonitor.sharedPages,
-      description: localization.inventoryMonitor.sharedPagesDesc,
-      measurement: localization.common.num,
+      name: localization.inventoryMonitor.memoryDramReadBandwidth,
+      description: localization.inventoryMonitor.memoryDramReadBandwidth,
+      measurement: localization.inventoryMonitor.usageInNum,
       units: localization.common.num,
-      nameEn: 'shared pages',
-      testId: 'counters-table-memory-shared-pages-item',
+      nameEn: 'memory dram read bandwidth',
+      testId: 'counters-table-memory-dram-read-bandwidth-item',
     },
     {
       id: 4,
-      name: localization.common.text,
-      description: localization.inventoryMonitor.textDesc,
-      measurement: localization.common.num,
-      units: localization.common.num,
-      nameEn: 'text',
-      testId: 'counters-table-memory-text-item',
+      name: localization.inventoryMonitor.memoryProvisionedMb,
+      description: localization.inventoryMonitor.provisionedMemoryInMB,
+      measurement: localization.inventoryMonitor.usageInMb,
+      units: localization.common.mb,
+      nameEn: 'memory provisioned mb',
+      testId: 'counters-table-memory-provisioned-mb-item',
     },
     {
       id: 5,
-      name: localization.inventoryMonitor.library,
-      description: localization.inventoryMonitor.libraryDesc,
-      measurement: localization.common.kb,
-      units: localization.common.kb,
-      nameEn: 'library',
-      testId: 'counters-table-memory-library-item',
+      name: localization.inventoryMonitor.memoryPMemReadBandwidth,
+      description: localization.inventoryMonitor.memoryPMemReadBandwidth,
+      measurement: localization.inventoryMonitor.usageInNum,
+      units: localization.common.num,
+      nameEn: 'memory pmem read bandwidth',
+      testId: 'counters-table-memory-pmem-read-bandwidth-item',
     },
     {
       id: 6,
-      name: localization.inventoryMonitor.dataStack,
-      description: localization.inventoryMonitor.dataStackDesc,
-      measurement: localization.common.num,
-      units: localization.common.num,
-      nameEn: 'data stack',
-      testId: 'counters-table-memory-data-stack-item',
+      name: localization.inventoryMonitor.memoryUsedMb,
+      description: localization.inventoryMonitor.usedMemoryInMB,
+      measurement: localization.inventoryMonitor.usageInMb,
+      units: localization.common.mb,
+      nameEn: 'memory used mb',
+      testId: 'counters-table-memory-used-mb-item',
     },
     {
       id: 7,
-      name: localization.inventoryMonitor.dirtyPages,
-      description: localization.inventoryMonitor.dirtyPagesDesc,
-      measurement: localization.common.num,
-      units: localization.common.num,
-      nameEn: 'dirty pages',
-      testId: 'counters-table-memory-dirty-pages-item',
-    },
-    // {
-    //   id: 0,
-    //   name: localization.inventoryMonitor.memoryLimitMb2,
-    //   description: localization.inventoryMonitor.memoryLimitInMB,
-    //   measurement: localization.inventoryMonitor.usageInMb,
-    //   units: localization.common.mb,
-    //   nameEn: 'memory limit mb',
-    //   testId: 'counters-table-memory-limit-mb-item',
-    // },
-    // {
-    //   id: 2,
-    //   name: localization.inventoryMonitor.memoryReservationMb2,
-    //   description: localization.inventoryMonitor.memoryReservationInMB,
-    //   measurement: localization.inventoryMonitor.usageInMb,
-    //   units: localization.common.mb,
-    //   nameEn: 'memory reservation mb',
-    //   testId: 'counters-table-memory-reservation-mb-item',
-    // },
-    // {
-    //   id: 3,
-    //   name: localization.inventoryMonitor.memoryDramReadBandwidth,
-    //   description: localization.inventoryMonitor.memoryDramReadBandwidth,
-    //   measurement: localization.inventoryMonitor.usageInNum,
-    //   units: localization.common.num,
-    //   nameEn: 'memory dram read bandwidth',
-    //   testId: 'counters-table-memory-dram-read-bandwidth-item',
-    // },
-    // {
-    //   id: 4,
-    //   name: localization.inventoryMonitor.memoryProvisionedMb,
-    //   description: localization.inventoryMonitor.provisionedMemoryInMB,
-    //   measurement: localization.inventoryMonitor.usageInMb,
-    //   units: localization.common.mb,
-    //   nameEn: 'memory provisioned mb',
-    //   testId: 'counters-table-memory-provisioned-mb-item',
-    // },
-    // {
-    //   id: 5,
-    //   name: localization.inventoryMonitor.memoryPMemReadBandwidth,
-    //   description: localization.inventoryMonitor.memoryPMemReadBandwidth,
-    //   measurement: localization.inventoryMonitor.usageInNum,
-    //   units: localization.common.num,
-    //   nameEn: 'memory pmem read bandwidth',
-    //   testId: 'counters-table-memory-pmem-read-bandwidth-item',
-    // },
-    // {
-    //   id: 7,
-    //   name: localization.inventoryMonitor.memoryResidentSetSizeMb,
-    //   description: localization.inventoryMonitor.residentSetSizeMemoryInMB,
-    //   measurement: localization.inventoryMonitor.usageInMb,
-    //   units: localization.common.mb,
-    //   nameEn: 'memory resident set size mb',
-    //   testId: 'counters-table-memory-resident-set-size-mb-item',
-    // },
+      name: localization.inventoryMonitor.memoryResidentSetSizeMb,
+      description: localization.inventoryMonitor.residentSetSizeMemoryInMB,
+      measurement: localization.inventoryMonitor.usageInMb,
+      units: localization.common.mb,
+      nameEn: 'memory resident set size mb',
+      testId: 'counters-table-memory-resident-set-size-mb-item',
+    },
   ]
   const datastore: UI_I_AdvancedCounterItem[] = [
     {

package/components/common/portlets/tag/CreateCategory.vue

@@ -0,0 +1,276 @@
+<template>
+  <ui-modal
+    v-if="props.isShowModal"
+    :title="localization.common.createCategory"
+    test-id="modal-create-category"
+    width="656px"
+    :texts="createCategoryTexts"
+    @hide="emits('cancel')"
+    @submit="onCreate"
+  >
+    <template #header></template>
+    <template #content>
+      <div class="create-category">
+        <div class="create-category-name">
+          <ui-input
+            v-model="data.categoryName"
+            test-id="category-name-input"
+            :label="localization.common.categoryName"
+            size="lg"
+            :error="errorText"
+          />
+        </div>
+        <div class="create-category-description">
+          <ui-textarea
+            v-model="data.description"
+            test-id="description-textarea"
+            :label="localization.common.description"
+          />
+        </div>
+        <div class="create-category-tpo">
+          <span class="create-category-tpo-title sub-title">{{
+            localization.common.tagsPerObject
+          }}</span>
+          <div class="create-category-tpo-radio">
+            <div class="create-category-tpo-radio-item">
+              <ui-radio
+                v-model="data.tagsPerObject"
+                test-id="tags-per-object-one"
+                size="lg"
+                :label="localization.common.oneTag"
+                value="0"
+              />
+            </div>
+            <div class="create-category-tpo-radio-item">
+              <ui-radio
+                v-model="data.tagsPerObject"
+                test-id="tags-per-object-many"
+                size="lg"
+                :label="localization.common.manyTag"
+                value="1"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="create-category-types">
+          <div class="create-category-types-header">
+            <span class="create-category-types-header-title sub-title">
+              {{ localization.common.associableObjectTypes }}
+            </span>
+            <span class="create-category-types-header-selection">
+              <ui-button
+                variant="text"
+                is-without-height
+                is-without-sizes
+                :test-id="
+                  isAllSelected ? 'deselect-all-tags' : 'select-all-tags'
+                "
+                @click="onSelectAllTypes"
+              >
+                {{ selectAllText }}
+              </ui-button>
+            </span>
+          </div>
+          <div class="create-category-types-body">
+            <div class="create-category-types-body-col">
+              <template
+                v-for="(type, index) in createCategoryTypes"
+                :key="type"
+              >
+                <div v-if="index % 2 === 0">
+                  <ui-checkbox
+                    v-model="data.types[type]"
+                    :label-text="localization.common[type]"
+                    :test-id="`checkbox-type-${type}`"
+                  />
+                </div>
+              </template>
+            </div>
+            <div class="create-category-types-body-col">
+              <template
+                v-for="(type, index) in createCategoryTypes"
+                :key="type"
+              >
+                <div v-if="index % 2 === 1">
+                  <ui-checkbox
+                    v-model="data.types[type]"
+                    :label-text="localization.common[type]"
+                    :test-id="`checkbox-type-${type}`"
+                  />
+                </div>
+              </template>
+            </div>
+          </div>
+        </div>
+      </div>
+    </template>
+    <template #footerLeftContent>
+      <span></span>
+    </template>
+  </ui-modal>
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_ArbitraryObject,
+  UI_I_Localization,
+} from '~/lib/models/interfaces'
+import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
+import type { I_CreateCategoryData } from '~/components/common/portlets/tag/lib/models/interfaces'
+import {
+  createCategoryData,
+  createCategoryTypes,
+} from '~/components/common/portlets/tag/lib/config/config'
+
+const props = defineProps<{
+  isShowModal: boolean
+}>()
+
+const emits = defineEmits<{
+  (event: 'cancel'): void
+  (event: 'create', value: I_CreateCategoryData): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const createCategoryTexts = computed<UI_I_ModalTexts>(() => ({
+  button1: localization.value.common.cancel,
+  button2: localization.value.common.create,
+}))
+
+const data = ref<I_CreateCategoryData>(useDeepCopy(createCategoryData))
+
+const isAllSelected = computed<boolean>(() => {
+  let result = true
+
+  createCategoryTypes.forEach((key) => {
+    if (!data.value.types[key]) {
+      result = false
+    }
+  })
+
+  return result
+})
+
+const selectAllText = computed<string>(() =>
+  isAllSelected.value
+    ? localization.value.common.deselectAll
+    : localization.value.common.selectAll
+)
+
+const isShowValidation = ref<boolean>(false)
+const validationData = computed<boolean>(() => !data.value.categoryName.trim())
+const errorText = computed<string>(() =>
+  validationData.value && isShowValidation.value
+    ? localization.value.common.fieldRequired
+    : ''
+)
+
+const onCreate = (): void => {
+  if (validationData.value) {
+    isShowValidation.value = true
+    return
+  }
+  emits('create', data.value)
+}
+
+watch(
+  () => data.value.categoryName,
+  () => {
+    isShowValidation.value = false
+  }
+)
+
+const onSelectAllTypes = (): void => {
+  const newData: UI_I_ArbitraryObject<boolean> = {}
+  for (const key in data.value.types) {
+    newData[key] = !isAllSelected.value
+  }
+  data.value.types = newData
+}
+</script>
+
+<style>
+:root {
+  --sub-title-color: #4d5d69;
+  --separator-color: #e9ebed;
+}
+:root.dark-theme {
+  --sub-title-color: #e9eaec;
+  --separator-color: #e9ebed1f;
+}
+</style>
+
+<style scoped lang="scss">
+.create-category {
+  padding: 16px 32px;
+  &-name {
+    margin-bottom: 16px;
+  }
+  &-description {
+    margin-bottom: 24px;
+    :deep(textarea) {
+      height: 68px;
+      resize: none;
+    }
+  }
+  &-tpo {
+    padding-bottom: 32px;
+    border-bottom: 1px solid var(--separator-color);
+
+    &-title {
+      margin-bottom: 16px;
+      font-size: 16px;
+      font-weight: 500;
+      line-height: 20px;
+      color: var(--sub-title-color);
+      display: inline-block;
+    }
+    &-radio {
+      display: flex;
+      column-gap: 16px;
+
+      &-item {
+        width: calc(50% - 8px);
+      }
+    }
+  }
+  &-types {
+    margin-top: 24px;
+
+    &-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 16px;
+
+      &-title {
+        font-size: 16px;
+        font-weight: 500;
+        line-height: 20px;
+        color: var(--sub-title-color);
+      }
+
+      &-selection {
+        :deep(button.ui-btn) {
+          line-height: 16px;
+          width: fit-content;
+        }
+      }
+    }
+    &-body {
+      display: flex;
+      justify-content: space-between;
+      column-gap: 16px;
+
+      &-col {
+        width: calc(50% - 8px);
+
+        div:not(:last-of-type) {
+          margin-bottom: 12px;
+        }
+      }
+    }
+  }
+}
+</style>