From 7c1cfe7e25957fc915fc9790bdf78887295b1fee Mon Sep 17 00:00:00 2001 From: Konstantin Aladyshev Date: Tue, 16 May 2023 09:03:25 +0000 Subject: Add SNMP alerts page and test hooks This page will be included in Configuration section of the primary navigation. The user will be able to delete and add alert destination. Change-Id: I396d19a54ea11724f2c5aec67e20ba9abff947d3 Signed-off-by: Konstantin Aladyshev --- src/components/AppNavigation/AppNavigationMixin.js | 5 + src/locales/en-US.json | 28 +++ src/locales/ru-RU.json | 28 +++ src/router/routes.js | 9 + src/store/index.js | 2 + src/store/modules/Settings/SnmpAlertsStore.js | 121 +++++++++ .../Settings/SnmpAlerts/ModalAddDestination.vue | 145 +++++++++++ src/views/Settings/SnmpAlerts/SnmpAlerts.vue | 274 +++++++++++++++++++++ src/views/Settings/SnmpAlerts/index.js | 2 + 9 files changed, 614 insertions(+) create mode 100644 src/store/modules/Settings/SnmpAlertsStore.js create mode 100644 src/views/Settings/SnmpAlerts/ModalAddDestination.vue create mode 100644 src/views/Settings/SnmpAlerts/SnmpAlerts.vue create mode 100644 src/views/Settings/SnmpAlerts/index.js diff --git a/src/components/AppNavigation/AppNavigationMixin.js b/src/components/AppNavigation/AppNavigationMixin.js index 61230988..b33b24ba 100644 --- a/src/components/AppNavigation/AppNavigationMixin.js +++ b/src/components/AppNavigation/AppNavigationMixin.js @@ -136,6 +136,11 @@ const AppNavigationMixin = { label: this.$t('appNavigation.powerRestorePolicy'), route: '/settings/power-restore-policy', }, + { + id: 'snmp-alerts', + label: this.$t('appNavigation.snmpAlerts'), + route: '/settings/snmp-alerts', + }, ], }, { diff --git a/src/locales/en-US.json b/src/locales/en-US.json index ff107690..18bb7c6a 100644 --- a/src/locales/en-US.json +++ b/src/locales/en-US.json @@ -130,6 +130,7 @@ "serverPowerOperations": "@:appPageTitle.serverPowerOperations", "certificates": "@:appPageTitle.certificates", "virtualMedia": "@:appPageTitle.virtualMedia", + "snmpAlerts": "@:appPageTitle.snmpAlerts", "power": "@:appPageTitle.power", "keyClear": "@:appPageTitle.keyClear" }, @@ -159,6 +160,7 @@ "serialOverLan": "Serial over LAN (SOL) console", "serverPowerOperations": "Server power operations", "certificates": "Certificates", + "snmpAlerts": "SNMP Alerts", "virtualMedia": "Virtual media", "keyClear": "Key clear" }, @@ -895,6 +897,32 @@ "successSaveSettings": "Successfully saved settings." } }, + "pageSnmpAlerts": { + "addDestination": "Add destination", + "deleteDestination": "Delete destination | Delete destinations", + "pageDescription": "Set the Simple Network Management Protocol (SNMP) traps with an IP address and a port.", + "modal": { + "addSnmpDestinationTitle": "Add SNMP alert destination", + "batchDeleteConfirmMessage": "Are you sure you want to delete the SNMP alert destination? This action cannot be undone. | Are you sure you want to delete %{count} SNMP alert destinations? This action cannot be undone.", + "deleteConfirmMessage": "Are you sure you want to delete the SNMP alert destination? This action cannot be undone.", + "deleteSnmpDestinationTitle": "Delete SNMP alert destination | Delete SNMP alert destinations", + "ipaddress": "IP Address", + "port": "Port" + }, + "table": { + "ipaddress": "IP Address", + "port": "Port" + }, + "toast": { + "errorAddDestination": "Error in adding SNMP alert destination", + "errorBatchDelete": "Error in deleting SNMP alert destination. | Error in deleting SNMP alert destinations.", + "errorDeleteDestination": "Error deleting SNMP alert destination.", + "errorLoadSnmpDetails": "Error loading SNMP alert details.", + "successAddDestination": "Successfully added SNMP alert destination.", + "successBatchDelete": "Successfully deleted SNMP alert destination. | Successfully deleted %{count} SNMP alert destinations.", + "successDeleteDestination": "Successfully deleted SNMP alert destination." + } + }, "pageCertificates": { "addNewCertificate": "Add new certificate", "caCertificate": "CA Certificate", diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json index d6c8275c..f01bac74 100644 --- a/src/locales/ru-RU.json +++ b/src/locales/ru-RU.json @@ -130,6 +130,7 @@ "serverPowerOperations": "@:appPageTitle.serverPowerOperations", "certificates": "@:appPageTitle.certificates", "virtualMedia": "@:appPageTitle.virtualMedia", + "snmpAlerts": "@:appPageTitle.snmpAlerts", "power": "@:appPageTitle.power", "keyClear": "@:appPageTitle.keyClear" }, @@ -159,6 +160,7 @@ "serialOverLan": "Консоль Serial over LAN (SOL)", "serverPowerOperations": "Управление питанием сервера", "certificates": "Сертификаты", + "snmpAlerts": "SNMP оповещения", "virtualMedia": "Виртуальные носители", "keyClear": "Удаление ключей" }, @@ -895,6 +897,32 @@ "successSaveSettings": "Успешное сохранение настроек." } }, + "pageSnmpAlerts": { + "addDestination": "Добавить получателя", + "deleteDestination": "Удалить получателя | Удалить получателей", + "pageDescription": "Настройка IP адреса и порта для Simple Network Management Protocol (SNMP) ловушек.", + "modal": { + "addSnmpDestinationTitle": "Добавить получателя SNMP оповещения", + "batchDeleteConfirmMessage": "Вы уверены, что хотите удалить получателя SNMP оповещения? Действие не может быть отменено. | Вы уверены, что хотите удалить %{count} получателей SNMP оповещений? Действие не может быть отменено.", + "deleteConfirmMessage": "Вы уверены, что хотите удалить получателя SNMP оповещения? Действие не может быть отменено.", + "deleteSnmpDestinationTitle": "Удаление получателя SNMP оповещения | Удаление получателей SNMP оповещений", + "ipaddress": "IP адрес", + "port": "Порт" + }, + "table": { + "ipaddress": "IP адрес", + "port": "Порт" + }, + "toast": { + "errorAddDestination": "Ошибка добавления получателя SNMP оповещения", + "errorBatchDelete": "Ошибка удаления получателя SNMP оповещения. | Ошибка удаления получателей SNMP оповещений.", + "errorDeleteDestination": "Ошибка удаления получателя SNMP оповещения.", + "errorLoadSnmpDetails": "Ошибка загрузки информации о получателе SNMP оповещения.", + "successAddDestination": "Успешное добавление получателя SNMP оповещения.", + "successBatchDelete": "Успешное удаление получателя SNMP оповещения. | Успешное удаление %{count} получателей SNMP оповещений.", + "successDeleteDestination": "Успешное удаление получателя SNMP оповещения." + } + }, "pageCertificates": { "addNewCertificate": "Добавить новый сертификат", "caCertificate": "Сертификат CA", diff --git a/src/router/routes.js b/src/router/routes.js index 4cf8d72d..eb376aad 100644 --- a/src/router/routes.js +++ b/src/router/routes.js @@ -29,6 +29,7 @@ import ServerPowerOperations from '@/views/Operations/ServerPowerOperations'; import Certificates from '@/views/SecurityAndAccess/Certificates'; import VirtualMedia from '@/views/Operations/VirtualMedia'; import Power from '@/views/ResourceManagement/Power'; +import SnmpAlerts from '@/views/Settings/SnmpAlerts'; import i18n from '@/i18n'; const roles = { @@ -190,6 +191,14 @@ const routes = [ title: i18n.t('appPageTitle.dateTime'), }, }, + { + path: '/settings/snmp-alerts', + name: 'snmp-alerts', + component: SnmpAlerts, + meta: { + title: i18n.t('appPageTitle.snmpAlerts'), + }, + }, { path: '/operations/factory-reset', name: 'factory-reset', diff --git a/src/store/index.js b/src/store/index.js index c0b78945..8b1ed078 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -28,6 +28,7 @@ import AssemblyStore from './modules/HardwareStatus/AssemblyStore'; import PostCodeLogsStore from './modules/Logs/PostCodeLogsStore'; import PoliciesStore from './modules/SecurityAndAccess/PoliciesStore'; import FactoryResetStore from './modules/Operations/FactoryResetStore'; +import SnmpAlertsStore from './modules/Settings/SnmpAlertsStore'; import KeyClearStore from './modules/Operations/KeyClearStore'; import WebSocketPlugin from './plugins/WebSocketPlugin'; @@ -58,6 +59,7 @@ export default new Vuex.Store({ dumps: DumpsStore, sensors: SensorsStore, serverLed: ServerLedStore, + snmpAlerts: SnmpAlertsStore, certificates: CertificatesStore, system: SystemStore, memory: MemoryStore, diff --git a/src/store/modules/Settings/SnmpAlertsStore.js b/src/store/modules/Settings/SnmpAlertsStore.js new file mode 100644 index 00000000..f945ee3a --- /dev/null +++ b/src/store/modules/Settings/SnmpAlertsStore.js @@ -0,0 +1,121 @@ +import api, { getResponseCount } from '@/store/api'; +import i18n from '@/i18n'; + +const SnmpAlertsStore = { + namespaced: true, + state: { + allSnmpDetails: [], + }, + getters: { + allSnmpDetails(state) { + return state.allSnmpDetails; + }, + }, + mutations: { + setSnmpDetails(state, allSnmpDetails) { + state.allSnmpDetails = allSnmpDetails; + }, + }, + actions: { + async getSnmpAlertUrl() { + return await api + .get('/redfish/v1/') + .then((response) => api.get(response.data.EventService['@odata.id'])) + .then((response) => api.get(response.data.Subscriptions['@odata.id'])) + .then((response) => response.data['@odata.id']) + .catch((error) => console.log('Error', error)); + }, + async getSnmpDetails({ commit, dispatch }) { + const snmpAlertUrl = await dispatch('getSnmpAlertUrl'); + return await api + .get(snmpAlertUrl) + .then((response) => + response.data.Members.map((user) => user['@odata.id']) + ) + .then((userIds) => api.all(userIds.map((user) => api.get(user)))) + .then((users) => { + const snmpDetailsData = users.map((user) => user.data); + commit('setSnmpDetails', snmpDetailsData); + }) + .catch((error) => { + console.log(error); + const message = i18n.t('pageSnmpAlerts.toast.errorLoadSnmpDetails'); + throw new Error(message); + }); + }, + async deleteDestination({ dispatch }, id) { + const snmpAlertUrl = await dispatch('getSnmpAlertUrl'); + return await api + .delete(`${snmpAlertUrl}/${id}`) + .then(() => dispatch('getSnmpDetails')) + .then(() => + i18n.t('pageSnmpAlerts.toast.successDeleteDestination', { + id, + }) + ) + .catch((error) => { + console.log(error); + const message = i18n.t( + 'pageSnmpAlerts.toast.errorDeleteDestination', + { + id, + } + ); + throw new Error(message); + }); + }, + async deleteMultipleDestinations({ dispatch }, destination) { + const snmpAlertUrl = await dispatch('getSnmpAlertUrl'); + const promises = destination.map(({ id }) => { + return api.delete(`${snmpAlertUrl}/${id}`).catch((error) => { + console.log(error); + return error; + }); + }); + return await api + .all(promises) + .then((response) => { + dispatch('getSnmpDetails'); + return response; + }) + .then( + api.spread((...responses) => { + const { successCount, errorCount } = getResponseCount(responses); + let toastMessages = []; + + if (successCount) { + const message = i18n.tc( + 'pageSnmpAlerts.toast.successBatchDelete', + successCount + ); + toastMessages.push({ type: 'success', message }); + } + + if (errorCount) { + const message = i18n.tc( + 'pageSnmpAlerts.toast.errorBatchDelete', + errorCount + ); + toastMessages.push({ type: 'error', message }); + } + + return toastMessages; + }) + ); + }, + async addDestination({ dispatch }, { data }) { + const snmpAlertUrl = await dispatch('getSnmpAlertUrl'); + return await api + .post(snmpAlertUrl, data) + .then(() => dispatch('getSnmpDetails')) + .then(() => i18n.t('pageSnmpAlerts.toast.successAddDestination')) + .catch((error) => { + console.log(error); + const message = i18n.t('pageSnmpAlerts.toast.errorAddDestination'); + throw new Error(message); + }); + }, + }, +}; + +export default SnmpAlertsStore; diff --git a/src/views/Settings/SnmpAlerts/ModalAddDestination.vue b/src/views/Settings/SnmpAlerts/ModalAddDestination.vue new file mode 100644 index 00000000..9637652b --- /dev/null +++ b/src/views/Settings/SnmpAlerts/ModalAddDestination.vue @@ -0,0 +1,145 @@ + + + diff --git a/src/views/Settings/SnmpAlerts/SnmpAlerts.vue b/src/views/Settings/SnmpAlerts/SnmpAlerts.vue new file mode 100644 index 00000000..8a9b8e73 --- /dev/null +++ b/src/views/Settings/SnmpAlerts/SnmpAlerts.vue @@ -0,0 +1,274 @@ + + + diff --git a/src/views/Settings/SnmpAlerts/index.js b/src/views/Settings/SnmpAlerts/index.js new file mode 100644 index 00000000..f27ed4aa --- /dev/null +++ b/src/views/Settings/SnmpAlerts/index.js @@ -0,0 +1,2 @@ +import SnmpAlerts from './SnmpAlerts.vue'; +export default SnmpAlerts; -- cgit v1.2.3