bfg-common 1.6.109 → 1.6.111

package/assets/localization/local_be.json

@@ -2668,12 +2668,14 @@
     "hostFound": "Хост знойдзены",
     "testConnection": "Праверыць падключэнне",
     "saveAndStart": "Захаваць і запусціць",
+    "saveAndRun": "Захаваць і працягнуць",
     "extended": "Пашыраны",
     "deleteConfiguration": "Выдаліць канфігурацыю",
     "editConnection": "Рэдагаваць падключэнне",
     "deleteDatastores": "Выдаліць сховішчы дадзеных",
     "confirmRemoveStorageDescFirst": "Вы ўпэўнены, што хочаце выдаліць выбраныя сховішчы дадзеных ({0})? Гэта дзеянне назаўсёды выдаліць усе файлы віртуальных машын, якія знаходзяцца на гэтых сховішчах.",
-    "confirmRemoveStorageDescSecond": "Прымусова змантаваныя VMFS-сховішчы будуць выдалены з інвентару, але іх дадзеныя не будуць выдалены."
+    "confirmRemoveStorageDescSecond": "Прымусова змантаваныя VMFS-сховішчы будуць выдалены з інвентару, але іх дадзеныя не будуць выдалены.",
+    "hostSettings": "Налады хоста"
   },
   "auth": {
     "welcomeTo": "Сардэчна запрашаем у",
@@ -3940,6 +3942,25 @@
     "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."
+  },
   "glpi": {
     "connectToGlpi": "Падключыцца да GLPI",
     "hostAddress": "Адрас GLPI",
@@ -4549,7 +4570,10 @@
     "reSelect": "Паўторна выбраць",
     "nameContainsInvalidCharacters": "Імя тэчкі павінна ўтрымліваць ад 1 да 64 знакаў і не можа ўтрымліваць прабелы, '/', '@', '#', кіруючыя знакі, а таксама не можа быць '.' або '..'",
     "fileAlreadyExists": "Файл ужо існуе",
-    "fileNameAlreadyExists": "Файл з назвай «{0}» ужо існуе."
+    "fileNameAlreadyExists": "Файл з назвай «{0}» ужо існуе.",
+    "pause": "Прыпыніць",
+    "resume": "Аднавіць",
+    "reSelectFile": "Паўторна выбраць файл"
   },
   "myPreferences": {
     "twoFactorAuthentication": "Двухфактарная аўтэнтыфікацыя",
@@ -4624,7 +4648,8 @@
   "advancedSystemSettings": {
     "key": "Ключ",
     "value": "Значэнне",
-    "summary": "Зводка"
+    "summary": "Зводка",
+    "keysCountText": "ключ(ы)"
   },
   "tagsAndAttributes": {
     "attributeDeleteConfirmation": "Вы ўпэўненыя, што хочаце выдаліць карыстацкі атрыбут \"{attributeName}\"?",

package/assets/localization/local_en.json

@@ -2672,12 +2672,14 @@
     "hostFound": "Host found",
     "testConnection": "Test Connection",
     "saveAndStart": "Save and Start",
+    "saveAndRun": "Save and Run",
     "extended": "Extended",
     "deleteConfiguration": "Delete Configuration",
     "editConnection": "Edit Connection",
     "deleteDatastores": "Delete Datastores",
     "confirmRemoveStorageDescFirst": "Are you sure you want to delete selected datastores ({0})? This will permanently delete all files associated with virtual machines on the selected datastores.",
-    "confirmRemoveStorageDescSecond": "Force-mounted VMFS datastores will be removed from the inventory, but their data will not be deleted."
+    "confirmRemoveStorageDescSecond": "Force-mounted VMFS datastores will be removed from the inventory, but their data will not be deleted.",
+    "hostSettings": "Host Settings"
   },
   "auth": {
     "welcomeTo": "Welcome to",
@@ -3944,6 +3946,25 @@
     "issue": "Issue",
     "metricsSent": "Metrics Sent"
   },
+  "monq": {
+    "monq": "Monq",
+    "connectToMonq": "Connect to Monq",
+    "connectToMonqDescription": "Enter the server URL and Stream Key from the Data Streams section",
+    "monqServerUrl": "Monq Server URL",
+    "streamKeyApiKey": "Stream Key (Data Stream API Key)",
+    "streamKey": "Stream Key",
+    "getTheKeyInMonqText": "Get the key in Monq: Settings → Data Streams → Create Stream → Copy API Key",
+    "skipTlsCertificateVerification": "Skip TLS certificate verification",
+    "monqIsAvailable": "Monq is available",
+    "monqIsInvalid": "Monq is invalid",
+    "monqAvailability": "Monq availability",
+    "streamKeyIsValid": "Stream Key is valid",
+    "streamKeyIsInvalid": "Stream Key is invalid",
+    "streamKeyValidation": "Stream Key validation",
+    "hostSettingsSubtitle": "The hostname under which metrics will be sent to Monq",
+    "hostNameLabel": "Hostname (as shown in Monq)",
+    "metricsWillAppearInMonqText": "Metrics will appear in Monq under this name. Usually the hypervisor IP or FQDN."
+  },
   "glpi": {
     "connectToGlpi": "Connect to GLPI",
     "hostAddress": "GLPI Address",
@@ -4554,7 +4575,10 @@
     "reSelect": "Re-select",
     "nameContainsInvalidCharacters": "Folder name must be between 1 and 64 characters and cannot contain spaces, '/', '@', '#', control characters, or be '.' / '..'",
     "fileAlreadyExists": "File Already Exists",
-    "fileNameAlreadyExists": "A file named “{0}” already exists."
+    "fileNameAlreadyExists": "A file named “{0}” already exists.",
+    "pause": "Pause",
+    "resume": "Resume",
+    "reSelectFile": "Re-select file"
   },
   "myPreferences": {
     "twoFactorAuthentication": "Two-Factor Authentication",
@@ -4629,7 +4653,8 @@
   "advancedSystemSettings": {
     "key": "Key",
     "value": "Value",
-    "summary": "Summary"
+    "summary": "Summary",
+    "keysCountText": "key(s)"
   },
   "tagsAndAttributes": {
     "attributeDeleteConfirmation": "Are you sure you want to delete the custom attribute \"{attributeName}\"?",

package/assets/localization/local_hy.json

@@ -2672,12 +2672,14 @@
     "hostFound": "Հոսթը գտնվել է",
     "testConnection": "Ստուգել կապը",
     "saveAndStart": "Պահպանել և գործարկել",
+    "saveAndRun": "Պահպանել և գործարկել",
     "extended": "Ընդլայնված",
     "deleteConfiguration": "Ջնջել կոնֆիգուրացիան",
     "editConnection": "Խմբագրել կապը",
     "deleteDatastores": "Ջնջել տվյալների պահոցները",
     "confirmRemoveStorageDescFirst": "Վստա՞հ եք, որ ցանկանում եք ջնջել ընտրված տվյալների պահոցները ({0})։ Այս գործողությունը ընդմիշտ կջնջի ընտրված պահոցներում գտնվող վիրտուալ մեքենաների բոլոր ֆայլերը։",
-    "confirmRemoveStorageDescSecond": "Հարկադրաբար միացված VMFS տվյալների պահոցները կհեռացվեն ինվենտարից, սակայն դրանց տվյալները չեն ջնջվի։"
+    "confirmRemoveStorageDescSecond": "Հարկադրաբար միացված VMFS տվյալների պահոցները կհեռացվեն ինվենտարից, սակայն դրանց տվյալները չեն ջնջվի։",
+    "hostSettings": "Հոսթի կոնֆիգուրացիաները"
   },
   "auth": {
     "welcomeTo": "Բարի գալուստ",
@@ -3944,6 +3946,25 @@
     "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-ն է։"
+  },
   "glpi": {
     "connectToGlpi": "Միացեք GLPI- ին",
     "hostAddress": "GLPI հասցե",
@@ -4553,7 +4574,10 @@
     "reSelect": "Կրկին ընտրել",
     "nameContainsInvalidCharacters": "Թղթապանակի անունը պետք է ունենա 1-ից 64 նիշ և չի կարող պարունակել բացատներ, '/', '@', '#', կառավարող նիշեր, կամ լինել '.' / '..'",
     "fileAlreadyExists": "Ֆայլն արդեն գոյություն ունի",
-    "fileNameAlreadyExists": "«{0}» անունով ֆայլ արդեն գոյություն ունի։"
+    "fileNameAlreadyExists": "«{0}» անունով ֆայլ արդեն գոյություն ունի։",
+    "pause": "Կասեցնել",
+    "resume": "Վերսկսել",
+    "reSelectFile": "Կրկին ընտրել ֆայլը"
   },
   "myPreferences": {
     "twoFactorAuthentication": "Երկգործոն նույնականացում",
@@ -4628,7 +4652,8 @@
   "advancedSystemSettings": {
     "key": "Բանալի",
     "value": "Արժեք",
-    "summary": "Ամփոփում"
+    "summary": "Ամփոփում",
+    "keysCountText": "բանալի(ներ)"
   },
   "tagsAndAttributes": {
     "attributeDeleteConfirmation": "Համոզվա՞ծ եք, որ ցանկանում եք հեռացնել \"{attributeName}\" հատուկ ատրիբուտը?",

package/assets/localization/local_kk.json

@@ -2671,12 +2671,14 @@
     "hostFound": "Хост табылды",
     "testConnection": "Қосылымды тексеру",
     "saveAndStart": "Сақтау және іске қосу",
+    "saveAndRun": "Сақтау және іске қосу",
     "extended": "Кеңейтілген",
     "deleteConfiguration": "Конфигурацияны жою",
     "editConnection": "Қосылымды өзгерту",
     "deleteDatastores": "Деректер қоймаларын жою",
     "confirmRemoveStorageDescFirst": "Таңдалған деректер қоймаларын ({0}) жойғыңыз келетініне сенімдісіз бе? Бұл әрекет виртуалды машиналарға қатысты барлық файлдарды біржола жояды.",
-    "confirmRemoveStorageDescSecond": "Мәжбүрлі түрде орнатылған VMFS деректер қоймалары инвентарьдан жойылады, бірақ олардың деректері жойылмайды."
+    "confirmRemoveStorageDescSecond": "Мәжбүрлі түрде орнатылған VMFS деректер қоймалары инвентарьдан жойылады, бірақ олардың деректері жойылмайды.",
+    "hostSettings": "Хост параметрлері"
   },
   "auth": {
     "welcomeTo": "Қош келдіңіз",
@@ -3943,6 +3945,25 @@
     "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."
+  },
   "glpi": {
     "connectToGlpi": "GLPI-ге қосылыңыз",
     "hostAddress": "GLPI мекен-жайы",
@@ -4552,7 +4573,10 @@
     "reSelect": "Қайта таңдау",
     "nameContainsInvalidCharacters": "Қалта атауы 1-ден 64 таңбаға дейін болуы керек және бос орындарды, '/', '@', '#', басқару таңбаларын қамти алмайды, не '.' / '..' болуы мүмкін емес",
     "fileAlreadyExists": "Файл бұрыннан бар",
-    "fileNameAlreadyExists": "«{0}» атауымен файл бұрыннан бар."
+    "fileNameAlreadyExists": "«{0}» атауымен файл бұрыннан бар.",
+    "pause": "Тоқтату",
+    "resume": "Жалғастыру",
+    "reSelectFile": "Файлды қайта таңдау"
   },
   "myPreferences": {
     "twoFactorAuthentication": "Екі факторлы аутентификация",
@@ -4627,7 +4651,8 @@
   "advancedSystemSettings": {
     "key": "Кілт",
     "value": "Мән",
-    "summary": "Түйіндеме"
+    "summary": "Түйіндеме",
+    "keysCountText": "кілт(тер)"
   },
   "tagsAndAttributes": {
     "attributeDeleteConfirmation": "\"{attributeName}\" теңшелетін төлсипатын жойғыңыз келетініне сенімдісіз бе?",

package/assets/localization/local_ru.json

@@ -2671,12 +2671,14 @@
     "hostFound": "Хост найден",
     "testConnection": "Проверить подключение",
     "saveAndStart": "Сохранить и запустить",
+    "saveAndRun": "Сохранить и запустить",
     "extended": "Расширенный",
     "deleteConfiguration": "Удалить конфигурацию",
     "editConnection": "Изменить подключение",
     "deleteDatastores": "Удалить хранилища данных",
     "confirmRemoveStorageDescFirst": "Вы уверены, что хотите удалить выбранные хранилища данных ({0})? Это действие навсегда удалит все файлы виртуальных машин, находящиеся на выбранных хранилищах.",
-    "confirmRemoveStorageDescSecond": "Принудительно смонтированные VMFS-хранилища будут удалены из инвентаря, но их данные удалены не будут."
+    "confirmRemoveStorageDescSecond": "Принудительно смонтированные VMFS-хранилища будут удалены из инвентаря, но их данные удалены не будут.",
+    "hostSettings": "Настройки хоста"
   },
   "auth": {
     "welcomeTo": "Добро пожаловать в",
@@ -3943,6 +3945,25 @@
     "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."
+  },
   "glpi": {
     "connectToGlpi": "Подключитесь к GLPI",
     "hostAddress": "Адрес GLPI",
@@ -4552,7 +4573,10 @@
     "reSelect": "Выбрать заново",
     "nameContainsInvalidCharacters": "Имя папки должно содержать от 1 до 64 символов и не может содержать пробелы, '/', '@', '#', управляющие символы, а также не может быть '.' или '..'",
     "fileAlreadyExists": "Файл уже существует",
-    "fileNameAlreadyExists": "Файл с именем «{0}» уже существует."
+    "fileNameAlreadyExists": "Файл с именем «{0}» уже существует.",
+    "pause": "Пауза",
+    "resume": "Возобновить",
+    "reSelectFile": "Выбрать файл заново"
   },
   "myPreferences": {
     "twoFactorAuthentication": "Двухфакторная аутентификация",
@@ -4627,7 +4651,8 @@
   "advancedSystemSettings": {
     "key": "Ключ",
     "value": "Значение",
-    "summary": "Сводка"
+    "summary": "Сводка",
+    "keysCountText": "ключ(и)"
   },
   "tagsAndAttributes": {
     "attributeDeleteConfirmation": "Вы уверены, что хотите удалить пользовательский атрибут \"{attributeName}\"?",

package/assets/localization/local_zh.json

@@ -2669,12 +2669,14 @@
     "hostFound": "已找到主机",
     "testConnection": "测试连接",
     "saveAndStart": "保存并启动",
+    "saveAndRun": "保存并启动",
     "extended": "扩展版",
     "deleteConfiguration": "删除配置",
     "editConnection": "编辑连接",
     "deleteDatastores": "删除数据存储",
     "confirmRemoveStorageDescFirst": "您确定要删除所选数据存储 ({0}) 吗？此操作将永久删除这些数据存储上所有虚拟机相关文件。",
-    "confirmRemoveStorageDescSecond": "强制挂载的 VMFS 数据存储将从清单中移除，但其数据不会被删除。"
+    "confirmRemoveStorageDescSecond": "强制挂载的 VMFS 数据存储将从清单中移除，但其数据不会被删除。",
+    "hostSettings": "主机设置"
   },
   "auth": {
     "welcomeTo": "欢迎来到",
@@ -3941,6 +3943,25 @@
     "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。"
+  },
   "glpi": {
     "connectToGlpi": "连接到GLPI",
     "hostAddress": "GLPI地址",
@@ -4550,7 +4571,10 @@
     "reSelect": "重新选择",
     "nameContainsInvalidCharacters": "文件夹名称必须为 1 到 64 个字符，不能包含空格、'/'、'@'、'#'、控制字符，也不能是 '.' 或 '..'",
     "fileAlreadyExists": "文件已存在",
-    "fileNameAlreadyExists": "名为“{0}”的文件已存在。"
+    "fileNameAlreadyExists": "名为“{0}”的文件已存在。",
+    "pause": "暂停",
+    "resume": "继续",
+    "reSelectFile": "重新选择文件"
   },
   "myPreferences": {
     "twoFactorAuthentication": "双因素认证",
@@ -4625,7 +4649,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,37 @@
+<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;
+}
+</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 => {