From c2d0cfa676eb57602d3bb3c44c6b7965f84b82da Mon Sep 17 00:00:00 2001
From: Maksim Zakharov <m.zakharov@IBS.RU>
Date: Fri, 9 Sep 2022 14:10:03 +0300
Subject: smnp-layout

---
 src/store/index.js                      |  2 ++
 src/store/modules/Settings/SmtpStore.js | 43 +++++++++++++++++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 src/store/modules/Settings/SmtpStore.js

(limited to 'src/store')

diff --git a/src/store/index.js b/src/store/index.js
index a4dd16ed..ba7cdf99 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -30,6 +30,7 @@ import PoliciesStore from './modules/SecurityAndAccess/PoliciesStore';
 import FactoryResetStore from './modules/Operations/FactoryResetStore';
 import KeyClearStore from './modules/Operations/KeyClearStore';
 import PciStore from './modules/HardwareStatus/PciStore';
+import SmtpStore from './modules/Settings/SmtpStore';
 
 import WebSocketPlugin from './plugins/WebSocketPlugin';
 import DateTimeStore from './modules/Settings/DateTimeStore';
@@ -73,6 +74,7 @@ export default new Vuex.Store({
     factoryReset: FactoryResetStore,
     keyClear: KeyClearStore,
     pciStore: PciStore,
+    smtpStore: SmtpStore,
   },
   plugins: [WebSocketPlugin],
 });
diff --git a/src/store/modules/Settings/SmtpStore.js b/src/store/modules/Settings/SmtpStore.js
new file mode 100644
index 00000000..ccb0eb48
--- /dev/null
+++ b/src/store/modules/Settings/SmtpStore.js
@@ -0,0 +1,43 @@
+import api from '@/store/api';
+import i18n from '@/i18n';
+
+const SmtpStore = {
+  namespaced: true,
+  state: { smtp: {} },
+  getters: { smtpSettings: (state) => state.smtp },
+  mutations: {
+    saveSmtpSettings: (state, data) => (state.smtp = data),
+  },
+  actions: {
+    async setSmtpSettings({ commit }, payload) {
+      return await api
+        .get(
+          `/redfish/v1/Smtp/ChangeParameters/
+          &user=${payload.user}
+          &password=${payload.password}
+          &host=smtp.${payload.host}
+          &port=${payload.port}`
+        )
+        .then(() => {
+          commit('saveSmtpSettings', payload);
+          return i18n.t('pageTransfer.saveSmtpSuсcess');
+        })
+        .catch((error) => {
+          console.log(error);
+          throw new Error(i18n.t('pageTransfer.saveSmtpError'));
+        });
+    },
+    async sendTestMessage(payload) {
+      return await api.get(
+        `redfish/v1/Smtp/SendMail
+          &from=${payload.from}
+          &to=${payload.subscribers}
+          &subject=theme
+          &text=text
+          `
+      );
+    },
+  },
+};
+
+export default SmtpStore;
-- 
cgit v1.2.3


From 84fcbdf88d85bdd879b6139942916c1af8daf176 Mon Sep 17 00:00:00 2001
From: Vitalii Lysak <v.lysak@dunice.net>
Date: Mon, 12 Sep 2022 10:59:55 +0300
Subject: fx errors

---
 src/store/modules/Settings/SmtpStore.js               | 2 +-
 src/views/_sila/Settings/TransferInfo/Transfer.vue    | 6 +++---
 src/views/_sila/Settings/TransferInfo/WarningSmtp.vue | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

(limited to 'src/store')

