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/views/_sila/Overview/Overview.vue              |  10 ++
 src/views/_sila/Settings/TransferInfo/Smnp.vue     |  77 +++++++++++++
 src/views/_sila/Settings/TransferInfo/Syslog.vue   |  49 ++++++++
 src/views/_sila/Settings/TransferInfo/Transfer.vue |  35 ++++++
 .../_sila/Settings/TransferInfo/WarningSmnp.vue    |  57 +++++++++
 .../_sila/Settings/TransferInfo/WarningSmtp.vue    | 128 +++++++++++++++++++++
 src/views/_sila/Settings/TransferInfo/index.js     |   2 +
 7 files changed, 358 insertions(+)
 create mode 100644 src/views/_sila/Settings/TransferInfo/Smnp.vue
 create mode 100644 src/views/_sila/Settings/TransferInfo/Syslog.vue
 create mode 100644 src/views/_sila/Settings/TransferInfo/Transfer.vue
 create mode 100644 src/views/_sila/Settings/TransferInfo/WarningSmnp.vue
 create mode 100644 src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
 create mode 100644 src/views/_sila/Settings/TransferInfo/index.js

(limited to 'src/views')

diff --git a/src/views/_sila/Overview/Overview.vue b/src/views/_sila/Overview/Overview.vue
index 9f97fb3e..c3928789 100644
--- a/src/views/_sila/Overview/Overview.vue
+++ b/src/views/_sila/Overview/Overview.vue
@@ -5,6 +5,16 @@
     <page-section
       :section-title="$t('pageOverview.systemInformation')"
       class="mb-1"
+      @overviewEventsComplete="
+        () => {
+          console.log('как подключить веб камеру к ноутбуку');
+        }
+      "
+      @overview-firmware-complete="
+        () => {
+          console.log('как подключить веб камеру к ноутбуку');
+        }
+      "
     >
       <b-card-group deck>
         <overview-server />
