bfg-common 1.6.113 → 1.6.114

package/assets/localization/local_hy.json

@@ -2672,9 +2672,14 @@
     "hostFound": "Հոսթը գտնվել է",
     "testConnection": "Ստուգել կապը",
     "saveAndStart": "Պահպանել և գործարկել",
+    "saveAndRun": "Պահպանել և գործարկել",
     "extended": "Ընդլայնված",
     "deleteConfiguration": "Ջնջել կոնֆիգուրացիան",
-    "editConnection": "Խմբագրել կապը"
+    "editConnection": "Խմբագրել կապը",
+    "deleteDatastores": "Ջնջել տվյալների պահոցները",
+    "confirmRemoveStorageDescFirst": "Վստա՞հ եք, որ ցանկանում եք ջնջել ընտրված տվյալների պահոցները ({0})։ Այս գործողությունը ընդմիշտ կջնջի ընտրված պահոցներում գտնվող վիրտուալ մեքենաների բոլոր ֆայլերը։",
+    "confirmRemoveStorageDescSecond": "Հարկադրաբար միացված VMFS տվյալների պահոցները կհեռացվեն ինվենտարից, սակայն դրանց տվյալները չեն ջնջվի։",
+    "hostSettings": "Հոսթի կոնֆիգուրացիաները"
   },
   "auth": {
     "welcomeTo": "Բարի գալուստ",
@@ -2706,7 +2711,8 @@
     "taskName": "Առաջադրանքի անվանումը",
     "moreTasks": "Լրացուցիչ առաջադրանքներ",
     "vmUpdateSteps": "ՎՄ թարմացման քայլեր",
-    "waitingTime": "Սպասման ժամանակը"
+    "waitingTime": "Սպասման ժամանակը",
+    "cancelTask": "Չեղարկել առաջադրանքը"
   },
   "layout": {
     "alarms": "Զարթուցիչներ",
@@ -3940,6 +3946,35 @@
     "issue": "Խնդիրներ",
     "metricsSent": "Չափանիշները ուղարկված են"
   },
