bfg-common 1.4.355 → 1.4.357

package/assets/localization/local_hy.json

@@ -2228,6 +2228,9 @@
     "changePasswordDesc": "Ձեր հաշիվն ապահով պահելու համար համոզվեք, որ ձեր նոր գաղտնաբառը տարբերվում է ձեր նախկին գաղտնաբառերից:",
     "changePasswordPreviouslyUsed": "Ձեր նոր գաղտնաբառը նախկինում օգտագործվել է: ",
     "currentPasswordIncorrect": "Ընթացիկ գաղտնաբառը սխալ է: ",
+    "allActive": "Բոլորը ակտիվ են",
+    "text": "տեքստը",
+    "currentPasswordIncorrect": "Ընթացիկ գաղտնաբառը սխալ է: ",
     "vApp": "vApp",
     "contentLibrary": "Բովանդակության գրադարան",
     "libraryItem": "Գրադարանի տարր",
@@ -2548,6 +2551,10 @@
     "aggregatedDiskIORate": "Համախառն սկավառակի I / O արագություն: Սերվերների համար Այս ցուցանիշը ներառում է արագություն բոլոր վիրտուալ մեքենաների համար, որոնք աշխատում են սերվերի վրա տվյալների հավաքագրման միջակայքի ընթացքում",
     "readBytes": "հաշված բայթ",
     "averageNumberBytes": "Տվյալների հավաքման ընդմիջման ընթացքում ամեն վայրկյան սկավառակից Կարդացված բայթերի միջին քանակը",
+    "readCount": "Կարդացեք հաշվարկը",
+    "averageNumberOfReadCount": "Հավաքագրման միջակայքում յուրաքանչյուր վայրկյան կատարված ընթերցման գործողությունների միջին թիվը",
+    "writeCount": "Գրեք հաշվել",
+    "averageNumberOfWriteCount": "Հավաքագրման ինտերվալի ընթացքում յուրաքանչյուր վայրկյան կատարված գրելու գործողությունների միջին թիվը",
     "writeBytes": "բայթերի ձայնագրում",
     "averageNumberBytesWrittenDisk": "Հավաքածուի միջակայքի ընթացքում յուրաքանչյուր վայրկյան սկավառակի վրա գրված բայթերի միջին քանակը",
     "diskDevicesShares": "սկավառակի սարքերի ընդհանուր ռեսուրսներ",
@@ -2583,6 +2590,15 @@
     "provisionedMemoryInMB": "Նվիրված հիշողություն MB-ում",
     "memoryPMemReadBandwidth": "pmem հիշողության ընթերցման թողունակություն",
     "memoryUsedMb": "օգտագործված հիշողություն, mb",
+    "sharedPages": "համօգտագործվող էջեր",
+    "sharedPagesDesc": "Էջերի քանակը, որոնք օգտագործվում են գործընթացի կողմից և կարող են համօգտագործվել այլ գործընթացների հետ",
+    "textDesc": "(Տեքստ/կոդ). Գործընթացի կատարման կոդով զբաղեցրած էջերի քանակը",
+    "library": "գրադարան",
+    "libraryDesc": "Գործընթացի ընդհանուր գրադարանների կողմից սպառվող հիշողության ծավալը",
+    "dataStack": "տվյալների կույտ",
+    "dataStackDesc": "(տվյալներ + կույտ). Էջերի ընդհանուր թիվը, որը զբաղեցնում է գործընթացի տվյալները և կույտը",
+    "dirtyPages": "կեղտոտ էջեր",
+    "dirtyPagesDesc": "Կեղտոտ էջերի քանակն այն էջերն են, որոնք փոփոխվել են գործընթացի արդյունքում և դեռևս չեն գրվել սկավառակի վրա կամ փոխանակել:",
     "usedMemoryInMB": "Օգտագործված հիշողությունը MB-ում",
     "memoryResidentSetSizeMb": "ռեզիդենտ հիշողության հավաքածուի չափը, mb",
     "residentSetSizeMemoryInMB": "Ռեզիդենտ սահմանված հիշողության չափը MB-ում",
@@ -2769,7 +2785,14 @@
     "inactive": "Ոչ ակտիվ",
     "activateAll": "Ակտիվացրեք բոլորը",
     "confirmMetricsActivation": "Հաստատեք չափումների ակտիվացումը",