diff --git a/src/store/modules/Settings/SmtpStore.js b/src/store/modules/Settings/SmtpStore.js
index ccb0eb48..c6c37273 100644
--- a/src/store/modules/Settings/SmtpStore.js
+++ b/src/store/modules/Settings/SmtpStore.js
@@ -12,7 +12,7 @@ const SmtpStore = {
     async setSmtpSettings({ commit }, payload) {
       return await api
         .get(
-          `/redfish/v1/Smtp/ChangeParameters/
+          `/redfish/v1/Smtp/ChangeParameters
           &user=${payload.user}
           &password=${payload.password}
           &host=smtp.${payload.host}
diff --git a/src/views/_sila/Settings/TransferInfo/Transfer.vue b/src/views/_sila/Settings/TransferInfo/Transfer.vue
index 921087e5..d95d8ff9 100644
--- a/src/views/_sila/Settings/TransferInfo/Transfer.vue
+++ b/src/views/_sila/Settings/TransferInfo/Transfer.vue
@@ -1,10 +1,10 @@
 <template>
   <b-container fluid="xl">
     <page-title :description="$t('pageTransfer.title')" />
-    <smnp />
-    <warning-smnp />
+    <!--    <smnp />-->
+    <!--    <warning-smnp />-->
     <warning-smtp />
-    <syslog />
+    <!--    <syslog />-->
   </b-container>
 </template>
 
diff --git a/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue b/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
index 8372acca..1aa932cd 100644
--- a/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
+++ b/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
@@ -8,7 +8,7 @@
         >
           <b-form-input
             id="smtp-name"
-            v-model="form.name"
+            v-model="form.user"
             :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
           /> </b-form-group
       ></b-col>
@@ -90,7 +90,7 @@ export default {
   data() {
     return {
       form: {
-        name: '',
+        user: '',
         password: '',
         host: '',
         port: '',
-- 
cgit v1.2.3


From 4c61406a3fac9c0233e840da73866a2f3d4c9ed6 Mon Sep 17 00:00:00 2001
From: Vitalii Lysak <v.lysak@dunice.net>
Date: Mon, 12 Sep 2022 14:56:04 +0300
Subject: add fields for req, warning smtp

---
 src/store/modules/Settings/SmtpStore.js               | 6 +-----
 src/views/_sila/Settings/TransferInfo/WarningSmtp.vue | 6 +++---
 2 files changed, 4 insertions(+), 8 deletions(-)

(limited to 'src/store')

diff --git a/src/store/modules/Settings/SmtpStore.js b/src/store/modules/Settings/SmtpStore.js
index c6c37273..38f60cf1 100644
--- a/src/store/modules/Settings/SmtpStore.js
+++ b/src/store/modules/Settings/SmtpStore.js
@@ -12,11 +12,7 @@ const SmtpStore = {
     async setSmtpSettings({ commit }, payload) {
       return await api
         .get(
-          `/redfish/v1/Smtp/ChangeParameters
-          &user=${payload.user}
-          &password=${payload.password}
-          &host=smtp.${payload.host}
-          &port=${payload.port}`
+          `/redfish/v1/Smtp/ChangeParameters&user=${payload.user}&password=${payload.password}&host=smtp.${payload.host}&port=${payload.port}&auth=${payload.auth}&ssl=${payload.ssl}`
         )
         .then(() => {
           commit('saveSmtpSettings', payload);
diff --git a/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue b/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
index 3b4994c6..9d7c8961 100644
--- a/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
+++ b/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
@@ -8,12 +8,12 @@
           }}</label>
           <b-form-checkbox
             id="authenticationSwitch"
-            v-model="form.authorization"
+            v-model="form.auth"
             data-test-id="checkbox-authorization"
             switch
             :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
           >
-            <span v-if="form.authorization">
+            <span v-if="form.auth">
               {{ $t('global.status.enabled') }}
             </span>
             <span v-else>{{ $t('global.status.disabled') }}</span>
@@ -132,7 +132,7 @@ export default {
         password: '',
         host: '',
         port: '',
-        authorization: null,
+        auth: null,
         ssl: null,
       },
       fields: [
-- 
cgit v1.2.3


From 6236064bf4c21c350026fafb875551fda8699a15 Mon Sep 17 00:00:00 2001
From: Vitalii Lysak <v.lysak@dunice.net>
Date: Mon, 12 Sep 2022 17:09:07 +0300
Subject: add test msg req

---
 src/locales/ru-RU.json                             |  3 +-
 src/store/modules/Settings/SmtpStore.js            |  9 ++----
 .../_sila/Settings/TransferInfo/WarningSmtp.vue    | 37 ++++++++++++++++------
 3 files changed, 31 insertions(+), 18 deletions(-)

(limited to 'src/store')

diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index 4c562e9f..2ff30ace 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -1155,7 +1155,8 @@
       "host": "SMTP-сервер",
       "port": "SMTP-порт",
       "authorization": "Авторизация",
-      "sslEnabled": "Поддержка SSL"
+      "sslEnabled": "Поддержка SSL",
+      "testMessage": "Тестовое сообщение"
     },
     "table": {
       "userName": "Имя пользователя",
diff --git a/src/store/modules/Settings/SmtpStore.js b/src/store/modules/Settings/SmtpStore.js
index 38f60cf1..b89b99b6 100644
--- a/src/store/modules/Settings/SmtpStore.js
+++ b/src/store/modules/Settings/SmtpStore.js
@@ -23,14 +23,9 @@ const SmtpStore = {
           throw new Error(i18n.t('pageTransfer.saveSmtpError'));
         });
     },
-    async sendTestMessage(payload) {
+    async sendTestMessage(_, payload) {
       return await api.get(
-        `redfish/v1/Smtp/SendMail
-          &from=${payload.from}
-          &to=${payload.subscribers}
-          &subject=theme
-          &text=text
-          `
+        `redfish/v1/Smtp/SendMail&from=${payload.from}&to=${payload.to}&subject=${payload.subject}&text=${payload.text}`
       );
     },
   },
diff --git a/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue b/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
index 2e59c3a9..63d3a75a 100644
--- a/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
+++ b/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
@@ -1,6 +1,6 @@
 <template>
   <page-section :section-title="$t('pageTransfer.smtp.smtpTitle')">
-    <b-row class="smtp-warning mb-3">
+    <b-row class="smtp-warning mb-5">
       <b-col xs="12" sm="12">
         <div class="switch-group">
           <label for="authenticationSwitch">{{
@@ -11,7 +11,7 @@
             v-model="form.auth"
             data-test-id="checkbox-authorization"
             switch
-            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+            :disabled="isNotAdmin"
           >
             <span v-if="form.auth">
               {{ $t('global.status.enabled') }}
@@ -28,7 +28,7 @@
           <b-form-input
             id="smtp-name"
             v-model="form.user"
-            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+            :disabled="isNotAdmin"
           /> </b-form-group
       ></b-col>
       <b-col xs="12" sm="12">
@@ -41,7 +41,7 @@
               id="smtp-password"
               v-model="form.password"
               type="password"
-              :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+              :disabled="isNotAdmin"
             />
           </input-password-toggle>
         </b-form-group>
@@ -54,7 +54,7 @@
           <b-form-input
             id="smtp-host"
             v-model="form.host"
-            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+            :disabled="isNotAdmin"
           />
         </b-form-group>
       </b-col>
@@ -67,7 +67,7 @@
             id="smtp-port"
             v-model="form.port"
             type="number"
-            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+            :disabled="isNotAdmin"
           />
         </b-form-group>
       </b-col>
@@ -81,7 +81,7 @@
             v-model="form.ssl"
             data-test-id="checkbox-ssl"
             switch
-            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+            :disabled="isNotAdmin"
           >
             <span v-if="form.ssl">
               {{ $t('global.status.enabled') }}
@@ -90,8 +90,12 @@
           </b-form-checkbox>
         </div>
       </b-col>
-      <b-col xs="4" class="d-flex justify-content-end align-items-start">
-        <b-button variant="primary" @click="saveSmtp">
+      <b-col xs="4" class="d-flex justify-content-between align-items-start">
+        <b-button variant="secondary" :disabled="isNotAdmin" @click="sendMail">
+          {{ $t('pageTransfer.smtp.testMessage') }}
+        </b-button>
+
+        <b-button variant="primary" :disabled="isNotAdmin" @click="saveSmtp">
           {{ $t('global.action.save') }}
         </b-button>
       </b-col>
@@ -150,6 +154,14 @@ export default {
       ],
     };
   },
+  computed: {
+    isNotAdmin() {
+      return (
+        this.$store.getters['authentication/role'] === 'ReadOnly' ||
+        this.$store.getters['authentication/role'] === 'Operator'
+      );
+    },
+  },
   methods: {
     saveSmtp() {
       this.$store
@@ -159,7 +171,12 @@ export default {
     },
     sendMail() {
       this.$store
-        .dispatch('smtpStore/sendTestMessage')
+        .dispatch('smtpStore/sendTestMessage', {
+          from: 'ex@mail.ru',
+          to: 'v.lysak@dunice.net',
+          subject: 'qwerty',
+          text: 'lol',
+        })
         .then((message) => this.successToast(message))
         .catch(({ message }) => this.errorToast(message));
     },
-- 
cgit v1.2.3


From 93b2aeb1665ae44e326b5fba90501d4fd16df5ec Mon Sep 17 00:00:00 2001
From: Vitalii Lysak <v.lysak@dunice.net>
Date: Tue, 13 Sep 2022 11:55:12 +0300
Subject: code cln

---
 src/store/modules/Settings/SmtpStore.js               | 18 ++++++++++++------
 src/views/_sila/Settings/TransferInfo/WarningSmtp.vue | 14 ++++++++++----
 2 files changed, 22 insertions(+), 10 deletions(-)

(limited to 'src/store')

diff --git a/src/store/modules/Settings/SmtpStore.js b/src/store/modules/Settings/SmtpStore.js
index b89b99b6..88fad25c 100644
--- a/src/store/modules/Settings/SmtpStore.js
+++ b/src/store/modules/Settings/SmtpStore.js
@@ -10,10 +10,13 @@ const SmtpStore = {
   },
   actions: {
     async setSmtpSettings({ commit }, payload) {
+      let url = `/redfish/v1/Smtp/ChangeParameters`;
+      for (let key in payload) {
+        url += `&${key}=${payload[key]}`;
+      }
+
       return await api
-        .get(
-          `/redfish/v1/Smtp/ChangeParameters&user=${payload.user}&password=${payload.password}&host=smtp.${payload.host}&port=${payload.port}&auth=${payload.auth}&ssl=${payload.ssl}`
-        )
+        .get(url)
         .then(() => {
           commit('saveSmtpSettings', payload);
           return i18n.t('pageTransfer.saveSmtpSuсcess');
@@ -24,9 +27,12 @@ const SmtpStore = {
         });
     },
     async sendTestMessage(_, payload) {
-      return await api.get(
-        `redfish/v1/Smtp/SendMail&from=${payload.from}&to=${payload.to}&subject=${payload.subject}&text=${payload.text}`
-      );
+      let url = `/redfish/v1/Smtp/SendMail`;
+      for (let key in payload) {
+        url += `&${key}=${payload[key]}`;
+      }
+
+      return await api.get(url);
     },
   },
 };
diff --git a/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue b/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
index 63d3a75a..f48633b2 100644
--- a/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
+++ b/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
@@ -28,7 +28,7 @@
           <b-form-input
             id="smtp-name"
             v-model="form.user"
-            :disabled="isNotAdmin"
+            :disabled="isNotAdmin || !form.auth"
           /> </b-form-group
       ></b-col>
       <b-col xs="12" sm="12">
@@ -41,7 +41,7 @@
               id="smtp-password"
               v-model="form.password"
               type="password"
-              :disabled="isNotAdmin"
+              :disabled="isNotAdmin || !form.auth"
             />
           </input-password-toggle>
         </b-form-group>
@@ -136,8 +136,8 @@ export default {
         password: '',
         host: '',
         port: '',
-        auth: null,
-        ssl: null,
+        auth: false,
+        ssl: false,
       },
       fields: [
         {
@@ -164,6 +164,12 @@ export default {
   },
   methods: {
     saveSmtp() {
+      if (!this.form.auth) {
+        // eslint-disable-next-line no-unused-vars
+        const { user, password, ...formWithoutCredits } = this.form;
+        this.form = formWithoutCredits;
+      }
+
       this.$store
         .dispatch('smtpStore/setSmtpSettings', this.form)
         .then((message) => this.successToast(message))
-- 
cgit v1.2.3


From 158e0373b621079a714086791113a7e021e326dc Mon Sep 17 00:00:00 2001
From: Vitalii Lysak <v.lysak@dunice.net>
Date: Wed, 14 Sep 2022 14:53:52 +0300
Subject: finish snmp component

---
 src/locales/ru-RU.json                             |  7 +-
 src/store/index.js                                 |  2 +
 src/store/modules/Settings/SnmpStore.js            | 73 +++++++++++++++++++
 .../_sila/Settings/TransferInfo/ModalSnmp.vue      | 82 ++++++++++++++++++++++
 src/views/_sila/Settings/TransferInfo/Snmp.vue     | 81 ++++++++++++++-------
 src/views/_sila/Settings/TransferInfo/Transfer.vue | 24 +++++++
 6 files changed, 242 insertions(+), 27 deletions(-)
 create mode 100644 src/store/modules/Settings/SnmpStore.js
 create mode 100644 src/views/_sila/Settings/TransferInfo/ModalSnmp.vue

(limited to 'src/store')

diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index 034edff3..90cb6c64 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -1162,7 +1162,12 @@
     "snmp": {
       "snmpTitle": "Настройки SNMP",
       "host": "SNMP сервер",
-      "port": "SNMP порт"
+      "port": "SNMP порт",
+      "saveSubscriberSuсcess": "Подписчик успешно добавлен",
+      "deleteSubscriberSuсcess": "Подписчик успешно удален",
+      "saveSubscriberError": "Ошибка добавления подписчика",
+      "deleteSubscriberError": "Ошибка удаления подписчика",
+      "delSubscriber": "Удалить подписчика"
     },
     "table": {
       "userName": "Имя пользователя",
diff --git a/src/store/index.js b/src/store/index.js
index ba7cdf99..a30f71e2 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -31,6 +31,7 @@ import FactoryResetStore from './modules/Operations/FactoryResetStore';
 import KeyClearStore from './modules/Operations/KeyClearStore';
 import PciStore from './modules/HardwareStatus/PciStore';
 import SmtpStore from './modules/Settings/SmtpStore';
+import SnmpStore from './modules/Settings/SnmpStore';
 
 import WebSocketPlugin from './plugins/WebSocketPlugin';
 import DateTimeStore from './modules/Settings/DateTimeStore';
@@ -75,6 +76,7 @@ export default new Vuex.Store({
     keyClear: KeyClearStore,
     pciStore: PciStore,
     smtpStore: SmtpStore,
+    snmpStore: SnmpStore,
   },
   plugins: [WebSocketPlugin],
 });
diff --git a/src/store/modules/Settings/SnmpStore.js b/src/store/modules/Settings/SnmpStore.js
new file mode 100644
index 00000000..539b85f6
--- /dev/null
+++ b/src/store/modules/Settings/SnmpStore.js
@@ -0,0 +1,73 @@
+import api from '@/store/api';
+import i18n from '@/i18n';
+
+const SnmpStore = {
+  namespaced: true,
+  state: { subscribers: [] },
+  getters: { subscribers: (state) => state.subscribers },
+  mutations: {
+    setSubscribers: (state, data) => (state.subscribers = data),
+  },
+  actions: {
+    async deleteSubscriber({ dispatch }, index) {
+      return await api
+        .delete(`/redfish/v1/EventService/Subscriptions/${index}`)
+        .then(() => {
+          dispatch('getSubscribers');
+          return i18n.t('pageTransfer.snmp.deleteSubscriberSuсcess');
+        })
+        .catch((error) => {
+          console.log(error);
+          throw new Error(i18n.t('pageTransfer.snmp.deleteSubscriberError'));
+        });
+    },
+    async addSubscriber({ dispatch }, payload) {
+      return await api
+        .post('/redfish/v1/EventService/Subscriptions', payload)
+        .then(() => {
+          dispatch('getSubscribers');
+          return i18n.t('pageTransfer.snmp.saveSubscriberSuсcess');
+        })
+        .catch((error) => {
+          console.log(error);
+          throw new Error(i18n.t('pageTransfer.snmp.saveSubscriberError'));
+        });
+    },
+    async getSubscribers({ commit }) {
+      return await api
+        .get('/redfish/v1/EventService/Subscriptions')
+        .then(({ data: { Members } }) => {
+          return api.all(
+            Members.filter((member) => member['@odata.id'].includes('snmp'))
+          );
+        })
+        .then((members) => {
+          return api.all(members.map((member) => api.get(member['@odata.id'])));
+        })
+        .then((subscribersRow) => {
+          return subscribersRow.map((subscriberRow) => {
+            return subscriberRow.data;
+          });
+        })
+        .then((data) => {
+          return data.map((subscriber) => {
+            const host = subscriber.Destination.split('/')[2].split(':')[0];
+            const port = subscriber.Destination.split('/')[2].split(':')[1];
+            return {
+              ...subscriber,
+              host,
+              port,
+            };
+          });
+        })
+        .then((subscribers) => commit('setSubscribers', subscribers))
+        .catch((error) => {
+          console.log(error);
+          const message = i18n.t('pageUserManagement.toast.errorLoadUsers');
+          throw new Error(message);
+        });
+    },
+  },
+};
+
+export default SnmpStore;
diff --git a/src/views/_sila/Settings/TransferInfo/ModalSnmp.vue b/src/views/_sila/Settings/TransferInfo/ModalSnmp.vue
new file mode 100644
index 00000000..54679720
--- /dev/null
+++ b/src/views/_sila/Settings/TransferInfo/ModalSnmp.vue
@@ -0,0 +1,82 @@
+<template>
+  <b-modal
+    id="modal-snmp"
+    ref="modal"
+    :title="$t('global.action.add')"
+    @hidden="resetForm"
+  >
+    <b-form id="form-snmp" @submit.prevent="handleSubmit">
+      <b-row>
+        <b-col sm="6">
+          <b-form-group
+            :label="$t('pageTransfer.snmp.host')"
+            label-for="snmpHost"
+          >
+            <b-form-input id="snmpHost" v-model="host" type="text" />
+          </b-form-group>
+        </b-col>
+        <b-col sm="6">
+          <b-form-group
+            :label="$t('pageTransfer.snmp.port')"
+            label-for="snmpPort"
+          >
+            <b-form-input id="snmpPort" v-model="port" type="text" />
+          </b-form-group>
+        </b-col>
+      </b-row>
+    </b-form>
+    <template #modal-footer="{ cancel }">
+      <b-button variant="secondary" @click="cancel()">
+        {{ $t('global.action.cancel') }}
+      </b-button>
+      <b-button form="form-snmp" type="submit" variant="primary" @click="onOk">
+        {{ $t('global.action.add') }}
+      </b-button>
+    </template>
+  </b-modal>
+</template>
+
+<script>
+import VuelidateMixin from '@/components/_sila/Mixins/VuelidateMixin.js';
+
+export default {
+  mixins: [VuelidateMixin],
+  data() {
+    return {
+      form: {
+        Destination: null,
+        SubscriptionType: 'SNMPTrap',
+        Protocol: 'SNMPv2c',
+        Context: 'testContext',
+      },
+      host: null,
+      port: null,
+    };
+  },
+  methods: {
+    handleSubmit() {
+      this.$emit('ok', {
+        ...this.form,
+        Destination: this.host + this.port,
+      });
+      this.closeModal();
+    },
+    closeModal() {
+      this.$nextTick(() => {
+        this.$refs.modal.hide();
+      });
+    },
+    resetForm() {
+      this.host = null;
+      this.port = null;
+      this.form.Destination = null;
+      this.$emit('hidden');
+    },
+    onOk(bvModalEvt) {
+      // prevent modal close
+      bvModalEvt.preventDefault();
+      this.handleSubmit();
+    },
+  },
+};
+</script>
diff --git a/src/views/_sila/Settings/TransferInfo/Snmp.vue b/src/views/_sila/Settings/TransferInfo/Snmp.vue
index 8a7ca730..4a0e0abe 100644
--- a/src/views/_sila/Settings/TransferInfo/Snmp.vue
+++ b/src/views/_sila/Settings/TransferInfo/Snmp.vue
@@ -6,7 +6,7 @@
           <b-button
             variant="primary"
             :disabled="isNotAdmin"
-            @click="initSnmpModal()"
+            @click="initAddModal()"
           >
             <icon-add />
             {{ $t('global.action.add') }}
@@ -15,23 +15,27 @@
         <b-table
           responsive="md"
           hover
-          :fields="snmpTableFields"
-          :items="form.snmpTableItems"
+          :busy="loading"
+          :fields="fields"
+          :items="subscribers"
           :empty-text="$t('global.table.emptyMessage')"
           show-empty
         >
-          <template #cell(actions)="{ item, index }">
+          <!-- table actions column -->
+          <template #cell(actions)="{ item }">
             <table-row-action
-              v-for="(action, actionIndex) in item.actions"
-              :key="actionIndex"
+              v-for="(action, index) in item.actions"
+              :key="index"
               :value="action.value"
-              :title="action.title"
               :enabled="action.enabled"
-              @click-table-action="onSnmpTableAction(action, $event, index)"
+              :title="action.title"
+              @click-table-action="onTableAction($event, item)"
             >
               <template #icon>
-                <icon-edit v-if="action.value === 'edit'" />
-                <icon-trashcan v-if="action.value === 'delete'" />
+                <icon-trashcan
+                  v-if="action.value === 'delete'"
+                  :data-test-id="`snmp-tableRowAction-delete-${index}`"
+                />
               </template>
             </table-row-action>
           </template>
@@ -44,39 +48,34 @@
 <script>
 import PageSection from '@/components/_sila/Global/PageSection';
 import BVToastMixin from '@/components/_sila/Mixins/BVToastMixin';
+import TableRowAction from '@/components/_sila/Global/TableRowAction';
+import LoadingBarMixin, {
+  loading,
+} from '@/components/_sila/Mixins/LoadingBarMixin';
 
 import IconAdd from '@carbon/icons-vue/es/add--alt/20';
-import IconEdit from '@carbon/icons-vue/es/edit/20';
 import IconTrashcan from '@carbon/icons-vue/es/trash-can/20';
-import TableRowAction from '@/components/_sila/Global/TableRowAction';
 
 export default {
   name: 'Snmp',
   components: {
     IconAdd,
-    IconEdit,
     IconTrashcan,
     PageSection,
     TableRowAction,
   },
-  mixins: [BVToastMixin],
+  mixins: [BVToastMixin, LoadingBarMixin],
 
   data() {
     return {
-      form: {
-        snmpTableItems: [],
-      },
+      loading,
       actions: [
-        {
-          value: 'edit',
-          title: this.$t('global.action.edit'),
-        },
         {
           value: 'delete',
           title: this.$t('global.action.delete'),
         },
       ],
-      snmpTableFields: [
+      fields: [
         {
           key: 'host',
           label: this.$t('pageTransfer.snmp.host'),
@@ -90,6 +89,19 @@ export default {
     };
   },
   computed: {
+    subscribers() {
+      return this.$store.getters['snmpStore/subscribers'].map((subscriber) => {
+        return {
+          ...subscriber,
+          actions: [
+            {
+              value: 'delete',
+              title: this.$t('pageTransfer.snmp.delSubscriber'),
+            },
+          ],
+        };
+      });
+    },
     isNotAdmin() {
       return (
         this.$store.getters['authentication/role'] === 'ReadOnly' ||
@@ -99,13 +111,30 @@ export default {
   },
 
   created() {
-    this.getSnmpItems();
+    this.startLoader();
+    this.$store.dispatch('snmpStore/getSubscribers').finally(() => {
+      this.endLoader();
+      this.isBusy = false;
+    });
   },
 
   methods: {
-    getSnmpItems() {},
-    initSnmpModal() {},
-    onSnmpTableAction() {},
+    onTableAction($event, { Id }) {
+      if ($event === 'delete') {
+        this.deleteSubscriber(Id);
+      }
+    },
+    deleteSubscriber(index) {
+      this.startLoader();
+      this.$store
+        .dispatch('snmpStore/deleteSubscriber', index)
+        .then((success) => this.successToast(success))
+        .catch(({ message }) => this.errorToast(message))
+        .finally(() => this.endLoader());
+    },
+    initAddModal() {
+      this.$bvModal.show('modal-snmp');
+    },
   },
 };
 </script>
diff --git a/src/views/_sila/Settings/TransferInfo/Transfer.vue b/src/views/_sila/Settings/TransferInfo/Transfer.vue
index 76f7f104..5f6d5058 100644
--- a/src/views/_sila/Settings/TransferInfo/Transfer.vue
+++ b/src/views/_sila/Settings/TransferInfo/Transfer.vue
@@ -6,13 +6,20 @@
     <smtp />
     <hr />
     <!--    <syslog />-->
+    <modal-snmp @ok="saveSnmp" />
   </b-container>
 </template>
 
 <script>
+import BVToastMixin from '@/components/_sila/Mixins/BVToastMixin';
+import LoadingBarMixin, {
+  loading,
+} from '@/components/_sila/Mixins/LoadingBarMixin';
+
 import PageTitle from '@/components/_sila/Global/PageTitle';
 import Snmp from './Snmp';
 import Smtp from './Smtp';
+import ModalSnmp from './ModalSnmp.vue';
 // import Syslog from './Syslog';
 
 export default {
@@ -20,8 +27,25 @@ export default {
   components: {
     PageTitle,
     Snmp,
+    ModalSnmp,
     Smtp,
     //  Syslog
   },
+  mixins: [BVToastMixin, LoadingBarMixin],
+  data() {
+    return {
+      loading,
+    };
+  },
+  methods: {
+    saveSnmp(modalFormData) {
+      this.startLoader();
+      this.$store
+        .dispatch('snmpStore/addSubscriber', modalFormData)
+        .then((message) => this.successToast(message))
+        .catch(({ message }) => this.errorToast(message))
+        .finally(() => this.endLoader());
+    },
+  },
 };
 </script>
-- 
cgit v1.2.3


From 0e03dcebc5da6107b8a9ded541a2cc21ae129d78 Mon Sep 17 00:00:00 2001
From: Vitalii Lysak <v.lysak@dunice.net>
Date: Thu, 15 Sep 2022 10:48:41 +0300
Subject: code cln

---
 src/store/modules/Settings/SnmpStore.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src/store')

diff --git a/src/store/modules/Settings/SnmpStore.js b/src/store/modules/Settings/SnmpStore.js
index 539b85f6..1290bf8f 100644
--- a/src/store/modules/Settings/SnmpStore.js
+++ b/src/store/modules/Settings/SnmpStore.js
@@ -37,8 +37,8 @@ const SnmpStore = {
       return await api
         .get('/redfish/v1/EventService/Subscriptions')
         .then(({ data: { Members } }) => {
-          return api.all(
-            Members.filter((member) => member['@odata.id'].includes('snmp'))
+          return Members.filter((member) =>
+            member['@odata.id'].includes('snmp')
           );
         })
         .then((members) => {
-- 
cgit v1.2.3


From bfa4d393df5f8a4062d87e8ddee3d31c6f5fa258 Mon Sep 17 00:00:00 2001
From: Vitalii Lysak <v.lysak@dunice.net>
Date: Thu, 15 Sep 2022 10:55:28 +0300
Subject: add await for get subscribers

---
 src/store/modules/Settings/SnmpStore.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'src/store')

diff --git a/src/store/modules/Settings/SnmpStore.js b/src/store/modules/Settings/SnmpStore.js
index 1290bf8f..3fda494f 100644
--- a/src/store/modules/Settings/SnmpStore.js
+++ b/src/store/modules/Settings/SnmpStore.js
@@ -12,8 +12,8 @@ const SnmpStore = {
     async deleteSubscriber({ dispatch }, index) {
       return await api
         .delete(`/redfish/v1/EventService/Subscriptions/${index}`)
-        .then(() => {
-          dispatch('getSubscribers');
+        .then(async () => {
+          await dispatch('getSubscribers');
           return i18n.t('pageTransfer.snmp.deleteSubscriberSuсcess');
         })
         .catch((error) => {
@@ -24,8 +24,8 @@ const SnmpStore = {
     async addSubscriber({ dispatch }, payload) {
       return await api
         .post('/redfish/v1/EventService/Subscriptions', payload)
-        .then(() => {
-          dispatch('getSubscribers');
+        .then(async () => {
+          await dispatch('getSubscribers');
           return i18n.t('pageTransfer.snmp.saveSubscriberSuсcess');
         })
         .catch((error) => {
-- 
cgit v1.2.3


From 30f4e9777b157fe7023a9cf02c7d53737d2e2974 Mon Sep 17 00:00:00 2001
From: Vitalii Lysak <v.lysak@dunice.net>
Date: Mon, 19 Sep 2022 17:02:28 +0300
Subject: upd syslog and smtp

---
 src/assets/styles/bmc/_sila/_modal.scss            |   2 +
 src/locales/en-US.json                             |   2 +-
 src/locales/ru-RU.json                             |  18 ++-
 src/store/index.js                                 |   2 +
 src/store/modules/Settings/SmtpStore.js            |  74 ++++++++-
 src/store/modules/Settings/SyslogStore.js          |  36 +++++
 .../_sila/Settings/TransferInfo/ModalSmtp.vue      |  98 ++++++++++++
 src/views/_sila/Settings/TransferInfo/Smtp.vue     | 174 ++++++++++++++++-----
 src/views/_sila/Settings/TransferInfo/Snmp.vue     |   3 +-
 src/views/_sila/Settings/TransferInfo/Syslog.vue   | 150 +++++++++++++++---
 src/views/_sila/Settings/TransferInfo/Transfer.vue |  19 ++-
 11 files changed, 508 insertions(+), 70 deletions(-)
 create mode 100644 src/store/modules/Settings/SyslogStore.js
 create mode 100644 src/views/_sila/Settings/TransferInfo/ModalSmtp.vue

(limited to 'src/store')

diff --git a/src/assets/styles/bmc/_sila/_modal.scss b/src/assets/styles/bmc/_sila/_modal.scss
index c4428cdc..42352b94 100644
--- a/src/assets/styles/bmc/_sila/_modal.scss
+++ b/src/assets/styles/bmc/_sila/_modal.scss
@@ -65,6 +65,8 @@
   }
 }
 
+#modal-smtp,
+#modal-snmp,
 #modal-dns,
 #modal-hostname,
 #modal-mac-address,
diff --git a/src/locales/en-US.json b/src/locales/en-US.json
index cf9f6df4..a44ad5ad 100644
--- a/src/locales/en-US.json
+++ b/src/locales/en-US.json
@@ -1146,7 +1146,7 @@
   },
   "pageTransfer": {
     "title": "Setting up information transfer",
-    "description": "Set up SMTP and SNMP",
+    "description": "Set up SNMP, SMTP and SYSLOG",
     "saveSmtpSuсcess": "Save SMTP successfully.",
     "saveSmtpError": "Save SMTP error.",
     "smtp": {
diff --git a/src/locales/ru-RU.json b/src/locales/ru-RU.json
index 90cb6c64..8efbe859 100644
--- a/src/locales/ru-RU.json
+++ b/src/locales/ru-RU.json
@@ -1146,18 +1146,24 @@
   },
   "pageTransfer": {
     "title": "Настройка передачи информации",
-    "description": "Настройте SMTP и SNMP",
+    "description": "Настройте SNMP, SMTP и SYSLOG",
     "saveSmtpSuсcess": "Настройки SMTP успешно сохранены.",
     "saveSmtpError": "Ошибка сохранения настроек SMTP.",
     "smtp": {
       "smtpTitle": "Настройки SMTP",
       "username": "Имя пользователя",
       "password": "Пароль",
+      "email": "Email",
       "host": "SMTP сервер",
       "port": "SMTP порт",
       "authorization": "Авторизация",
       "sslEnabled": "Поддержка SSL",
-      "testMessage": "Тестовое сообщение"
+      "testMessage": "Тестовое сообщение",
+      "saveSubscriberSuсcess": "Подписчик успешно добавлен",
+      "deleteSubscriberSuсcess": "Подписчик успешно удален",
+      "saveSubscriberError": "Ошибка добавления подписчика",
+      "deleteSubscriberError": "Ошибка удаления подписчика",
+      "delSubscriber": "Удалить подписчика"
     },
     "snmp": {
       "snmpTitle": "Настройки SNMP",
@@ -1169,6 +1175,14 @@
       "deleteSubscriberError": "Ошибка удаления подписчика",
       "delSubscriber": "Удалить подписчика"
     },
+    "syslog": {
+      "title": "Настройки SYSLOG",
+      "ip": "IP-адрес syslog сервера",
+      "port": "Syslog - порт",
+      "saveSettingsSuсcess": "Настройки успешно сохранены",
+      "saveSettingsError": "Ошибка сохранения настроек",
+      "status": "Статус"
+    },
     "table": {
       "userName": "Имя пользователя",
       "value": "Значение"
diff --git a/src/store/index.js b/src/store/index.js
index a30f71e2..a9afa310 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -32,6 +32,7 @@ import KeyClearStore from './modules/Operations/KeyClearStore';
 import PciStore from './modules/HardwareStatus/PciStore';
 import SmtpStore from './modules/Settings/SmtpStore';
 import SnmpStore from './modules/Settings/SnmpStore';
+import SyslogStore from './modules/Settings/SyslogStore';
 
 import WebSocketPlugin from './plugins/WebSocketPlugin';
 import DateTimeStore from './modules/Settings/DateTimeStore';
@@ -77,6 +78,7 @@ export default new Vuex.Store({
     pciStore: PciStore,
     smtpStore: SmtpStore,
     snmpStore: SnmpStore,
+    syslogStore: SyslogStore,
   },
   plugins: [WebSocketPlugin],
 });
diff --git a/src/store/modules/Settings/SmtpStore.js b/src/store/modules/Settings/SmtpStore.js
index 88fad25c..195f245a 100644
--- a/src/store/modules/Settings/SmtpStore.js
+++ b/src/store/modules/Settings/SmtpStore.js
@@ -3,22 +3,72 @@ import i18n from '@/i18n';
 
 const SmtpStore = {
   namespaced: true,
-  state: { smtp: {} },
-  getters: { smtpSettings: (state) => state.smtp },
+  state: {
+    settings: {},
+    subscribers: [],
+  },
+  getters: {
+    settings: (state) => state.settings,
+    subscribers: (state) => state.subscribers,
+  },
   mutations: {
-    saveSmtpSettings: (state, data) => (state.smtp = data),
+    saveSettings: (state, data) => (state.settings = data),
+    setSubscribers: (state, data) => (state.subscribers = data),
   },
   actions: {
-    async setSmtpSettings({ commit }, payload) {
-      let url = `/redfish/v1/Smtp/ChangeParameters`;
+    async deleteSubscriber({ dispatch }, email) {
+      return await api
+        .get(`/redfish/v1/Smtp/DeleteMails&${email}`)
+        .then(async () => {
+          await dispatch('getSubscribers');
+          return i18n.t('pageTransfer.smtp.deleteSubscriberSuсcess');
+        })
+        .catch((error) => {
+          console.log(error);
+          throw new Error(i18n.t('pageTransfer.smtp.deleteSubscriberError'));
+        });
+    },
+
+    async addSubscriber({ dispatch }, payload) {
+      return await api
+        .get(`/redfish/v1/Smtp/AddMails&${payload.email}`)
+        .then(async () => {
+          await dispatch('getSubscribers');
+          return i18n.t('pageTransfer.smtp.saveSubscriberSuсcess');
+        })
+        .catch((error) => {
+          console.log(error);
+          throw new Error(i18n.t('pageTransfer.smtp.saveSubscriberError'));
+        });
+    },
+
+    async getSubscribers({ commit }) {
+      return await api
+        .get('/redfish/v1/Smtp/GetMails')
+        .then(({ data: { mails = [] } = {} }) =>
+          mails.map((host) => {
+            return {
+              host,
+            };
+          })
+        )
+        .then((subscribers) => commit('setSubscribers', subscribers))
+        .catch((error) => {
+          console.log(error);
+          throw new Error(i18n.t('pageUserManagement.toast.errorLoadUsers'));
+        });
+    },
+
+    async setSettings({ dispatch }, payload) {
+      let url = `/redfish/v1/Smtp/SetSettings`;
       for (let key in payload) {
         url += `&${key}=${payload[key]}`;
       }
 
       return await api
         .get(url)
-        .then(() => {
-          commit('saveSmtpSettings', payload);
+        .then(async () => {
+          await dispatch('getSettings');
           return i18n.t('pageTransfer.saveSmtpSuсcess');
         })
         .catch((error) => {
@@ -26,6 +76,16 @@ const SmtpStore = {
           throw new Error(i18n.t('pageTransfer.saveSmtpError'));
         });
     },
+
+    async getSettings({ commit }) {
+      return await api
+        .get('/redfish/v1/Smtp/GetSettings')
+        .then(({ data = {} }) => {
+          commit('saveSettings', data);
+        })
+        .catch((error) => console.log(error));
+    },
+
     async sendTestMessage(_, payload) {
       let url = `/redfish/v1/Smtp/SendMail`;
       for (let key in payload) {
diff --git a/src/store/modules/Settings/SyslogStore.js b/src/store/modules/Settings/SyslogStore.js
new file mode 100644
index 00000000..f0b0eb59
--- /dev/null
+++ b/src/store/modules/Settings/SyslogStore.js
@@ -0,0 +1,36 @@
+import api from '@/store/api';
+import i18n from '@/i18n';
+
+const SyslogStore = {
+  namespaced: true,
+  state: { settings: {} },
+  getters: { settings: (state) => state.settings },
+  mutations: {
+    saveSettings: (state, data) => (state.settings = data),
+  },
+  actions: {
+    async saveSettings({ dispatch }, payload) {
+      return await api
+        .post('/redfish/v1/Syslog/Actions/Syslog.UpdateConfig', payload)
+        .then(async () => {
+          await dispatch('getSettings');
+          return i18n.t('pageTransfer.syslog.saveSettingsSuсcess');
+        })
+        .catch((error) => {
+          console.log(error);
+          throw new Error(i18n.t('pageTransfer.syslog.saveSettingsError'));
+        });
+    },
+
+    async getSettings({ commit }) {
+      return await api
+        .get('/redfish/v1/Syslog')
+        .then(({ data: { Configuration = {} } = {} }) => {
+          commit('saveSettings', Configuration);
+        })
+        .catch((error) => console.log(error));
+    },
+  },
+};
+
+export default SyslogStore;
diff --git a/src/views/_sila/Settings/TransferInfo/ModalSmtp.vue b/src/views/_sila/Settings/TransferInfo/ModalSmtp.vue
new file mode 100644
index 00000000..c3bdc493
--- /dev/null
+++ b/src/views/_sila/Settings/TransferInfo/ModalSmtp.vue
@@ -0,0 +1,98 @@
+<template>
+  <b-modal
+    id="modal-smtp"
+    ref="modal"
+    :title="$t('global.action.add')"
+    @hidden="resetForm"
+  >
+    <b-form id="form-smtp" @submit.prevent="handleSubmit">
+      <b-row>
+        <b-col sm="6">
+          <b-form-group
+            :label="$t('pageTransfer.smtp.email')"
+            label-for="smtpEmail"
+          >
+            <b-form-input
+              id="smtpEmail"
+              v-model="email"
+              type="text"
+              :state="getValidationState($v.email)"
+              data-test-id="smtp-input-email"
+              @input="$v.email.$touch()"
+            />
+            <b-form-invalid-feedback role="alert">
+              <template v-if="!$v.email.required">
+                {{ $t('global.form.fieldRequired') }}
+              </template>
+              <template v-if="!$v.email.email">
+                {{ $t('global.form.invalidFormat') }}
+              </template>
+            </b-form-invalid-feedback>
+          </b-form-group>
+        </b-col>
+      </b-row>
+    </b-form>
+    <template #modal-footer="{ cancel }">
+      <b-button variant="secondary" @click="cancel()">
+        {{ $t('global.action.cancel') }}
+      </b-button>
+      <b-button form="form-smtp" type="submit" variant="primary" @click="onOk">
+        {{ $t('global.action.add') }}
+      </b-button>
+    </template>
+  </b-modal>
+</template>
+
+<script>
+import VuelidateMixin from '@/components/_sila/Mixins/VuelidateMixin.js';
+import { email, required } from 'vuelidate/lib/validators';
+
+export default {
+  mixins: [VuelidateMixin],
+  data() {
+    return {
+      email: null,
+    };
+  },
+  validations() {
+    return {
+      email: {
+        required,
+        email,
+      },
+    };
+  },
+  methods: {
+    handleSubmit() {
+      this.$v.$touch();
+      if (this.$v.$invalid) return;
+
+      this.$emit('ok', {
+        email: this.email,
+      });
+      this.closeModal();
+    },
+    closeModal() {
+      this.$nextTick(() => {
+        this.$refs.modal.hide();
+      });
+    },
+    resetForm() {
+      this.email = null;
+      this.$v.$reset();
+      this.$emit('hidden');
+    },
+    onOk(bvModalEvt) {
+      // prevent modal close
+      bvModalEvt.preventDefault();
+      this.handleSubmit();
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.input-group-prepend + input {
+  padding-left: 70px !important;
+}
+</style>
diff --git a/src/views/_sila/Settings/TransferInfo/Smtp.vue b/src/views/_sila/Settings/TransferInfo/Smtp.vue
index 338eeda7..34d171de 100644
--- a/src/views/_sila/Settings/TransferInfo/Smtp.vue
+++ b/src/views/_sila/Settings/TransferInfo/Smtp.vue
@@ -8,30 +8,31 @@
           }}</label>
           <b-form-checkbox
             id="authenticationSwitch"
-            v-model="form.auth"
+            v-model="form.is_need_auth"
             data-test-id="checkbox-authorization"
             switch
-            :disabled="isNotAdmin"
+            :disabled="loading || isNotAdmin"
           >
-            <span v-if="form.auth">
+            <span v-if="form.is_need_auth">
               {{ $t('global.status.enabled') }}
             </span>
             <span v-else>{{ $t('global.status.disabled') }}</span>
           </b-form-checkbox>
         </div>
       </b-col>
-      <b-col xs="12" sm="12">
+      <b-col xs="12" sm="6">
         <b-form-group
           :label="$t('pageTransfer.smtp.username')"
           label-for="smtp-name"
         >
           <b-form-input
             id="smtp-name"
-            v-model="form.user"
-            :disabled="isNotAdmin || !form.auth"
+            v-model="form.username"
+            type="text"
+            :disabled="loading || isNotAdmin || !form.is_need_auth"
           /> </b-form-group
       ></b-col>
-      <b-col xs="12" sm="12">
+      <b-col xs="12" sm="6">
         <b-form-group
           :label="$t('pageTransfer.smtp.password')"
           label-for="smtp-password"
@@ -41,12 +42,12 @@
               id="smtp-password"
               v-model="form.password"
               type="password"
-              :disabled="isNotAdmin || !form.auth"
+              :disabled="loading || isNotAdmin || !form.is_need_auth"
             />
           </input-password-toggle>
         </b-form-group>
       </b-col>
-      <b-col xs="12" sm="12">
+      <b-col xs="12" sm="6">
         <b-form-group
           :label="$t('pageTransfer.smtp.host')"
           label-for="smtp-host"
@@ -54,11 +55,11 @@
           <b-form-input
             id="smtp-host"
             v-model="form.host"
-            :disabled="isNotAdmin"
+            :disabled="loading || isNotAdmin"
           />
         </b-form-group>
       </b-col>
-      <b-col xs="12" sm="12">
+      <b-col xs="12" sm="6">
         <b-form-group
           :label="$t('pageTransfer.smtp.port')"
           label-for="smtp-port"
@@ -67,7 +68,7 @@
             id="smtp-port"
             v-model="form.port"
             type="number"
-            :disabled="isNotAdmin"
+            :disabled="loading || isNotAdmin"
           />
         </b-form-group>
       </b-col>
@@ -78,12 +79,12 @@
           }}</label>
           <b-form-checkbox
             id="sslSwitch"
-            v-model="form.ssl"
+            v-model="form.is_need_ssl"
             data-test-id="checkbox-ssl"
             switch
             :disabled="isNotAdmin"
           >
-            <span v-if="form.ssl">
+            <span v-if="form.is_need_ssl">
               {{ $t('global.status.enabled') }}
             </span>
             <span v-else>{{ $t('global.status.disabled') }}</span>
@@ -91,24 +92,62 @@
         </div>
       </b-col>
       <b-col xs="4" class="d-flex justify-content-between align-items-start">
-        <b-button variant="secondary" :disabled="isNotAdmin" @click="sendMail">
+        <b-button
+          variant="secondary"
+          :disabled="loading || isNotAdmin"
+          @click="sendMail"
+        >
           {{ $t('pageTransfer.smtp.testMessage') }}
         </b-button>
 
-        <b-button variant="primary" :disabled="isNotAdmin" @click="saveSmtp">
+        <b-button
+          variant="primary"
+          :disabled="loading || isNotAdmin"
+          @click="saveSmtp"
+        >
           {{ $t('global.action.save') }}
         </b-button>
       </b-col>
     </b-row>
     <b-row>
       <b-col>
+        <div class="text-right">
+          <b-button
+            variant="primary"
+            :disabled="loading || isNotAdmin"
+            @click="initAddModal()"
+          >
+            <icon-add />
+            {{ $t('global.action.add') }}
+          </b-button>
+        </div>
         <b-table
-          hover
           responsive="md"
-          show-empty
+          hover
+          :busy="loading"
           :fields="fields"
+          :items="subscribers"
           :empty-text="$t('global.table.emptyMessage')"
+          show-empty
         >
+          <!-- table actions column -->
+          <template #cell(actions)="{ item }">
+            <table-row-action
+              v-for="(action, index) in item.actions"
+              :key="index"
+              :value="action.value"
+              :enabled="action.enabled"
+              :title="action.title"
+              @click-table-action="onTableAction($event, item)"
+            >
+              <template #icon>
+                <icon-trashcan
+                  v-if="action.value === 'delete'"
+                  :data-test-id="`smtp-tableRowAction-delete-${index}`"
+                />
+              </template>
+            </table-row-action>
+          </template>
         </b-table>
       </b-col>
     </b-row>
@@ -118,43 +157,63 @@
 <script>
 import PageSection from '@/components/_sila/Global/PageSection';
 import BVToastMixin from '@/components/_sila/Mixins/BVToastMixin';
-import DataFormatterMixin from '@/components/_sila/Mixins/DataFormatterMixin';
+import TableRowAction from '@/components/_sila/Global/TableRowAction';
+import LoadingBarMixin, {
+  loading,
+} from '@/components/_sila/Mixins/LoadingBarMixin';
+
+import IconAdd from '@carbon/icons-vue/es/add--alt/20';
+import IconTrashcan from '@carbon/icons-vue/es/trash-can/20';
 import InputPasswordToggle from '@/components/_sila/Global/InputPasswordToggle';
 
 export default {
   name: 'Smtp',
   components: {
+    IconAdd,
+    IconTrashcan,
     PageSection,
+    TableRowAction,
     InputPasswordToggle,
   },
-  mixins: [BVToastMixin, DataFormatterMixin],
+  mixins: [BVToastMixin, LoadingBarMixin],
 
   data() {
     return {
+      loading,
       form: {
-        user: '',
+        username: '',
         password: '',
         host: '',
         port: '',
-        auth: false,
-        ssl: false,
+        is_need_auth: false,
+        is_need_ssl: false,
       },
       fields: [
         {
-          key: 'name',
+          key: 'host',
           label: this.$t('pageTransfer.table.userName'),
-          formatter: this.dataFormatter,
-        },
-        {
-          key: 'value',
-          label: this.$t('pageTransfer.table.value'),
-          formatter: this.dataFormatter,
-          tdClass: 'text-nowrap',
         },
+        { key: 'actions', label: '', tdClass: 'text-right' },
       ],
     };
   },
   computed: {
+    settings() {
+      return this.$store.getters['smtpStore/settings'];
+    },
+    subscribers() {
+      return this.$store.getters['smtpStore/subscribers'].map((subscriber) => {
+        return {
+          ...subscriber,
+          actions: [
+            {
+              value: 'delete',
+              title: this.$t('pageTransfer.smtp.delSubscriber'),
+            },
+          ],
+        };
+      });
+    },
     isNotAdmin() {
       return (
         this.$store.getters['authentication/role'] === 'ReadOnly' ||
@@ -162,18 +221,51 @@ export default {
       );
     },
   },
+  watch: {
+    settings() {
+      this.setForm();
+    },
+  },
+  created() {
+    this.startLoader();
+    Promise.all([
+      this.$store.dispatch('smtpStore/getSettings'),
+      this.$store.dispatch('smtpStore/getSubscribers'),
+    ]).finally(() => {
+      this.setForm();
+      this.endLoader();
+    });
+  },
   methods: {
+    onTableAction($event, { host }) {
+      if ($event === 'delete') {
+        this.deleteSubscriber(host);
+      }
+    },
+    deleteSubscriber(host) {
+      this.startLoader();
+      this.$store
+        .dispatch('smtpStore/deleteSubscriber', host)
+        .then((success) => this.successToast(success))
+        .catch(({ message }) => this.errorToast(message))
+        .finally(() => this.endLoader());
+    },
+    initAddModal() {
+      this.$bvModal.show('modal-smtp');
+    },
     saveSmtp() {
-      if (!this.form.auth) {
+      this.startLoader();
+      if (!this.form.is_need_auth) {
         // eslint-disable-next-line no-unused-vars
-        const { user, password, ...formWithoutCredits } = this.form;
+        const { username, password, ...formWithoutCredits } = this.form;
         this.form = formWithoutCredits;
       }
 
       this.$store
-        .dispatch('smtpStore/setSmtpSettings', this.form)
+        .dispatch('smtpStore/setSettings', this.form)
         .then((message) => this.successToast(message))
-        .catch(({ message }) => this.errorToast(message));
+        .catch(({ message }) => this.errorToast(message))
+        .finally(() => this.endLoader());
     },
     sendMail() {
       this.$store
@@ -186,6 +278,18 @@ export default {
         .then((message) => this.successToast(message))
         .catch(({ message }) => this.errorToast(message));
     },
+    setForm() {
+      if (!this.settings) {
+        return;
+      }
+
+      this.form.username = this.settings.username;
+      this.form.password = this.settings.password;
+      this.form.host = this.settings.host;
+      this.form.port = this.settings.port;
+      this.form.is_need_auth = this.settings.is_need_auth;
+      this.form.is_need_ssl = this.settings.is_need_ssl;
+    },
   },
 };
 </script>
diff --git a/src/views/_sila/Settings/TransferInfo/Snmp.vue b/src/views/_sila/Settings/TransferInfo/Snmp.vue
index 4a0e0abe..ef9e18ac 100644
--- a/src/views/_sila/Settings/TransferInfo/Snmp.vue
+++ b/src/views/_sila/Settings/TransferInfo/Snmp.vue
@@ -5,7 +5,7 @@
         <div class="text-right">
           <b-button
             variant="primary"
-            :disabled="isNotAdmin"
+            :disabled="loading || isNotAdmin"
             @click="initAddModal()"
           >
             <icon-add />
@@ -114,7 +114,6 @@ export default {
     this.startLoader();
     this.$store.dispatch('snmpStore/getSubscribers').finally(() => {
       this.endLoader();
-      this.isBusy = false;
     });
   },
 
diff --git a/src/views/_sila/Settings/TransferInfo/Syslog.vue b/src/views/_sila/Settings/TransferInfo/Syslog.vue
index 1d2111c9..bc64cc0d 100644
--- a/src/views/_sila/Settings/TransferInfo/Syslog.vue
+++ b/src/views/_sila/Settings/TransferInfo/Syslog.vue
@@ -1,30 +1,55 @@
 <template>
-  <page-section :section-title="$t('pageLdap.settings')">
-    <b-row class="mt-4 justify-content-end">
-      <b-col xs="12" sm="6" lg="4">
-        <b-form-group label="Расположение системы" label-for="system-location">
+  <page-section :section-title="$t('pageTransfer.syslog.title')">
+    <b-row class="mt-4 justify-content-end syslog-warning">
+      <b-col xs="12" sm="12">
+        <div class="switch-group">
+          <label for="statusSwitch">{{
+            $t('pageTransfer.syslog.status')
+          }}</label>
+          <b-form-checkbox
+            id="statusSwitch"
+            v-model="syslogStatus"
+            data-test-id="checkbox-status"
+            switch
+            :disabled="loading || isNotAdmin"
+          >
+            <span v-if="syslogStatus">
+              {{ $t('global.status.enabled') }}
+            </span>
+            <span v-else>{{ $t('global.status.disabled') }}</span>
+          </b-form-checkbox>
+        </div>
+      </b-col>
+      <b-col xs="12" sm="6">
+        <b-form-group
+          :label="$t('pageTransfer.syslog.ip')"
+          label-for="syslog-ip"
+        >
           <b-form-input
-            id="system-location"
-            placeholder="Ведите значение"
-            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+            id="syslog-ip"
+            v-model="form.Address"
+            :disabled="!syslogStatus || loading || isNotAdmin"
           /> </b-form-group
       ></b-col>
-      <b-col xs="12" sm="6" lg="4">
-        <b-form-group label="Контакты системы" label-for="system-contacts">
+      <b-col xs="12" sm="6">
+        <b-form-group
+          :label="$t('pageTransfer.syslog.port')"
+          label-for="syslog-port"
+        >
           <b-form-input
-            id="system-contacts"
-            placeholder="Ведите значение"
-            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+            id="syslog-port"
+            v-model="form.Port"
+            type="number"
+            :disabled="!syslogStatus || loading || isNotAdmin"
           />
         </b-form-group>
       </b-col>
-      <b-col xs="12" sm="6" lg="4">
-        <b-form-group label="Статус" label-for="SMNP-status">
-          <b-form-select id="SMNP-status"> </b-form-select>
-        </b-form-group>
-      </b-col>
       <b-col xs="4" class="d-flex justify-content-end align-items-start">
-        <b-button variant="primary">
+        <b-button
+          variant="primary"
+          :disabled="loading || isNotAdmin"
+          @click="saveSyslog"
+        >
           {{ $t('global.action.save') }}
         </b-button>
       </b-col>
@@ -34,16 +59,101 @@
 
 <script>
 import PageSection from '@/components/_sila/Global/PageSection';
+import BVToastMixin from '@/components/_sila/Mixins/BVToastMixin';
+import LoadingBarMixin, {
+  loading,
+} from '@/components/_sila/Mixins/LoadingBarMixin';
 
 export default {
   name: 'Syslog',
   components: {
     PageSection,
   },
+  mixins: [BVToastMixin, LoadingBarMixin],
 
   data() {
-    return {};
+    return {
+      loading,
+      syslogStatus: false,
+      form: {
+        Address: null,
+        Port: null,
+      },
+    };
+  },
+  computed: {
+    settings() {
+      return this.$store.getters['syslogStore/settings'];
+    },
+    isNotAdmin() {
+      return (
+        this.$store.getters['authentication/role'] === 'ReadOnly' ||
+        this.$store.getters['authentication/role'] === 'Operator'
+      );
+    },
+  },
+
+  watch: {
+    settings() {
+      this.setForm();
+    },
+  },
+
+  created() {
+    this.startLoader();
+    this.$store.dispatch('syslogStore/getSettings').finally(() => {
+      this.setForm();
+      this.endLoader();
+    });
+  },
+
+  methods: {
+    saveSyslog() {
+      this.startLoader();
+      if (!this.syslogStatus) {
+        this.form = {
+          Address: '',
+          Port: 0,
+        };
+      }
+
+      this.form.Port = +this.form.Port;
+      this.$store
+        .dispatch('syslogStore/saveSettings', this.form)
+        .then((success) => this.successToast(success))
+        .catch(({ message }) => this.errorToast(message))
+        .finally(() => this.endLoader());
+    },
+
+    setForm() {
+      if (!this.settings) {
+        return;
+      }
+
+      if (!this.settings.Address && this.settings.Port === 0) {
+        this.syslogStatus = false;
+      } else {
+        this.syslogStatus = true;
+      }
+
+      this.form.Address = this.settings.Address;
+      this.form.Port = this.settings.Port;
+    },
   },
-  computed: {},
 };
 </script>
+
+<style lang="scss" scoped>
+.switch-group {
+  margin-bottom: 1.5rem;
+}
+.syslog-warning {
+  width: 50%;
+  @media (max-width: 1200px) {
+    width: 75%;
+  }
+  @media (max-width: 576px) {
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/views/_sila/Settings/TransferInfo/Transfer.vue b/src/views/_sila/Settings/TransferInfo/Transfer.vue
index 5f6d5058..4b70778b 100644
--- a/src/views/_sila/Settings/TransferInfo/Transfer.vue
+++ b/src/views/_sila/Settings/TransferInfo/Transfer.vue
@@ -5,8 +5,10 @@
     <hr />
     <smtp />
     <hr />
-    <!--    <syslog />-->
+    <syslog />
+    <hr />
     <modal-snmp @ok="saveSnmp" />
+    <modal-smtp @ok="saveSmtp" />
   </b-container>
 </template>
 
@@ -20,7 +22,8 @@ import PageTitle from '@/components/_sila/Global/PageTitle';
 import Snmp from './Snmp';
 import Smtp from './Smtp';
 import ModalSnmp from './ModalSnmp.vue';
-// import Syslog from './Syslog';
+import ModalSmtp from './ModalSmtp.vue';
+import Syslog from './Syslog';
 
 export default {
   name: 'PowerRestorePolicy',
@@ -29,7 +32,8 @@ export default {
     Snmp,
     ModalSnmp,
     Smtp,
-    //  Syslog
+    ModalSmtp,
+    Syslog,
   },
   mixins: [BVToastMixin, LoadingBarMixin],
   data() {
@@ -46,6 +50,15 @@ export default {
         .catch(({ message }) => this.errorToast(message))
         .finally(() => this.endLoader());
     },
+
+    saveSmtp(modalFormData) {
+      this.startLoader();
+      this.$store
+        .dispatch('smtpStore/addSubscriber', modalFormData)
+        .then((message) => this.successToast(message))
+        .catch(({ message }) => this.errorToast(message))
+        .finally(() => this.endLoader());
+    },
   },
 };
 </script>
-- 
cgit v1.2.3