diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-09-09 14:10:03 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-09-09 14:10:03 +0300 |
commit | c2d0cfa676eb57602d3bb3c44c6b7965f84b82da (patch) | |
tree | dbed4007384c11de2bb37a7262255a3e4d887700 /src/views/_sila/Settings | |
parent | b1e69d3cdfbd682c8eaab1246f62be5bfe1a07e9 (diff) | |
download | webui-vue-c2d0cfa676eb57602d3bb3c44c6b7965f84b82da.tar.xz |
smnp-layout
Diffstat (limited to 'src/views/_sila/Settings')
-rw-r--r-- | src/views/_sila/Settings/TransferInfo/Smnp.vue | 77 | ||||
-rw-r--r-- | src/views/_sila/Settings/TransferInfo/Syslog.vue | 49 | ||||
-rw-r--r-- | src/views/_sila/Settings/TransferInfo/Transfer.vue | 35 | ||||
-rw-r--r-- | src/views/_sila/Settings/TransferInfo/WarningSmnp.vue | 57 | ||||
-rw-r--r-- | src/views/_sila/Settings/TransferInfo/WarningSmtp.vue | 128 | ||||
-rw-r--r-- | src/views/_sila/Settings/TransferInfo/index.js | 2 |
6 files changed, 348 insertions, 0 deletions
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; |