-    "confirmMetricsActivationDescription": "Վստա՞հ եք, որ ցանկանում եք ակտիվացնել բոլոր չափումները Zabbix սերվերում «{0}»:"
+    "confirmMetricsActivationDescription": "Վստա՞հ եք, որ ցանկանում եք ակտիվացնել բոլոր չափումները Zabbix սերվերում «{0}»:",
+    "cpuMetrics": "CPU չափումներ",
+    "baseCount": "Base ({0})",
+    "coreCount": "Core ({0})",
+    "coreMhzCount": "Core MHz ({0})",
+    "memoryMetrics": "Հիշողության չափումներ",
+    "networkMetrics": "Ցանցի չափումներ",
+    "diskMetrics": "Սկավառակի չափումներ"
   },
   "remoteConsole": {
     "remoteConsoleSessions": "Վահանակի հեռավոր նստաշրջաններ",
@@ -2796,5 +2819,9 @@
   },
   "vmWizard": {
     "devices": "Սարքեր ({0})"
+  },
+  "feedback": {
+    "additionalDetailsHelp": "Լրացուցիչ մանրամասներ Օգնություն",
+    "additionalDetailsTooltip": "Լրացուցիչ մանրամասների համար կարող եք կամ լուսանկարել ձեր էկրանը կամ վերբեռնել պատկեր .png կամ .jpeg ձևաչափով:"
   }
 }

package/assets/localization/local_kk.json

@@ -2227,6 +2227,9 @@
     "changePasswordDesc": "Тіркелгіңізді қауіпсіз сақтау үшін жаңа құпия сөзіңіздің бұрынғы құпия сөздеріңізден басқаша екеніне көз жеткізіңіз.",
     "changePasswordPreviouslyUsed": "Жаңа құпия сөзіңіз бұрын қолданылған. ",
     "currentPasswordIncorrect": "Ағымдағы құпия сөз дұрыс емес. ",
+    "allActive": "Барлығы белсенді",
+    "text": "мәтін",
+    "currentPasswordIncorrect": "Ағымдағы құпия сөз дұрыс емес. ",
     "vApp": "vApp",
     "contentLibrary": "Мазмұн Кітапханасы",
     "libraryItem": "Кітапхана Заты",
@@ -2547,6 +2550,10 @@
     "aggregatedDiskIORate": "Біріктірілген диск енгізу-шығару жылдамдығы. Хосттар үшін бұл көрсеткіш деректерді жинау аралығы кезінде хостта жұмыс істейтін барлық виртуалды машиналардың тарифтерін қамтиды",
     "readBytes": "санаулы байттар",
     "averageNumberBytes": "Деректерді жинау аралығы кезінде әр секунд сайын дискіден оқылатын байттардың орташа саны",
+    "readCount": "Санауды оқу",
+    "averageNumberOfReadCount": "Жинау аралығы кезінде секунд сайын орындалатын оқу операцияларының орташа саны",
+    "writeCount": "Санауды жаз",
+    "averageNumberOfWriteCount": "Жинау аралығы кезінде секунд сайын орындалатын жазу операцияларының орташа саны",
     "writeBytes": "байттарды жазу",
     "averageNumberBytesWrittenDisk": "Жинау аралығы кезінде әр секунд сайын дискіге жазылған байттардың орташа саны",
     "diskDevicesShares": "дискілік құрылғылардың жалпы ресурстары",
@@ -2582,6 +2589,15 @@
     "provisionedMemoryInMB": "МБ - да бөлінген жад",
     "memoryPMemReadBandwidth": "pmem жадының өткізу қабілеттілігі",
     "memoryUsedMb": "пайдаланылған жад, мб",
