diff options
Diffstat (limited to 'src/views/BMC/Settings/SettingsPage.vue')
-rw-r--r-- | src/views/BMC/Settings/SettingsPage.vue | 446 |
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> |