+  "monq": {
+    "monq": "Monq",
+    "connectToMonq": "Միանալ Monq-ին",
+    "connectToMonqDescription": "Մուտքագրեք սերվերի URL-ը և Stream Key-ը Data Streams բաժնից",
+    "monqServerUrl": "Monq սերվերի URL",
+    "streamKeyApiKey": "Stream Key (Data Stream API Key)",
+    "streamKey": "Stream Key",
+    "getTheKeyInMonqText": "Ստացեք բանալին Monq-ում՝ Settings → Data Streams → Create Stream → Copy API Key",
+    "skipTlsCertificateVerification": "Բաց թողնել TLS վկայագրի ստուգումը",
+    "monqIsAvailable": "Monq-ը հասանելի է",
+    "monqIsInvalid": "Monq-ը հասանելի չէ",
+    "monqAvailability": "Monq հասանելիություն",
+    "streamKeyIsValid": "Stream Key-ը վավեր է",
+    "streamKeyIsInvalid": "Stream Key-ը անվավեր է",
+    "streamKeyValidation": "Stream Key-ի ստուգում",
+    "hostSettingsSubtitle": "Հոսթի անունը, որի ներքո մետրիկաները կուղարկվեն Monq",
+    "hostNameLabel": "Հոսթի անունը (ինչպես ցուցադրվում է Monq-ում)",
+    "metricsWillAppearInMonqText": "Մետրիկաները կհայտնվեն Monq-ում այս անունով։ Սովորաբար դա հիպերվիզորի IP-ն կամ FQDN-ն է։",
+    "monqSystemStatusDescription": "Վերահսկեք ադապտերի աշխատանքը և ստուգեք Monq-ի հետ կապերը",
+    "adapterIsRunning": "Ադապտերը աշխատում է",
+    "metricsAreBeingSent": "Մետրիկաները ուղարկվում են (ուղարկված՝ {0})",
+    "monqIsNotAvailable": "Monq-ը հասանելի չէ",
+    "deleteMonqIntegrationConfiguration": "Վստա՞հ եք, որ ցանկանում եք ջնջել Monq ինտեգրման կոնֆիգուրացիան",
+    "configurationSavedAdapterStarted": "Կոնֆիգուրացիան պահպանված է, ադապտերը գործարկված է",
+    "monqAdapterLogs": "Monq ադապտերի լոգեր",
+    "clearLogs": "Մաքրել լոգերը",
+    "noLogs": "Լոգեր չկան",
+    "noErrorLogs": "Սխալների լոգեր չկան"
+  },
   "glpi": {
     "connectToGlpi": "Միացեք GLPI- ին",
     "hostAddress": "GLPI հասցե",
@@ -4549,7 +4584,10 @@
     "reSelect": "Կրկին ընտրել",
     "nameContainsInvalidCharacters": "Թղթապանակի անունը պետք է ունենա 1-ից 64 նիշ և չի կարող պարունակել բացատներ, '/', '@', '#', կառավարող նիշեր, կամ լինել '.' / '..'",
     "fileAlreadyExists": "Ֆայլն արդեն գոյություն ունի",
-    "fileNameAlreadyExists": "«{0}» անունով ֆայլ արդեն գոյություն ունի։"
+    "fileNameAlreadyExists": "«{0}» անունով ֆայլ արդեն գոյություն ունի։",
+    "pause": "Կասեցնել",
+    "resume": "Վերսկսել",
+    "reSelectFile": "Կրկին ընտրել ֆայլը"
   },
   "myPreferences": {
     "twoFactorAuthentication": "Երկգործոն նույնականացում",
@@ -4624,7 +4662,8 @@
   "advancedSystemSettings": {
     "key": "Բանալի",
     "value": "Արժեք",
-    "summary": "Ամփոփում"
+    "summary": "Ամփոփում",
+    "keysCountText": "բանալի(ներ)"
   },
   "tagsAndAttributes": {
     "attributeDeleteConfirmation": "Համոզվա՞ծ եք, որ ցանկանում եք հեռացնել \"{attributeName}\" հատուկ ատրիբուտը?",

package/assets/localization/local_kk.json

@@ -2671,9 +2671,14 @@
     "hostFound": "Хост табылды",
     "testConnection": "Қосылымды тексеру",
     "saveAndStart": "Сақтау және іске қосу",
+    "saveAndRun": "Сақтау және іске қосу",
     "extended": "Кеңейтілген",
     "deleteConfiguration": "Конфигурацияны жою",
-    "editConnection": "Қосылымды өзгерту"
+    "editConnection": "Қосылымды өзгерту",
+    "deleteDatastores": "Деректер қоймаларын жою",
+    "confirmRemoveStorageDescFirst": "Таңдалған деректер қоймаларын ({0}) жойғыңыз келетініне сенімдісіз бе? Бұл әрекет виртуалды машиналарға қатысты барлық файлдарды біржола жояды.",
+    "confirmRemoveStorageDescSecond": "Мәжбүрлі түрде орнатылған VMFS деректер қоймалары инвентарьдан жойылады, бірақ олардың деректері жойылмайды.",
+    "hostSettings": "Хост параметрлері"
   },
   "auth": {
     "welcomeTo": "Қош келдіңіз",
@@ -2705,7 +2710,8 @@
     "taskName": "Тапсырма аты",
     "moreTasks": "Деректер мәселелері",
     "vmUpdateSteps": "ВМ жаңарту қадамдары",
-    "waitingTime": "Басқару қалыптауы"
+    "waitingTime": "Басқару қалыптауы",
+    "cancelTask": "Тапсырманы болдырмау"
   },
   "layout": {
     "alarms": "Budzіlnіkі",
@@ -3939,6 +3945,35 @@
     "issue": "Мәселе",
     "metricsSent": "Метрикалар жіберілді"
   },
+  "monq": {
+    "monq": "Monq",
+    "connectToMonq": "Monq-қа қосылу",
+    "connectToMonqDescription": "Data Streams бөлімінен сервер URL мен Stream Key енгізіңіз",
+    "monqServerUrl": "Monq серверінің URL-і",
+    "streamKeyApiKey": "Stream Key (Data Stream API Key)",
+    "streamKey": "Stream Key",
+    "getTheKeyInMonqText": "Кілтті Monq-та алыңыз: Settings → Data Streams → Create Stream → Copy API Key",
+    "skipTlsCertificateVerification": "TLS сертификатын тексеруді өткізіп жіберу",
+    "monqIsAvailable": "Monq қолжетімді",
+    "monqIsInvalid": "Monq қолжетімсіз",
+    "monqAvailability": "Monq қолжетімділігі",
+    "streamKeyIsValid": "Stream Key жарамды",
+    "streamKeyIsInvalid": "Stream Key жарамсыз",
+    "streamKeyValidation": "Stream Key тексеруі",
+    "hostSettingsSubtitle": "Метрикалар Monq-қа жіберілетін хост атауы",
+    "hostNameLabel": "Хост атауы (Monq-та көрсетілгендей)",
+    "metricsWillAppearInMonqText": "Метрикалар Monq-та осы атаумен көрінеді. Әдетте бұл гипервизордың IP мекенжайы немесе FQDN.",
+    "monqSystemStatusDescription": "Адаптердің өнімділігін бақылаңыз және Monq-пен қосылымдарды тексеріңіз",
+    "adapterIsRunning": "Адаптер жұмыс істеп тұр",
+    "metricsAreBeingSent": "Метрикалар жіберілуде (жіберілгені: {0})",
+    "monqIsNotAvailable": "Monq қолжетімсіз",
+    "deleteMonqIntegrationConfiguration": "Monq интеграциясының конфигурациясын жойғыңыз келетініне сенімдісіз бе?",
+    "configurationSavedAdapterStarted": "Конфигурация сақталды, адаптер іске қосылды",
+    "monqAdapterLogs": "Monq адаптерінің логтары",
+    "clearLogs": "Логтарды тазалау",
+    "noLogs": "Логтар жоқ",
+    "noErrorLogs": "Қате логтары жоқ"
+  },
   "glpi": {
     "connectToGlpi": "GLPI-ге қосылыңыз",
     "hostAddress": "GLPI мекен-жайы",
@@ -4548,7 +4583,10 @@
     "reSelect": "Қайта таңдау",
     "nameContainsInvalidCharacters": "Қалта атауы 1-ден 64 таңбаға дейін болуы керек және бос орындарды, '/', '@', '#', басқару таңбаларын қамти алмайды, не '.' / '..' болуы мүмкін емес",
     "fileAlreadyExists": "Файл бұрыннан бар",
-    "fileNameAlreadyExists": "«{0}» атауымен файл бұрыннан бар."
+    "fileNameAlreadyExists": "«{0}» атауымен файл бұрыннан бар.",
+    "pause": "Тоқтату",
+    "resume": "Жалғастыру",
+    "reSelectFile": "Файлды қайта таңдау"
   },
   "myPreferences": {
     "twoFactorAuthentication": "Екі факторлы аутентификация",
@@ -4623,7 +4661,8 @@
   "advancedSystemSettings": {
     "key": "Кілт",
     "value": "Мән",
-    "summary": "Түйіндеме"
+    "summary": "Түйіндеме",
+    "keysCountText": "кілт(тер)"
   },
   "tagsAndAttributes": {
     "attributeDeleteConfirmation": "\"{attributeName}\" теңшелетін төлсипатын жойғыңыз келетініне сенімдісіз бе?",

package/assets/localization/local_ru.json

@@ -2671,9 +2671,14 @@
     "hostFound": "Хост найден",
     "testConnection": "Проверить подключение",
     "saveAndStart": "Сохранить и запустить",
+    "saveAndRun": "Сохранить и запустить",
     "extended": "Расширенный",
     "deleteConfiguration": "Удалить конфигурацию",
-    "editConnection": "Изменить подключение"
+    "editConnection": "Изменить подключение",
+    "deleteDatastores": "Удалить хранилища данных",
+    "confirmRemoveStorageDescFirst": "Вы уверены, что хотите удалить выбранные хранилища данных ({0})? Это действие навсегда удалит все файлы виртуальных машин, находящиеся на выбранных хранилищах.",
+    "confirmRemoveStorageDescSecond": "Принудительно смонтированные VMFS-хранилища будут удалены из инвентаря, но их данные удалены не будут.",
+    "hostSettings": "Настройки хоста"
   },
   "auth": {
     "welcomeTo": "Добро пожаловать в",
@@ -2705,7 +2710,8 @@
     "taskName": "Название задачи",
     "moreTasks": "Дополнительные задачи",
     "vmUpdateSteps": "Шаги обновления ВМ",
-    "waitingTime": "Время ожидания"
+    "waitingTime": "Время ожидания",
+    "cancelTask": "Отменить задачу"
   },
   "layout": {
     "alarms": "Предупреждения",
@@ -3939,6 +3945,35 @@
     "issue": "Ошибки",
     "metricsSent": "Метрики отправлены"
   },
+  "monq": {
+    "monq": "Monq",
+    "connectToMonq": "Подключиться к Monq",
+    "connectToMonqDescription": "Введите URL сервера и Stream Key из раздела Data Streams",
+    "monqServerUrl": "URL сервера Monq",
+    "streamKeyApiKey": "Stream Key (API-ключ Data Stream)",
+    "streamKey": "Stream Key",
+    "getTheKeyInMonqText": "Получите ключ в Monq: Settings → Data Streams → Create Stream → Copy API Key",
+    "skipTlsCertificateVerification": "Пропустить проверку TLS-сертификата",
+    "monqIsAvailable": "Monq доступен",
+    "monqIsInvalid": "Monq недоступен",
+    "monqAvailability": "Доступность Monq",
+    "streamKeyIsValid": "Stream Key действителен",
+    "streamKeyIsInvalid": "Stream Key недействителен",
+    "streamKeyValidation": "Проверка Stream Key",
+    "hostSettingsSubtitle": "Имя хоста, под которым метрики будут отправляться в Monq",
+    "hostNameLabel": "Имя хоста (как отображается в Monq)",
+    "metricsWillAppearInMonqText": "Метрики будут отображаться в Monq под этим именем. Обычно это IP гипервизора или FQDN.",
+    "monqSystemStatusDescription": "Отслеживайте производительность адаптера и проверяйте подключения к Monq",
+    "adapterIsRunning": "Адаптер запущен",
+    "metricsAreBeingSent": "Метрики отправляются (отправлено: {0})",
+    "monqIsNotAvailable": "Monq недоступен",
+    "deleteMonqIntegrationConfiguration": "Вы уверены, что хотите удалить конфигурацию интеграции Monq?",
+    "configurationSavedAdapterStarted": "Конфигурация сохранена, адаптер запущен",
+    "monqAdapterLogs": "Логи адаптера Monq",
+    "clearLogs": "Очистить логи",
+    "noLogs": "Нет логов",
+    "noErrorLogs": "Нет логов с ошибками"
+  },
   "glpi": {
     "connectToGlpi": "Подключитесь к GLPI",
     "hostAddress": "Адрес GLPI",
@@ -4548,7 +4583,10 @@
     "reSelect": "Выбрать заново",
     "nameContainsInvalidCharacters": "Имя папки должно содержать от 1 до 64 символов и не может содержать пробелы, '/', '@', '#', управляющие символы, а также не может быть '.' или '..'",
     "fileAlreadyExists": "Файл уже существует",
-    "fileNameAlreadyExists": "Файл с именем «{0}» уже существует."
+    "fileNameAlreadyExists": "Файл с именем «{0}» уже существует.",
+    "pause": "Пауза",
+    "resume": "Возобновить",
+    "reSelectFile": "Выбрать файл заново"
   },
   "myPreferences": {
     "twoFactorAuthentication": "Двухфакторная аутентификация",
@@ -4623,7 +4661,8 @@
   "advancedSystemSettings": {
     "key": "Ключ",
     "value": "Значение",
-    "summary": "Сводка"
+    "summary": "Сводка",
+    "keysCountText": "ключ(и)"
   },
   "tagsAndAttributes": {
     "attributeDeleteConfirmation": "Вы уверены, что хотите удалить пользовательский атрибут \"{attributeName}\"?",

package/assets/localization/local_zh.json

@@ -2669,9 +2669,14 @@
     "hostFound": "已找到主机",
     "testConnection": "测试连接",
     "saveAndStart": "保存并启动",
+    "saveAndRun": "保存并启动",
     "extended": "扩展版",
     "deleteConfiguration": "删除配置",
-    "editConnection": "编辑连接"
+    "editConnection": "编辑连接",
+    "deleteDatastores": "删除数据存储",
+    "confirmRemoveStorageDescFirst": "您确定要删除所选数据存储 ({0}) 吗？此操作将永久删除这些数据存储上所有虚拟机相关文件。",
+    "confirmRemoveStorageDescSecond": "强制挂载的 VMFS 数据存储将从清单中移除，但其数据不会被删除。",
+    "hostSettings": "主机设置"
   },
   "auth": {
     "welcomeTo": "欢迎来到",
@@ -2703,7 +2708,8 @@
     "taskName": "任务名称",
     "moreTasks": "附加任务",
     "vmUpdateSteps": "虚拟机更新步骤",
-    "waitingTime": "等待时间"
+    "waitingTime": "等待时间",
+    "cancelTask": "取消任务"
   },
   "layout": {
     "alarms": "闹钟",
@@ -3937,6 +3943,35 @@
     "issue": "问题",
     "metricsSent": "指标已发送"
   },
+  "monq": {
+    "monq": "Monq",
+    "connectToMonq": "连接到 Monq",
+    "connectToMonqDescription": "输入来自 Data Streams 部分的服务器 URL 和 Stream Key",
+    "monqServerUrl": "Monq 服务器 URL",
+    "streamKeyApiKey": "Stream Key（Data Stream API Key）",
+    "streamKey": "Stream Key",
+    "getTheKeyInMonqText": "在 Monq 中获取密钥：Settings → Data Streams → Create Stream → Copy API Key",
+    "skipTlsCertificateVerification": "跳过 TLS 证书验证",
+    "monqIsAvailable": "Monq 可用",
+    "monqIsInvalid": "Monq 不可用",
+    "monqAvailability": "Monq 可用性",
+    "streamKeyIsValid": "Stream Key 有效",
+    "streamKeyIsInvalid": "Stream Key 无效",
+    "streamKeyValidation": "Stream Key 验证",
+    "hostSettingsSubtitle": "用于向 Monq 发送指标的主机名",
+    "hostNameLabel": "主机名（在 Monq 中显示）",
+    "metricsWillAppearInMonqText": "指标将以此名称显示在 Monq 中。通常为虚拟化主机的 IP 或 FQDN。",
+    "monqSystemStatusDescription": "监控适配器性能并检查与 Monq 的连接",
+    "adapterIsRunning": "适配器正在运行",
+    "metricsAreBeingSent": "指标正在发送（已发送：{0}）",
+    "monqIsNotAvailable": "Monq 不可用",
+    "deleteMonqIntegrationConfiguration": "您确定要删除 Monq 集成配置吗？",
+    "configurationSavedAdapterStarted": "配置已保存，适配器已启动",
+    "monqAdapterLogs": "Monq 适配器日志",
+    "clearLogs": "清除日志",
+    "noLogs": "没有日志",
+    "noErrorLogs": "没有错误日志"
+  },
   "glpi": {
     "connectToGlpi": "连接到GLPI",
     "hostAddress": "GLPI地址",
@@ -4546,7 +4581,10 @@
     "reSelect": "重新选择",
     "nameContainsInvalidCharacters": "文件夹名称必须为 1 到 64 个字符，不能包含空格、'/'、'@'、'#'、控制字符，也不能是 '.' 或 '..'",
     "fileAlreadyExists": "文件已存在",
-    "fileNameAlreadyExists": "名为“{0}”的文件已存在。"
+    "fileNameAlreadyExists": "名为“{0}”的文件已存在。",
+    "pause": "暂停",
+    "resume": "继续",
+    "reSelectFile": "重新选择文件"
   },
   "myPreferences": {
     "twoFactorAuthentication": "双因素认证",
@@ -4621,7 +4659,8 @@
   "advancedSystemSettings": {
     "key": "键",
     "value": "值",
-    "summary": "摘要"
+    "summary": "摘要",
+    "keysCountText": "密钥"
   },
   "tagsAndAttributes": {
     "attributeDeleteConfirmation": "您确定要删除自定义属性\"{attributeName}\"吗？",

package/components/common/configure/advancedSystemSettings/AdvancedSystemSettings.vue

@@ -1,20 +1,17 @@
 <template>
-  <atoms-loader v-show="loading" test-id="advanced-system-settings-spinner" />
-  <div class="advanced-system-settings flex flex-col h-full">
-    <common-configure-advanced-system-settings-tools
-      class="mb-1"
-      @show-edit="isShowEdit = true"
-    />
-
-    <common-configure-advanced-system-settings-table-view :data="settings" />
-
-    <common-configure-advanced-system-settings-modals-edit
-      v-if="isShowEdit"
-      :host="props.host"
-      :settings="settings"
-      @hide="isShowEdit = false"
-    />
-  </div>
+  <component
+    :is="currentComponent"
+    :is-loading="isLoading"
+    :settings="settings"
+    @show-edit-modal="isShowEdit = true"
+  />
+
+  <common-configure-advanced-system-settings-modals-edit
+    v-if="isShowEdit"
+    :host="props.host"
+    :settings="settings"
+    @hide="isShowEdit = false"
+  />
 </template>
 
 <script lang="ts" setup>
@@ -27,11 +24,22 @@ const props = defineProps<{
 
 const { $store }: any = useNuxtApp()
 
-const loading = computed<boolean>(() => $store.getters['advancedSystemSettings/getLoading']('settings'))
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./New.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
+
+const isLoading = computed<boolean>(() =>
+  $store.getters['advancedSystemSettings/getLoading']('settings')
+)
 
 const settings = computed<API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>>(
   () => $store.getters['advancedSystemSettings/getSettings']
 )
+
 const getSettings = async (): Promise<void> => {
   await $store.dispatch('advancedSystemSettings/A_GET_SETTINGS', props.host)
 }

package/components/common/configure/advancedSystemSettings/New.vue

@@ -0,0 +1,41 @@
+<template>
+  <div class="advanced-system-settings flex flex-col h-full">
+    <div v-if="props.isLoading" class="flex justify-between items-start mb-4">
+      <ui-skeleton-item width="160" height="22" />
+      <ui-skeleton-item width="34" height="34" border-radius="8" />
+    </div>
+    <common-configure-advanced-system-settings-tools
+      v-else
+      @show-edit-modal="emits('show-edit-modal')"
+    />
+    <common-configure-advanced-system-settings-table-view
+      :data="props.settings"
+      :is-loading="props.isLoading"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
+import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
+
+const props = defineProps<{
+  isLoading: boolean
+  settings: API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>
+}>()
+
+const emits = defineEmits<{
+  (event: 'show-edit-modal'): void
+}>()
+</script>
+
+<style lang="scss" scoped>
+.advanced-system-settings {
+  margin-top: 6px;
+  margin-right: 14px;
+
+  :deep(.data-table-skeleton) {
+    height: inherit;
+  }
+}
+</style>

package/components/common/configure/advancedSystemSettings/Old.vue

@@ -0,0 +1,36 @@
+<template>
+  <atoms-loader
+    v-show="props.isLoading"
+    test-id="advanced-system-settings-spinner"
+  />
+  <div class="advanced-system-settings flex flex-col h-full">
+    <common-configure-advanced-system-settings-tools
+      class="mb-1"
+      @show-edit-modal="emits('show-edit-modal')"
+    />
+
+    <common-configure-advanced-system-settings-table-view
+      :data="props.settings"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
+import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
+
+const props = defineProps<{
+  isLoading: boolean
+  settings: API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>
+}>()
+
+const emits = defineEmits<{
+  (event: 'show-edit-modal'): void
+}>()
+</script>
+
+<style lang="scss" scoped>
+.advanced-system-settings {
+  padding-left: 10px;
+}
+</style>

package/components/common/configure/advancedSystemSettings/modals/edit/Edit.vue

@@ -5,7 +5,7 @@
     v-model:invalid-fields="invalidFields"
     :host="props.host"
     :settings="props.settings"
-    :loading="loading"
+    :is-loading="isLoading"
     :errors="errors"
     @hide="onHide"
     @submit="onSubmit"
@@ -39,7 +39,7 @@ const settingsLocal = ref<API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>>(
   useDeepCopy(props.settings)
 )
 
-const loading = ref<boolean>(false)
+const isLoading = ref<boolean>(false)
 
 const errors = ref<string[]>([])
 const invalidFields = ref<string[]>([])
@@ -50,7 +50,7 @@ const onSubmit = async (): Promise<void> => {
     return
   }
 
-  loading.value = true
+  isLoading.value = true
 
   const error = await $store.dispatch(
     'advancedSystemSettings/A_UPDATE_SETTINGS',
@@ -67,7 +67,7 @@ const onSubmit = async (): Promise<void> => {
   if (error) errors.value.push(error)
   else onHide()
 
-  loading.value = false
+  isLoading.value = false
 }
 
 const onHide = (): void => {

package/components/common/configure/advancedSystemSettings/modals/edit/New.vue

@@ -1,42 +1,52 @@
 <template>
-  <atoms-modal
-    :title="localization.common.edit"
-    :second-title="props.host"
-    :loading="props.loading"
+  <ui-modal
+    :title="localization.common.editSettings"
+    :subtitle="props.host"
+    :texts="modalTextsLocal"
+    :is-loading="props.isLoading"
     test-id="advanced-system-settings-edit"
-    class="advanced-system-settings"
+    width="720px"
     show
     @hide="onHide"
   >
-    <template #modalBody>
-      <atoms-alert
-        v-show="props.errors.length"
-        :items="props.errors"
-        status="alert-danger"
-        test-id="advanced-system-service-alert"
-        class="mb-1"
-        @remove="emits('remove-validation-errors')"
-      />
-
-      <common-configure-advanced-system-settings-table-view
-        v-model:invalid-fields="invalidFields"
-        :data="props.settings"
-      />
+    <template #content>
+      <div class="advanced-system-settings-edit-modal-body grid gap-4 mx-8">
+        <ui-alert
+          v-if="props.errors.length"
+          :messages="props.errors"
+          test-id="advanced-system-settings-edit-alert"
+          type="error"
+        />
+
+        <common-configure-advanced-system-settings-table-view
+          v-model:settings="model"
+          v-model:invalid-fields="invalidFields"
+          :data="props.settings"
+          is-edit
+        />
+      </div>
     </template>
-  </atoms-modal>
+    <template #footerLeftContent><span></span></template>
+  </ui-modal>
 </template>
 
 <script lang="ts" setup>
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
 import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
+import type { UI_I_ModalTexts } from 'bfg-uikit/components/ui/modal/models/interfaces'
 
-const invalidFields = defineModel<string[]>('invalid-fields', {required: true})
+const model = defineModel<API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>>({
+  required: true,
+})
+const invalidFields = defineModel<string[]>('invalid-fields', {
+  required: true,
+})
 
 const props = defineProps<{
   host: string
   settings: API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>
-  loading: boolean
+  isLoading: boolean
   errors: string[]
 }>()
 
@@ -48,9 +58,18 @@ const emits = defineEmits<{
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
+const modalTextsLocal = computed<UI_I_ModalTexts>(() => ({
+  button2: localization.value.common.save,
+}))
+
 const onHide = (): void => {
   emits('hide')
 }
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.advanced-system-settings-edit-modal-body {
+  height: 400px;
+  overflow: auto;
+}
+</style>

package/components/common/configure/advancedSystemSettings/modals/edit/Old.vue

@@ -2,7 +2,7 @@
   <atoms-modal
     :title="localization.common.edit"
     :second-title="props.host"
-    :loading="props.loading"
+    :loading="props.isLoading"
     test-id="advanced-system-settings-edit"
     class="advanced-system-settings"
     width="863px"
@@ -38,12 +38,14 @@ import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/confi
 const model = defineModel<API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>>({
   required: true,
 })
-const invalidFields = defineModel<string[]>('invalid-fields', {required: true})
+const invalidFields = defineModel<string[]>('invalid-fields', {
+  required: true,
+})
 
 const props = defineProps<{
   host: string
   settings: API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>
-  loading: boolean
+  isLoading: boolean
   errors: string[]
 }>()