+    "sharedPages": "ортақ беттер",
+    "sharedPagesDesc": "Процесс пайдаланатын және басқа процестермен ортақ пайдалануға болатын беттер саны",
+    "textDesc": "(Мәтін/код): Процестің орындау коды алатын беттер саны",
+    "library": "кітапхана",
+    "libraryDesc": "Процестің ортақ кітапханалары тұтынатын жад көлемі",
+    "dataStack": "деректер стегі",
+    "dataStackDesc": "(деректер + стек): процесс деректері мен стек алатын беттердің жалпы саны",
+    "dirtyPages": "лас беттер",
+    "dirtyPagesDesc": "Лас беттер саны процесс арқылы өзгертілген және әлі дискіге қайта жазылмаған немесе ауыстырылған беттер.",
     "usedMemoryInMB": "МБ-да қолданылатын жад",
     "memoryResidentSetSizeMb": "резиденттік жад жинағының өлшемі, мб",
     "residentSetSizeMemoryInMB": "Резиденттік орнатылған жад мөлшері МБ",
@@ -2768,7 +2784,14 @@
     "inactive": "Белсенді емес",
     "activateAll": "Барлығын белсендіру",
     "confirmMetricsActivation": "Метрикаларды белсендіруді растаңыз",
-    "confirmMetricsActivationDescription": "\"{0}\" Zabbix серверіндегі барлық көрсеткіштерді белсендіргіңіз келетініне сенімдісіз бе?"
+    "confirmMetricsActivationDescription": "\"{0}\" Zabbix серверіндегі барлық көрсеткіштерді белсендіргіңіз келетініне сенімдісіз бе?",
+    "cpuMetrics": "CPU көрсеткіштері",
+    "baseCount": "Негізгі ({0})",
+    "coreCount": "Негізгі ({0})",
+    "coreMhzCount": "Негізгі МГц ({0})",
+    "memoryMetrics": "Жад көрсеткіштері",
+    "networkMetrics": "Желілік көрсеткіштер",
+    "diskMetrics": "Диск Өлшемдері"
   },
   "remoteConsole": {
     "remoteConsoleSessions": "Қашықтағы консоль сеанстары",
@@ -2795,5 +2818,9 @@
   },
   "vmWizard": {
     "devices": "Құрылғылар ({0})"
+  },
+  "feedback": {
+    "additionalDetailsHelp": "Қосымша мәліметтер анықтамасы",
+    "additionalDetailsTooltip": "Қосымша мәліметтер алу үшін экранның скриншотын түсіруге немесе суретті .png немесе .jpeg пішімінде жүктеп салуға болады."
   }
 }

package/assets/localization/local_ru.json

@@ -2229,6 +2229,9 @@
     "changePasswordDesc": "Чтобы обеспечить безопасность вашей учетной записи, убедитесь, что ваш новый пароль отличается от любого из ваших предыдущих паролей.",
     "changePasswordPreviouslyUsed": "Ваш новый пароль уже использовался ранее. ",
     "currentPasswordIncorrect": "Текущий пароль неверен. ",
+    "allActive": "Все активные",
+    "text": "текст",
+    "currentPasswordIncorrect": "Текущий пароль неверен. ",
     "vApp": "vApp",
     "contentLibrary": "Библиотека контента",
     "libraryItem": "Библиотечный элемент",
@@ -2549,6 +2552,10 @@
     "aggregatedDiskIORate": "Агрегированная скорость дискового ввода-вывода. Для хостов этот показатель включает скорость для всех виртуальных машин, запущенных на хосте в течение интервала сбора данных",
     "readBytes": "считанные байты",
     "averageNumberBytes": "Среднее количество байт, считываемых с диска каждую секунду в течение интервала сбора данных",
+    "readCount": "Количество прочитанных",
+    "averageNumberOfReadCount": "Среднее количество операций чтения, выполняемых каждую секунду в течение интервала сбора данных",
+    "writeCount": "Написать количество",
+    "averageNumberOfWriteCount": "Среднее количество операций записи, выполняемых каждую секунду в течение интервала сбора данных",
     "writeBytes": "запись байтов",
     "averageNumberBytesWrittenDisk": "Среднее количество байт, записываемых на диск каждую секунду в течение интервала сбора",
     "diskDevicesShares": "общие ресурсы дисковых устройств",
@@ -2584,6 +2591,15 @@
     "provisionedMemoryInMB": "Выделенная память в МБ",
     "memoryPMemReadBandwidth": "полоса пропускания чтения pmem памяти",
     "memoryUsedMb": "используемая память, мб",
