summaryrefslogtreecommitdiff
path: root/src/views/BMC/Settings/SettingsPage.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/views/BMC/Settings/SettingsPage.vue')
-rw-r--r--src/views/BMC/Settings/SettingsPage.vue446
1 files changed, 218 insertions, 228 deletions
diff --git a/src/views/BMC/Settings/SettingsPage.vue b/src/views/BMC/Settings/SettingsPage.vue
index a5b6cd76..65806564 100644
--- a/src/views/BMC/Settings/SettingsPage.vue
+++ b/src/views/BMC/Settings/SettingsPage.vue
@@ -5,242 +5,232 @@
>
<page-title />
<!-- BMC table -->
- <div class="main-container">
- <div class="bmc-settings-section">
- <div class="smnp-settings-container">
- <span class="bold-12px__caps section-label">{{
- $t('BMC.smnp')
- }}</span>
- <b-form-group class="form-group">
- <label class="regular-12px tretiatry">{{ $t('BMC.system') }}</label>
- <b-form-input
- v-model="system"
- type="text"
- class="form-control medium-16px"
- >
- </b-form-input>
- <img class="clear-icon" src="@/assets/images/popups/x-icon.svg" />
- </b-form-group>
- <b-form-group class="form-group">
- <label class="regular-12px tretiatry">{{
- $t('BMC.contacts')
- }}</label>
- <b-form-input
- type="text"
- class="form-control medium-16px"
- placeholder="Введите значение"
- >
- </b-form-input>
- </b-form-group>
- <b-form-group class="form-group">
- <label class="regular-12px tretiatry">{{
- $t('BMC.community')
- }}</label>
- <b-form-input
- v-model="community"
- type="text"
- class="form-control medium-16px"
- >
- </b-form-input>
- <img class="clear-icon" src="@/assets/images/popups/x-icon.svg" />
- </b-form-group>
- <b-form-group class="form-group">
- <label class="regular-12px tretiatry">{{
- $t('global.status.status')
- }}</label>
- <b-form-select
- v-model="smnpStatus"
- :options="smnpStatuses"
- class="select-connection medium-16px"
- />
- </b-form-group>
- <b-form-group class="form-group">
- <label class="regular-12px tretiatry">{{ $t('BMC.smnpIp') }}</label>
- <b-form-input
- v-model="smnpIp"
- type="text"
- class="form-control medium-16px"
- >
- </b-form-input>
- <img class="clear-icon" src="@/assets/images/popups/x-icon.svg" />
- </b-form-group>
- <b-form-group class="form-group">
- <label class="regular-12px tretiatry">{{
- $t('BMC.smnpPort')
- }}</label>
- <b-form-input
- v-model="smnpPort"
- type="text"
- class="form-control medium-16px"
- >
- </b-form-input>
- <img class="clear-icon" src="@/assets/images/popups/x-icon.svg" />
- </b-form-group>
- <div class="accept-container">
- <b-button variant="primary" class="accept-button">
- {{ $t('global.action.acceptChanges') }}
- </b-button>
- </div>
+ <div class="bmc-settings-section">
+ <div class="smnp-settings-container">
+ <span class="bold-12px__caps section-label">{{ $t('BMC.smnp') }}</span>
+ <b-form-group class="form-group">
+ <label class="regular-12px tretiatry">{{ $t('BMC.system') }}</label>
+ <b-form-input
+ v-model="system"
+ type="text"
+ class="form-control medium-16px"
+ >
+ </b-form-input>
+ <img class="clear-icon" src="@/assets/images/popups/x-icon.svg" />
+ </b-form-group>
+ <b-form-group class="form-group">
+ <label class="regular-12px tretiatry">{{ $t('BMC.contacts') }}</label>
+ <b-form-input
+ type="text"
+ class="form-control medium-16px"
+ placeholder="Введите значение"
+ >
+ </b-form-input>
+ </b-form-group>
+ <b-form-group class="form-group">
+ <label class="regular-12px tretiatry">{{
+ $t('BMC.community')
+ }}</label>
+ <b-form-input
+ v-model="community"
+ type="text"
+ class="form-control medium-16px"
+ >
+ </b-form-input>
+ <img class="clear-icon" src="@/assets/images/popups/x-icon.svg" />
+ </b-form-group>
+ <b-form-group class="form-group">
+ <label class="regular-12px tretiatry">{{
+ $t('global.status.status')
+ }}</label>
+ <b-form-select
+ v-model="smnpStatus"
+ :options="smnpStatuses"
+ class="select-connection medium-16px"
+ />
+ </b-form-group>
+ <b-form-group class="form-group">
+ <label class="regular-12px tretiatry">{{ $t('BMC.smnpIp') }}</label>
+ <b-form-input
+ v-model="smnpIp"
+ type="text"
+ class="form-control medium-16px"
+ >
+ </b-form-input>
+ <img class="clear-icon" src="@/assets/images/popups/x-icon.svg" />
+ </b-form-group>
+ <b-form-group class="form-group">
+ <label class="regular-12px tretiatry">{{ $t('BMC.smnpPort') }}</label>
+ <b-form-input
+ v-model="smnpPort"
+ type="text"
+ class="form-control medium-16px"
+ >
+ </b-form-input>
+ <img class="clear-icon" src="@/assets/images/popups/x-icon.svg" />
+ </b-form-group>
+ <div class="accept-container">
+ <b-button variant="primary" class="accept-button">
+ {{ $t('global.action.acceptChanges') }}
+ </b-button>
</div>
</div>
- <div class="bmc-settings-section">
- <div class="smnp-settings-container">
- <span class="bold-12px__caps section-label">{{
- $t('BMC.smnpWarning')
- }}</span>
- <div class="table-section">
- <b-table
- responsive="md"
- show-empty
- class="bootstrap-rounded-table"
- :items="items"
- :fields="fields"
- >
- <template #cell(value)="{ index }">
- <b-row>
- <b-col>
- <span v-if="items[index].value">
- {{ $t('global.status.enabled') }}
- </span>
- <span v-else>
- {{ $t('global.status.disabled') }}
- </span>
- </b-col>
- <b-col>
- <b-form-checkbox v-model="items[index].value" switch>
- </b-form-checkbox>
- </b-col>
- </b-row>
- </template>
- </b-table>
- </div>
- <div class="accept-container">
- <b-button variant="secondary" class="test-message-button">
- {{ $t('BMC.testMessage') }}
- </b-button>
- <b-button variant="primary" class="accept-button">
- {{ $t('global.action.acceptChanges') }}
- </b-button>
- </div>
+ </div>
+ <div class="bmc-settings-section">
+ <div class="smnp-settings-container">
+ <span class="bold-12px__caps section-label">{{
+ $t('BMC.smnpWarning')
+ }}</span>
+ <div class="table-section">
+ <b-table
+ responsive="md"
+ show-empty
+ class="bootstrap-rounded-table"
+ :items="items"
+ :fields="fields"
+ >
+ <template #cell(value)="{ index }">
+ <b-row>
+ <b-col>
+ <span v-if="items[index].value">
+ {{ $t('global.status.enabled') }}
+ </span>
+ <span v-else>
+ {{ $t('global.status.disabled') }}
+ </span>
+ </b-col>
+ <b-col>
+ <b-form-checkbox v-model="items[index].value" switch>
+ </b-form-checkbox>
+ </b-col>
+ </b-row>
+ </template>
+ </b-table>
+ </div>
+ <div class="accept-container">
+ <b-button variant="secondary" class="test-message-button">
+ {{ $t('BMC.testMessage') }}
+ </b-button>
+ <b-button variant="primary" class="accept-button">
+ {{ $t('global.action.acceptChanges') }}
+ </b-button>
</div>
</div>
+ </div>
- <div class="bmc-settings-section">
- <div class="smnp-settings-container">
- <span class="bold-12px__caps section-label">{{
- $t('BMC.smtpWarning')
- }}</span>
- <div class="table-section">
- <b-table
- responsive="md"
- show-empty
- class="bootstrap-rounded-table"
- :items="items2"
- :fields="fields2"
- >
- <template #cell(value)="data">
- <b-row v-if="data.index === 0">
- <b-col>
- <span v-if="items2[data.index].value">
- {{ $t('global.status.enabled') }}
- </span>
- <span v-else>
- {{ $t('global.status.disabled') }}
- </span>
- </b-col>
- <b-col>
- <b-form-checkbox v-model="items2[data.index].value" switch>
- </b-form-checkbox>
- </b-col>
- </b-row>
- <b-row v-else-if="data.index === 4">
- <b-col>
- <span>
- {{ data.value ? 'Да' : 'Нет' }}
- </span>
- </b-col>
- <b-col>
- <b-button
- :id="`popover-choice-${data.index}`"
- class="popover-option-ractive"
- variant="toogle-popover"
- >
- <img :is="iconChevron" class="icon-chevron" />
- </b-button>
- <two-chioce-popover
- :id="data.index"
- fitst-option="Да"
- second-option="Нет"
- :chosen-option="chosenOption"
- :first-action="setYes"
- :second-action="setNo"
- placement="leftbottom"
- />
- </b-col>
- </b-row>
- <b-row v-else>
- <b-col>
- <span>
- {{ data.value }}
- </span>
- </b-col>
- <b-col>
- <img
- src="@/assets/images/icon-edit.svg"
- class="icon-chevron icon-edit"
- />
- </b-col>
- </b-row>
- </template>
- </b-table>
- </div>
+ <div class="bmc-settings-section">
+ <div class="smnp-settings-container">
+ <span class="bold-12px__caps section-label">{{
+ $t('BMC.smtpWarning')
+ }}</span>
+ <div class="table-section">
+ <b-table
+ responsive="md"
+ show-empty
+ class="bootstrap-rounded-table"
+ :items="items2"
+ :fields="fields2"
+ >
+ <template #cell(value)="data">
+ <b-row v-if="data.index === 0">
+ <b-col>
+ <span v-if="items2[data.index].value">
+ {{ $t('global.status.enabled') }}
+ </span>
+ <span v-else>
+ {{ $t('global.status.disabled') }}
+ </span>
+ </b-col>
+ <b-col>
+ <b-form-checkbox v-model="items2[data.index].value" switch>
+ </b-form-checkbox>
+ </b-col>
+ </b-row>
+ <b-row v-else-if="data.index === 4">
+ <b-col>
+ <span>
+ {{ data.value ? 'Да' : 'Нет' }}
+ </span>
+ </b-col>
+ <b-col>
+ <b-button
+ :id="`popover-choice-${data.index}`"
+ class="popover-option-ractive"
+ variant="toogle-popover"
+ >
+ <img :is="iconChevron" class="icon-chevron" />
+ </b-button>
+ <two-chioce-popover
+ :id="data.index"
+ fitst-option="Да"
+ second-option="Нет"
+ :chosen-option="chosenOption"
+ :first-action="setYes"
+ :second-action="setNo"
+ placement="leftbottom"
+ />
+ </b-col>
+ </b-row>
+ <b-row v-else>
+ <b-col>
+ <span>
+ {{ data.value }}
+ </span>
+ </b-col>
+ <b-col>
+ <img
+ src="@/assets/images/icon-edit.svg"
+ class="icon-chevron icon-edit"
+ />
+ </b-col>
+ </b-row>
+ </template>
+ </b-table>
</div>
</div>
+ </div>
- <div class="bmc-settings-section last">
- <div class="smnp-settings-container">
- <span class="bold-12px__caps section-label">{{
- $t('BMC.syslogSettings')
- }}</span>
- <b-form-group class="form-group">
- <label class="regular-12px tretiatry">{{
- $t('global.status.status')
- }}</label>
- <b-form-select
- v-model="syslogStatus"
- :options="syslogStatuses"
- class="select-connection medium-16px"
- />
- </b-form-group>
- <b-form-group class="form-group">
- <label class="regular-12px tretiatry">{{
- $t('BMC.syslogIP')
- }}</label>
- <b-form-input
- v-model="syslogIp"
- type="text"
- class="form-control medium-16px"
- >
- </b-form-input>
- <img class="clear-icon" src="@/assets/images/popups/x-icon.svg" />
- </b-form-group>
- <b-form-group class="form-group">
- <label class="regular-12px tretiatry">{{
- $t('BMC.syslogPort')
- }}</label>
- <b-form-input
- v-model="syslogPort"
- type="text"
- class="form-control medium-16px"
- >
- </b-form-input>
- <img class="clear-icon" src="@/assets/images/popups/x-icon.svg" />
- </b-form-group>
- <div class="accept-container">
- <b-button variant="primary" class="accept-button">
- {{ $t('global.action.acceptChanges') }}
- </b-button>
- </div>
+ <div class="bmc-settings-section last">
+ <div class="smnp-settings-container">
+ <span class="bold-12px__caps section-label">{{
+ $t('BMC.syslogSettings')
+ }}</span>
+ <b-form-group class="form-group">
+ <label class="regular-12px tretiatry">{{
+ $t('global.status.status')
+ }}</label>
+ <b-form-select
+ v-model="syslogStatus"
+ :options="syslogStatuses"
+ class="select-connection medium-16px"
+ />
+ </b-form-group>
+ <b-form-group class="form-group">
+ <label class="regular-12px tretiatry">{{ $t('BMC.syslogIP') }}</label>
+ <b-form-input
+ v-model="syslogIp"
+ type="text"
+ class="form-control medium-16px"
+ >
+ </b-form-input>
+ <img class="clear-icon" src="@/assets/images/popups/x-icon.svg" />
+ </b-form-group>
+ <b-form-group class="form-group">
+ <label class="regular-12px tretiatry">{{
+ $t('BMC.syslogPort')
+ }}</label>
+ <b-form-input
+ v-model="syslogPort"
+ type="text"
+ class="form-control medium-16px"
+ >
+ </b-form-input>
+ <img class="clear-icon" src="@/assets/images/popups/x-icon.svg" />
+ </b-form-group>
+ <div class="accept-container">
+ <b-button variant="primary" class="accept-button">
+ {{ $t('global.action.acceptChanges') }}
+ </b-button>
</div>
</div>
</div>
generated by cgit v1.2.3 (git 2.39.0) at 2024-06-26 19:43:10 +0300