diff --git a/src/views/_sila/Settings/TransferInfo/Smnp.vue b/src/views/_sila/Settings/TransferInfo/Smnp.vue
new file mode 100644
index 00000000..f3a7a183
--- /dev/null
+++ b/src/views/_sila/Settings/TransferInfo/Smnp.vue
@@ -0,0 +1,77 @@
+<template>
+  <page-section :section-title="$t('pageLdap.settings')">
+    <b-row class="mt-4">
+      <b-col xs="12" sm="6" lg="4">
+        <b-form-group label="Расположение системы" label-for="system-location">
+          <b-form-input
+            id="system-location"
+            placeholder="Ведите значение"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+          /> </b-form-group
+      ></b-col>
+      <b-col xs="12" sm="6" lg="4">
+        <b-form-group label="Контакты системы" label-for="system-contacts">
+          <b-form-input
+            id="system-contacts"
+            placeholder="Ведите значение"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+          />
+        </b-form-group>
+      </b-col>
+      <b-col xs="12" sm="6" lg="4">
+        <b-form-group label="Community String" label-for="Community String">
+          <b-form-input
+            id="community-string"
+            placeholder="Ведите значение"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+          />
+        </b-form-group>
+      </b-col>
+      <b-col xs="12" sm="6" lg="4">
+        <b-form-group label="IP адрес SMNP" label-for="ip-smnp">
+          <b-form-input
+            id="ip-smnp"
+            placeholder="Ведите значение"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+          /> </b-form-group
+      ></b-col>
+      <b-col xs="12" sm="6" lg="4">
+        <b-form-group label="Контакты системы" label-for="SMNP-port">
+          <b-form-input
+            id="SMNP-port"
+            placeholder="Ведите значение"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+          />
+        </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-row>
+    <b-row>
+      <b-col class="d-flex justify-content-end">
+        <b-button variant="primary">
+          {{ $t('global.action.save') }}
+        </b-button>
+      </b-col>
+    </b-row>
+  </page-section>
+</template>
+
+<script>
+import PageSection from '@/components/_sila/Global/PageSection';
+
+export default {
+  name: 'Smnp',
+  components: {
+    PageSection,
+  },
+
+  data() {
+    return {};
+  },
+  computed: {},
+};
+</script>
diff --git a/src/views/_sila/Settings/TransferInfo/Syslog.vue b/src/views/_sila/Settings/TransferInfo/Syslog.vue
new file mode 100644
index 00000000..1d2111c9
--- /dev/null
+++ b/src/views/_sila/Settings/TransferInfo/Syslog.vue
@@ -0,0 +1,49 @@
+<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">
+          <b-form-input
+            id="system-location"
+            placeholder="Ведите значение"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+          /> </b-form-group
+      ></b-col>
+      <b-col xs="12" sm="6" lg="4">
+        <b-form-group label="Контакты системы" label-for="system-contacts">
+          <b-form-input
+            id="system-contacts"
+            placeholder="Ведите значение"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+          />
+        </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">
+          {{ $t('global.action.save') }}
+        </b-button>
+      </b-col>
+    </b-row>
+  </page-section>
+</template>
+
+<script>
+import PageSection from '@/components/_sila/Global/PageSection';
+
+export default {
+  name: 'Syslog',
+  components: {
+    PageSection,
+  },
+
+  data() {
+    return {};
+  },
+  computed: {},
+};
+</script>
diff --git a/src/views/_sila/Settings/TransferInfo/Transfer.vue b/src/views/_sila/Settings/TransferInfo/Transfer.vue
new file mode 100644
index 00000000..921087e5
--- /dev/null
+++ b/src/views/_sila/Settings/TransferInfo/Transfer.vue
@@ -0,0 +1,35 @@
+<template>
+  <b-container fluid="xl">
+    <page-title :description="$t('pageTransfer.title')" />
+    <smnp />
+    <warning-smnp />
+    <warning-smtp />
+    <syslog />
+  </b-container>
+</template>
+
+<script>
+import PageTitle from '@/components/_sila/Global/PageTitle';
+// import Smnp from './Smnp';
+// import WarningSmnp from './WarningSmnp';
+import WarningSmtp from './WarningSmtp';
+// import Syslog from './Syslog';
+
+export default {
+  name: 'PowerRestorePolicy',
+  components: {
+    PageTitle,
+    //  Smnp,
+    //  WarningSmnp,
+    WarningSmtp,
+    //  Syslog
+  },
+
+  data() {
+    return {
+      policyValue: null,
+      options: [],
+    };
+  },
+};
+</script>
diff --git a/src/views/_sila/Settings/TransferInfo/WarningSmnp.vue b/src/views/_sila/Settings/TransferInfo/WarningSmnp.vue
new file mode 100644
index 00000000..df97d1a1
--- /dev/null
+++ b/src/views/_sila/Settings/TransferInfo/WarningSmnp.vue
@@ -0,0 +1,57 @@
+<template>
+  <page-section section-title="Предупреждения SNmP">
+    <b-row>
+      <b-col>
+        <b-table
+          hover
+          responsive="md"
+          show-empty
+          :items="items"
+          :fields="fields"
+          :empty-text="$t('global.table.emptyMessage')"
+        >
+        </b-table>
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col class="d-flex justify-content-end flex-wrap">
+        <b-button variant="secondary" class="mr-3 mb-3">
+          {{ 'Тестовое сообщение' }}
+        </b-button>
+        <b-button variant="primary" class="mb-3">
+          {{ $t('global.action.save') }}
+        </b-button>
+      </b-col>
+    </b-row>
+  </page-section>
+</template>
+
+<script>
+import PageSection from '@/components/_sila/Global/PageSection';
+
+export default {
+  name: 'WarningSmnp',
+  components: {
+    PageSection,
+  },
+
+  data() {
+    return {
+      fields: [
+        {
+          key: 'id',
+          label: 'Тип предупреждения',
+          formatter: this.dataFormatter,
+        },
+        {
+          key: 'health',
+          label: 'Значение',
+          formatter: this.dataFormatter,
+          tdClass: 'text-nowrap',
+        },
+      ],
+    };
+  },
+  computed: {},
+};
+</script>
diff --git a/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue b/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
new file mode 100644
index 00000000..8372acca
--- /dev/null
+++ b/src/views/_sila/Settings/TransferInfo/WarningSmtp.vue
@@ -0,0 +1,128 @@
+<template>
+  <page-section :section-title="$t('pageTransfer.smtp.smtpTitle')">
+    <b-row class="mt-4">
+      <b-col xs="12" sm="6" lg="4">
+        <b-form-group
+          :label="$t('pageTransfer.smtp.username')"
+          label-for="smtp-name"
+        >
+          <b-form-input
+            id="smtp-name"
+            v-model="form.name"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+          /> </b-form-group
+      ></b-col>
+      <b-col xs="12" sm="6" lg="4">
+        <b-form-group
+          :label="$t('pageTransfer.smtp.password')"
+          label-for="smtp-password"
+        >
+          <input-password-toggle>
+            <b-form-input
+              id="smtp-password"
+              v-model="form.password"
+              type="password"
+              :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+            />
+          </input-password-toggle>
+        </b-form-group>
+      </b-col>
+      <b-col xs="12" sm="6" lg="4">
+        <b-form-group
+          :label="$t('pageTransfer.smtp.host')"
+          label-for="smtp-host"
+        >
+          <b-form-input
+            id="smtp-host"
+            v-model="form.host"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+          />
+        </b-form-group>
+      </b-col>
+      <b-col xs="12" sm="6" lg="4">
+        <b-form-group
+          :label="$t('pageTransfer.smtp.port')"
+          label-for="smtp-port"
+        >
+          <b-form-input
+            id="smtp-port"
+            v-model="form.port"
+            type="number"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+          />
+        </b-form-group>
+      </b-col>
+      <b-col xs="4" class="d-flex justify-content-end align-items-start">
+        <b-button variant="primary" @click="saveSmtp">
+          {{ $t('global.action.save') }}
+        </b-button>
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col>
+        <b-table
+          hover
+          responsive="md"
+          show-empty
+          :fields="fields"
+          :empty-text="$t('global.table.emptyMessage')"
+        >
+        </b-table>
+      </b-col>
+    </b-row>
+  </page-section>
+</template>
+
+<script>
+import PageSection from '@/components/_sila/Global/PageSection';
+import BVToastMixin from '@/components/_sila/Mixins/BVToastMixin';
+import DataFormatterMixin from '@/components/_sila/Mixins/DataFormatterMixin';
+import InputPasswordToggle from '@/components/_sila/Global/InputPasswordToggle';
+
+export default {
+  name: 'WarningSmnp',
+  components: {
+    PageSection,
+    InputPasswordToggle,
+  },
+  mixins: [BVToastMixin, DataFormatterMixin],
+
+  data() {
+    return {
+      form: {
+        name: '',
+        password: '',
+        host: '',
+        port: '',
+      },
+      fields: [
+        {
+          key: 'name',
+          label: this.$t('pageTransfer.table.userName'),
+          formatter: this.dataFormatter,
+        },
+        {
+          key: 'value',
+          label: this.$t('pageTransfer.table.value'),
+          formatter: this.dataFormatter,
+          tdClass: 'text-nowrap',
+        },
+      ],
+    };
+  },
+  methods: {
+    saveSmtp() {
+      this.$store
+        .dispatch('smtpStore/setSmtpSettings', this.form)
+        .then((message) => this.successToast(message))
+        .catch(({ message }) => this.errorToast(message));
+    },
+    sendMail() {
+      this.$store
+        .dispatch('smtpStore/sendTestMessage')
+        .then((message) => this.successToast(message))
+        .catch(({ message }) => this.errorToast(message));
+    },
+  },
+};
+</script>
diff --git a/src/views/_sila/Settings/TransferInfo/index.js b/src/views/_sila/Settings/TransferInfo/index.js
new file mode 100644
index 00000000..50508f66
--- /dev/null
+++ b/src/views/_sila/Settings/TransferInfo/index.js
@@ -0,0 +1,2 @@
+import Transfer from './Transfer.vue';
+export default Transfer;
-- 
cgit v1.2.3