+    "sharedPages": "общие страницы",
+    "sharedPagesDesc": "Количество страниц, используемых процессом, которые могут быть разделены с другими процессами",
+    "textDesc": "(Текст/код): Количество страниц, занятых исполняемым кодом процесса",
+    "library": "библиотека",
+    "libraryDesc": "Объем памяти, потребляемый общими библиотеками процесса",
+    "dataStack": "стек данных",
+    "dataStackDesc": "(Данные + стек): Общее количество страниц, занятых данными процесса и стеком",
+    "dirtyPages": "грязные страницы",
+    "dirtyPagesDesc": "Количество грязных страниц — это страницы, которые были изменены процессом и еще не записаны обратно на диск или в своп",
     "usedMemoryInMB": "Используемая память в МБ",
     "memoryResidentSetSizeMb": "размер резидентного набора памяти, мб",
     "residentSetSizeMemoryInMB": "Резидентный установленный размер памяти в МБ",
@@ -2770,7 +2786,14 @@
     "inactive": "Неактивный",
     "activateAll": "Активировать все",
     "confirmMetricsActivation": "Подтвердите активацию метрик",
-    "confirmMetricsActivationDescription": "Вы уверены, что хотите активировать все метрики на сервере Zabbix «{0}»?"
+    "confirmMetricsActivationDescription": "Вы уверены, что хотите активировать все метрики на сервере Zabbix «{0}»?",
+    "cpuMetrics": "Метрики процессора",
+    "baseCount": "Базвые ({0})",
+    "coreCount": "Ядро ({0})",
+    "coreMhzCount": "Ядро МГц ({0})",
+    "memoryMetrics": "Показатели памяти",
+    "networkMetrics": "Сетевые показатели",
+    "diskMetrics": "Показатели диска"
   },
   "remoteConsole": {
     "remoteConsoleSessions": "Сеансы удаленной консоли",
@@ -2797,5 +2820,9 @@
   },
   "vmWizard": {
     "devices": "Устройства ({0})"
+  },
+  "feedback": {
+    "additionalDetailsHelp": "Дополнительная информация Помощь",
+    "additionalDetailsTooltip": "Для получения дополнительной информации вы можете сделать снимок экрана или загрузить изображение в формате .png или .jpeg."
   }
 }

package/assets/localization/local_zh.json

@@ -2226,6 +2226,9 @@
     "changePasswordDesc": "为了确保您的帐户安全，请确保您的新密码与之前的密码不同。",
     "changePasswordPreviouslyUsed": "您的新密码之前已被使用过。",
     "currentPasswordIncorrect": "当前密码不正确。",
+    "allActive": "全部活动",
+    "text": "文本",
+    "currentPasswordIncorrect": "当前密码不正确。",
     "vApp": "vApp",
     "contentLibrary": "内容库",
     "libraryItem": "图书馆项目",
@@ -2546,6 +2549,10 @@
     "aggregatedDiskIORate": "聚合磁盘 I/O 速率。 对于主机，此指标包括收集间隔期间主机上运行的所有虚拟机的速率",
     "readBytes": "读取字节",
     "averageNumberBytes": "收集间隔期间每秒从磁盘读取的平均字节数",
+    "readCount": "阅读次数",
+    "averageNumberOfReadCount": "收集间隔期间每秒执行的读取操作的平均次数",
+    "writeCount": "写入次数",
+    "averageNumberOfWriteCount": "收集间隔期间每秒执行的平均写入操作数",
     "writeBytes": "写入字节",
     "averageNumberBytesWrittenDisk": "收集间隔期间每秒写入磁盘的平均字节数",
     "diskDevicesShares": "磁盘设备共享",
@@ -2581,6 +2588,15 @@
     "provisionedMemoryInMB": "已配置的内存（以 MB 为单位）",
     "memoryPMemReadBandwidth": "内存 pmem 读取带宽",
     "memoryUsedMb": "已用内存 mb",
+    "sharedPages": "共享页面",
+    "sharedPagesDesc": "进程使用的、可与其他进程共享的页面数",
+    "textDesc": "(文本/代码)：进程执行代码所占用的页面数",
+    "library": "图书馆",
+    "libraryDesc": "进程的共享库消耗的内存量",
+    "dataStack": "数据堆栈",
+    "dataStackDesc": "（数据 + 堆栈）：进程的数据和堆栈占用的页面总数",
+    "dirtyPages": "脏页",
+    "dirtyPagesDesc": "脏页数是已被进程修改但尚未写回到磁盘或交换区的页面",
     "usedMemoryInMB": "已用内存（MB）",
     "memoryResidentSetSizeMb": "内存驻留集大小 mb",
     "residentSetSizeMemoryInMB": "内存驻留集大小（MB）",
