diff options
Diffstat (limited to 'src/views/SystemDescription/Info')
4 files changed, 3 insertions, 392 deletions
diff --git a/src/views/SystemDescription/Info/InventoryControlSystem.vue b/src/views/SystemDescription/Info/InventoryControlSystem.vue deleted file mode 100644 index f47b4868..00000000 --- a/src/views/SystemDescription/Info/InventoryControlSystem.vue +++ /dev/null @@ -1,228 +0,0 @@ -<template> - <page-section class="system-control-section"> - <div class="system-control__table"> - <div class="system-control__table__row"> - <div class="system-control__table__cell"> - <div> - <span class="semi-bold-12px"> - {{ $t('SystemDescription.title.ReloadServer') }} - </span> - </div> - <popover - id="popover-reactive-1" - description="SystemDescription.ReloadOSAndServer" - popup="SystemDescription.ReloadOSAndServer_popup" - /> - <popover - id="popover-reactive-2" - description="SystemDescription.ReloadServer" - popup="SystemDescription.ReloadServer_popup" - /> - <div> - <span class="regular-12px underline"> - {{ $t('SystemDescription.ConnectToDesktop') }} - </span> - </div> - </div> - - <div class="system-control__table__cell system-control__table__cell__2"> - <div class="reload-progress__container"> - <span class="regular-12px"> - {{ $t('SystemDescription.status') }} - </span> - <span class="semi-bold-12px progress_bar_percent" - >{{ progress1.value }}%</span - > - <b-progress - class="reload-progress" - :value="progress1.value" - ></b-progress> - </div> - <div class="reload-progress__container"> - <span class="regular-12px"> - {{ $t('SystemDescription.status') }} - </span> - <span - v-if="progress2.value === null" - class="semi-bold-12px progress_bar_percent" - >{{ $t('SystemDescription.NotRunning') }}</span - > - <span v-else class="semi-bold-12px progress_bar_percent" - >{{ progress2.value }}%</span - > - <b-progress - class="reload-progress" - :value="progress2.value" - ></b-progress> - </div> - </div> - - <div class="system-control__table__cell"> - <div> - <span class="semi-bold-12px"> - {{ $t('SystemDescription.title.OnOffServer') }} - </span> - </div> - <div> - <popover - id="popover-reactive-3" - description="SystemDescription.OffOsAndServer" - popup="SystemDescription.OffOsAndServer_popup" - button="global.action.off" - /> - <popover - id="popover-reactive-4" - description="SystemDescription.OffServer" - popup="SystemDescription.OffServer_popup" - button="global.action.off" - /> - </div> - </div> - </div> - <div class="system-control__table__row"> - <div class="system-control__table__cell system-control__table__cell__4"> - <div> - <span class="semi-bold-12px"> - {{ $t('SystemDescription.title.setupDatetime') }} - </span> - </div> - <b-form @submit.prevent="onResetSubmit"> - <b-form-radio-group - v-model="timeOption" - class="system-control__radio regular-12px" - > - <b-form-radio value="NTP"> - {{ $t('SystemDescription.GetNtpFromServer') }} - </b-form-radio> - <b-form-radio value="serverDate"> - {{ $t('SystemDescription.UseServerDatettime') }} - </b-form-radio> - </b-form-radio-group> - </b-form> - <ntp-popover - id="popover-reactive-5" - description="SystemDescription.NtpSettings" - /> - </div> - </div> - </div> - </page-section> -</template> - -<script> -import PageSection from '@/components/Global/PageSection'; -import Popover from '@/components/Global/Popover'; -import NtpPopover from './NtpPopover'; - -export default { - components: { - PageSection, - NtpPopover, - Popover, - }, - data() { - return { - timeOption: 'resetBios', - picked: '', - options: [ - { text: 'Toggle this custom radio', value: 'first' }, - { text: 'Or toggle this other custom radio', value: 'second' }, - ], - progress1: { - value: 90, - }, - progress2: { - value: null, - }, - }; - }, -}; -</script> -<style lang="scss" scoped> -a { - list-style-type: none; -} - -.system-control-section { - position: relative; - margin: 16px 2rem 2rem !important; - width: 90%; -} - -.system-control__table__row { - display: flex; - flex-flow: row nowrap; - justify-content: space-between; - width: 85%; -} - -.system-control__table__cell { - display: flex; - flex-flow: column nowrap; - align-items: flex-start; - row-gap: 6px; -} - -.system-control__table__cell__2 { - margin-top: 37px; - row-gap: 14px; -} - -.reload-progress__container { - display: flex; - flex-flow: row nowrap; - align-items: baseline; - justify-content: space-between; - width: 100%; - column-gap: 4px; -} - -.semi-bold-12px { - display: inline-block; -} - -label { - padding-top: 5px; -} -.system-control__table__cell__4 { - margin-top: 26px; -} - -.custom-radio ::before { - border: 1px solid $red-brand-primary; - background-color: #fff; - border-radius: 100%; -} - -.system-control-section::v-deep - .custom-control-input:checked - ~ .custom-control-label::before { - border: 2px solid $red-brand-primary; - background-color: $red-brand-primary; - box-shadow: 0px 0px 0px 2.5px $white inset; - border-radius: 100%; -} - -.system-control-section::v-deep - .custom-control-input:hover - ~ .custom-control-label::before { - background-color: $red-brand-primary-hover !important; - box-shadow: 0px 0px 0px 2.5px $white inset; - border-color: $red-brand-primary-hover; -} - -.system-control-section::v-deep - .custom-control-input:checked - ~ .custom-control-label::after { - background-image: none !important; - border-radius: 100%; -} - -.system-control-section::v-deep - .custom-control-input:active - ~ .custom-control-label::before { - background-color: $red-brand-primary-active !important; - box-shadow: 0px 0px 0px 2.5px $white inset; - border-color: $red-brand-primary-active; -} -</style> diff --git a/src/views/SystemDescription/Info/InventoryTableSystem.vue b/src/views/SystemDescription/Info/InventoryTableSystem.vue index b022fd6d..f903a46b 100644 --- a/src/views/SystemDescription/Info/InventoryTableSystem.vue +++ b/src/views/SystemDescription/Info/InventoryTableSystem.vue @@ -7,7 +7,6 @@ :items="systems" :fields="fields" :empty-text="$t('global.table.emptyMessage')" - :busy="isBusy" > </b-table> </page-section> @@ -26,7 +25,6 @@ export default { mixins: [BVToastMixin, TableRowExpandMixin], data() { return { - isBusy: true, fields: [ { key: 'param', diff --git a/src/views/SystemDescription/Info/NtpPopover.vue b/src/views/SystemDescription/Info/NtpPopover.vue deleted file mode 100644 index 81e95e4d..00000000 --- a/src/views/SystemDescription/Info/NtpPopover.vue +++ /dev/null @@ -1,141 +0,0 @@ -<template> - <div id="my-container"> - <span :id="id" class="regular-12px underline" variant="primary"> - {{ $t(description) }} - </span> - <!-- Our popover title and content render container --> - <b-popover - :target="id" - placement="auto" - container="my-container" - :show.sync="popoverShow" - @show="onShow" - @shown="onShown" - @hidden="onHidden" - > - <template #title> - <div class="popup-title"> - <span class="bold-16px__caps">{{ $t(description) }}</span> - <b-button class="popup-title__button_close" @click="onClose"> - <img src="@/assets/images/popups/x-icon.svg" /> - </b-button> - </div> - </template> - - <div class="popup-body"> - <div class="popup-body__input-container"> - <span class="regular-12px tretiatry" - >Введите адрес сервера (IP, FQDM)</span - > - <b-form-input - id="popover-input-1" - v-model="input1" - class="medium-12px" - ></b-form-input> - </div> - <b-button class="popover-button" variant="primary" @click="onClose"> - {{ $t('global.action.save') }} - </b-button> - </div> - </b-popover> - </div> -</template> - -<script> -export default { - props: { - description: { - type: String, - default: '', - }, - id: { - type: String, - default: '', - }, - button: { - type: String, - default: 'Reload', - }, - }, - data() { - return { - input1: '', - popoverShow: false, - }; - }, - methods: { - onShow() { - this.$root.$emit('bv::hide::popover'); - }, - onClose() { - this.popoverShow = false; - }, - }, -}; -</script> -<style lang="scss" scoped> -.form-group { - margin: 0; -} - -.popup-title { - display: flex; - flex-flow: row nowrap; - align-items: baseline; -} - -.popup-title__button_close { - margin: 0 28px 0 auto; - background: none; - border: none; - &:active { - background-color: $faint-secondary-primary-5-hover !important; - box-shadow: none !important; - border-radius: 8px; - } - &:focus-visible { - border: none !important; - border-radius: 8px; - } - &:focus { - box-shadow: none; - border-radius: 8px; - } -} - -.popup-body { - display: flex; - flex-direction: column; - align-content: center; - justify-content: center; -} - -.form-control { - width: 341px; - height: 52px; - background: rgba(26, 62, 91, 0.05); - border-radius: 8px; - border: none; - margin: -25px auto; - padding-top: 30px; -} - -.popover-button { - width: 341px; - height: 40px; - margin: 0 auto 10px; -} - -.popup-body__input-container { - height: 52px; - margin: 24px auto 16px auto; -} - -.tretiatry { - margin-left: 12px; -} - -.underline { - cursor: pointer; -} -</style> diff --git a/src/views/SystemDescription/Info/SystemDescription.vue b/src/views/SystemDescription/Info/SystemDescription.vue index 7322d03e..558c70ef 100644 --- a/src/views/SystemDescription/Info/SystemDescription.vue +++ b/src/views/SystemDescription/Info/SystemDescription.vue @@ -10,7 +10,7 @@ <b-button v-b-toggle.toggle-collapse_1 variant="link" - class="server-info-collapse__button semi-bold-16px" + class="collapse-button semi-bold-16px" > {{ $t('SystemDescription.title.ServerConfig') }} <component :is="iconChevronUp" class="icon-expand" /> @@ -78,7 +78,7 @@ <b-button v-b-toggle.toggle-collapse_2 variant="link" - class="server-info-collapse__button semi-bold-16px" + class="collapse-button semi-bold-16px" > {{ $t('SystemDescription.title.Control') }} <component :is="iconChevronUp" class="icon-expand" /> @@ -94,8 +94,7 @@ <script> import PageTitle from '@/components/Global/PageTitle'; import TableSystem from './InventoryTableSystem'; -import ControlSystem from './InventoryControlSystem'; -// import PageSection from '@/components/Global/PageSection'; +import ControlSystem from '@/components/Global/SilaComponents/InventoryControlSystem'; import iconChevronUp from '@carbon/icons-vue/es/chevron--up/16'; export default { @@ -103,7 +102,6 @@ export default { PageTitle, ControlSystem, TableSystem, - // PageSection, }, data() { return { @@ -120,22 +118,6 @@ export default { padding: 0; } -.server-info-collapse__button { - height: 56px; - width: 100%; - padding: 0 0 0 2rem; - margin: 0; - display: flex; - flex-flow: row nowrap; - justify-content: flex-start; - &:active, - &:focus { - box-shadow: none; - } - &:hover { - color: $text-primary; - } -} .nav-item { list-style-type: none; } |