@@ -2767,7 +2783,14 @@
     "inactive": "不活跃",
     "activateAll": "全部激活",
     "confirmMetricsActivation": "确认指标激活",
-    "confirmMetricsActivationDescription": "您确定要激活 Zabbix 服务器“{0}”中的所有指标吗？"
+    "confirmMetricsActivationDescription": "您确定要激活 Zabbix 服务器“{0}”中的所有指标吗？",
+    "cpuMetrics": "CPU指标",
+    "baseCount": "基础 ({0})",
+    "coreCount": "核心 ({0})",
+    "coreMhzCount": "核心 MHz ({0})",
+    "memoryMetrics": "内存指标",
+    "networkMetrics": "网络指标",
+    "diskMetrics": "磁盘指标"
   },
   "remoteConsole": {
     "remoteConsoleSessions": "远程控制台会话",
@@ -2794,5 +2817,9 @@
   },
   "vmWizard": {
     "devices": "设备 ({0})"
+  },
+  "feedback": {
+    "additionalDetailsHelp": "其他详细信息帮助",
+    "additionalDetailsTooltip": "有关更多详细信息，您可以截取屏幕截图或上传 .png 或 .jpeg 格式的图像。"
   }
 }

package/components/common/layout/theHeader/feedback/Feedback.vue

@@ -1,13 +1,12 @@
 <template>
   <common-layout-the-header-feedback-new
-    v-if="isNewView"
-    :is-show-feedback="props.isShowFeedback"
-    :title="localization.common.sendFeedback"
+    v-if="props.isShowFeedback && isNewView"
+    v-model="feedbackForm"
     @hide="onHide"
     @submit="onSubmit"
   />
   <common-layout-the-header-feedback-old
-    v-else
+    v-if="!isNewView"
     :is-show-feedback="props.isShowFeedback"
     :title="localization.common.sendFeedback"
     @show="emits('show')"
@@ -23,6 +22,7 @@ import type {
   UI_I_Localization,
   UI_I_NotifyBodyMessage,
 } from '~/lib/models/interfaces'
+import { feedbackDefaultFormFunc } from '~/components/common/layout/theHeader/feedback/lib/config/sendFeedback'
 
 const props = defineProps<{
   isShowFeedback: boolean
@@ -33,12 +33,15 @@ const emits = defineEmits<{
   (event: 'hide'): void
 }>()
 
-const { $store }: any = useNuxtApp()
-
 const localization = computed<UI_I_Localization>(() => useLocal())
+const { $store }: any = useNuxtApp()
 
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 
+const feedbackForm = ref<UI_I_FeedbackForm>(
+  useDeepCopy(feedbackDefaultFormFunc())
+)
+
 const handleRequest = async (data: UI_I_FeedbackForm): Promise<boolean> => {
   const { error } = await useMyFetch<never, API_UI_I_Error>(
     'https://customer.aobfg.ru/api/v1/feedback',
@@ -92,7 +95,9 @@ const onHide = (): void => {
 }
 const onSubmit = async (data: UI_I_FeedbackForm): Promise<void> => {
   onHide()
-  const isValid = await handleRequest(data)
+
+  const sendForm: UI_I_FeedbackForm = isNewView ? feedbackForm.value : data
+  const isValid = await handleRequest(sendForm)
 
   if (isValid) showNotification(msgSuccess.value)
   else showNotification(msgError.value)

package/components/common/layout/theHeader/feedback/lib/config/sendFeedback.ts

@@ -0,0 +1,9 @@
+import type { UI_I_FeedbackForm } from '~/components/common/feedback/lib/models/interfaces'
+export const feedbackDefaultFormFunc = (): UI_I_FeedbackForm => {
+  return {
+    description: '',
+    type: 0,
+    email: '',
+    image: '', // base64
+  }
+}

package/components/common/layout/theHeader/feedback/new/New.vue

@@ -0,0 +1,131 @@
+<template>
+  <Teleport to="body">
+    <ui-modal
+      show
+      width="560px"
+      test-id="feedback-modal"
+      :title="localization.common.sendFeedback"
+      class="feedback"
+      @hide="onHideModal"
+    >
+      <template #content>
+        <ui-modal-block-standard>
+          <common-layout-the-header-feedback-new-subtitle />
+
+          <common-layout-the-header-feedback-new-tabs
+            v-model="selectedTab"
+            class="metrics-tabs"
+          />
+
+          <div
+            v-if="selectedTab === 'light-bulb'"
+            class="feedback__visit-portal"
+          >
+            {{ localization.common.useOurExternalIdeasPortal }}
+          </div>
+
+          <template v-else>
+            <common-layout-the-header-feedback-new-description
+              v-model="feedbackForm.description"
+              v-model:is-valid="isValidForm"
+              :selected-tab="selectedTab"
+            />
+
+            <common-layout-the-header-feedback-new-email
+              v-model="feedbackForm.email"
+            />
+
+            <common-layout-the-header-feedback-new-additional-details />
+          </template>
+        </ui-modal-block-standard>
+      </template>
+
+      <template #footerLeftContent><span /></template>
+
+      <template #footerContent>
+        <div class="flex gap-4">
+          <ui-button
+            v-if="selectedTab !== 'light-bulb'"
+            test-id="feedback-modal-hide-btn"
+            size="md"
+            variant="outline"
+            min-width="96px"
+            @click="onHideModal"
+          >
+            {{ localization.common.cancel }}
+          </ui-button>
+          <ui-button
+            test-id="feedback-modal-submit-btn"
+            size="md"
+            :disabled="!selectedTab"
+            min-width="96px"
+            @click="onSubmit"
+          >
+            {{ modalFooterButtonNames }}
+          </ui-button>
+        </div>
+      </template>
+    </ui-modal>
+  </Teleport>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_FeedbackForm } from '~/components/common/feedback/lib/models/interfaces'
+import type { UI_T_FeedbackTab } from '~/components/common/layout/theHeader/feedback/new/tabs/lib/models/types'
+
+const feedbackForm = defineModel<UI_I_FeedbackForm>({ required: true })
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'submit'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const isValidForm = ref<boolean>(true)
+const selectedTab = ref<UI_T_FeedbackTab>()
+
+const modalFooterButtonNames = computed(() => {
+  return selectedTab.value === 'light-bulb'
+    ? localization.value.common.visitIdeasPortal
+    : localization.value.common.send
+})
+
+const onHideModal = (): void => {
+  emits('hide')
+}
+const onSubmit = (): void => {
+  if (selectedTab.value === 'light-bulb') {
+    const targetUrl = 'https://customer.aobfg.ru/' // Ваш URL
+    window.open(targetUrl, '_blank')
+    return
+  }
+
+  isValidForm.value = !!feedbackForm.value.description
+
+  if (!isValidForm.value) return
+  emits('submit')
+}
+</script>
+
+<style lang="scss">
+:root {
+  --description-color: #414b57;
+  --link-visited-color: #5659b8;
+}
+
+:root.dark-theme {
+  --description-color: #adbbc4;
+  --link-visited-color: #49afd9;
+}
+
+.feedback {
+  &__visit-portal {
+    color: #4d5d69;
+    font-size: 13px;
+    font-weight: 400;
+    line-height: 15.73px;
+    margin-top: 24px;
+  }
+}
+</style>

package/components/common/layout/theHeader/feedback/new/additionalDetails/AdditionalDetails.vue

@@ -0,0 +1,14 @@
+<template>
+  <div class="additional-details">
+
+  </div>
+</template>
+
+<script lang="ts" setup>
+</script>
+
+<style lang="scss" scoped>
+.additional-details {
+
+}
+</style>

package/components/common/layout/theHeader/feedback/new/description/Description.vue

@@ -0,0 +1,58 @@
+<template>
+  <div class="description">
+    <h4 class="description__title">{{ localization.common.description }}</h4>
+
+    <ui-textarea
+      v-model="descriptionModelLocal"
+      test-id="feedback-description"
+      :disabled="!selectedTab"
+      :placeholder="descriptionTextPlaceholder"
+      :error="descriptionErrorText"
+    >
+    </ui-textarea>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_FeedbackTab } from '~/components/common/layout/theHeader/feedback/new/tabs/lib/models/types'
+
+const props = defineProps<{
+  selectedTab: UI_T_FeedbackTab
+}>()
+const descriptionModelLocal = defineModel<string>({ required: true })
+const isValidModel = defineModel<boolean>('isValid', { required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const descriptionTextPlaceholder = computed<string>(() => {
+  if (props.selectedTab === 'warning-outline')
+    return localization.value.common.whatIsTheProblemHowCan
+  if (props.selectedTab === 'heart-outline')
+    return localization.value.common.tellUsWhatYouEnjoyedSo
+  return localization.value.common.selectFeedbackType
+})
+
+const descriptionErrorText = computed<boolean>(() => {
+  return !isValidModel.value && !descriptionModelLocal.value
+    ? localization.value.common.fieldRequired
+    : ''
+})
+</script>
+
+<style lang="scss" scoped>
+.description {
+  margin-top: 32px;
+  &__title {
+    line-height: 38px;
+    margin-bottom: 16px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #4d5d69;
+  }
+  :deep(.ui-main-textarea) {
+    resize: none;
+    height: 68px;
+  }
+}
+</style>

package/components/common/layout/theHeader/feedback/new/email/Email.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="email">
+    <h4 class="email__title">{{ localization.common.emailAddress }}</h4>
+
+    <ui-input
+      v-model="emailModelLocal"
+      :error="emailErrorText"
+      type="text"
+      placeholder="placeholder"
+      test-id="feedback-email"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { RegExp } from '~/lib/config/regExp'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const emailModelLocal = defineModel<string>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const emailErrorText = computed<string>(() => {
+  if (!emailModelLocal.value) return ''
+
+  return RegExp.email.test(emailModelLocal.value)
+    ? ''
+    : localization.value.common.emailErrorText
+})
+</script>
+
+<style scoped lang="scss">
+.email {
+  margin-top: 32px;
+  &__title {
+    line-height: 38px;
+    margin-bottom: 16px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #4d5d69;
+  }
+}
+</style>

package/components/common/layout/theHeader/feedback/new/subtitle/Subtitle.vue

@@ -0,0 +1,83 @@
+<template>
+  <div class="subtitle">
+    <span class="subtitle__label">
+      {{ localization.common.helpUsImprove }}
+    </span>
+    <ui-icon
+      id="feedback-description-info-icon"
+      name="info"
+      width="18"
+      height="18"
+      :color="isShowInfo ? '#008FD6' : '#9DA6AD'"
+      class="info-icon pointer"
+      @click="isShowInfo = !isShowInfo"
+    />
+    <ui-popup-window
+      v-model="isShowInfo"
+      width="232px"
+      :elem-id="'feedback-description-info-icon'"
+    >
+      <div class="common-widget-info">
+        <div class="headline justify-between flex-align-center">
+          <div class="flex-align-center">
+            <ui-icon-icon3 name="info-2" width="16px" height="16px" />
+            <span class="title">{{ localization.common.feedbackHelp }}</span>
+          </div>
+          <ui-icon
+            name="close"
+            class="pointer hide-icon"
+            width="16px"
+            height="16px"
+            @click="isShowInfo = false"
+          />
+        </div>
+
+        <div class="common-widget-info-description">
+          {{ localization.common.anyFeedbackYouProvideMay }}
+        </div>
+      </div>
+    </ui-popup-window>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const isShowInfo = ref<boolean>(false)
+</script>
+
+<style lang="scss" scoped>
+.subtitle {
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #e9ebed;
+  padding-bottom: 12px;
+
+  &__label {
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 14.52px;
+    color: #9da6ad;
+  }
+  .common-widget-info {
+    padding: 16px;
+
+    .title {
+      font-size: 14px;
+      font-weight: 500;
+      line-height: 16.94px;
+      color: var(--zabbix-text-color);
+      margin-left: 8px;
+    }
+
+    .common-widget-info-description {
+      font-size: 13px;
+      line-height: 15.73px;
+      color: var(--zabbix-text-color);
+      margin-top: 12px;
+    }
+  }
+}
+</style>