diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-06-06 18:39:19 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-06-07 11:43:30 +0300 |
commit | 1b8d6d756c9dff14d3dd8298ecae7d6fe73192e5 (patch) | |
tree | c4ab6c1a355507af459709ca82a05d1299bdb130 /src/views/Processors | |
parent | 0cbf1713dc23e0039653891fab1fa2c52b4bfaf3 (diff) | |
download | webui-vue-1b8d6d756c9dff14d3dd8298ecae7d6fe73192e5.tar.xz |
Delete main-container, add global scroll to pages, add global style for logs.
Diffstat (limited to 'src/views/Processors')
-rw-r--r-- | src/views/Processors/DynamicInfo/ProcessorsDynamicPage.vue | 342 | ||||
-rw-r--r-- | src/views/Processors/Specification/ProcessorsSpecificationPage.vue | 135 |
2 files changed, 230 insertions, 247 deletions
diff --git a/src/views/Processors/DynamicInfo/ProcessorsDynamicPage.vue b/src/views/Processors/DynamicInfo/ProcessorsDynamicPage.vue index 9ba32a4d..2ffc193e 100644 --- a/src/views/Processors/DynamicInfo/ProcessorsDynamicPage.vue +++ b/src/views/Processors/DynamicInfo/ProcessorsDynamicPage.vue @@ -23,190 +23,178 @@ </button> </div> </div> - <div class="main-container"> - <date-switch - :switch-time-scale="switchTimeScale" - :time-scale="timeScale" - /> - <!-- Temperature Section --> - <div class="page-collapse-decorator"> - <b-button - v-b-toggle.toggle-collapse_1 - variant="link" - class="collapse-button semi-bold-16px" - > - <img src="@/assets/images/temperature-icon.svg" /> - <span class="bold-16px">{{ $t('subHeader.temperature') }}</span> - <component :is="iconChevronUp" class="icon-expand" /> - </b-button> - <b-collapse id="toggle-collapse_1" class="nav-item__nav"> - <!-- Temperature Limit Inputs --> - <div class="limit-container"> - <div class="trmperature-limt"> - <img src="@/assets/images/labels/non-normal.svg" /> - <span class="semi-bold-12px">{{ - $t('tablesDescription.nonNormalMode') - }}</span> - <b-form-input - v-model="temperatureNonNormalInput" - type="number" - :min="0" - :max="temperatureCriticalInput" - class="form-control medium-12px" - > - </b-form-input> - </div> - <div class="trmperature-limt"> - <img src="@/assets/images/labels/critical.svg" /> - <span class="semi-bold-12px">{{ - $t('tablesDescription.criticalMode') - }}</span> - <b-form-input - v-model="temperatureCriticalInput" - type="number" - :min="temperatureNonNormalInput" - :max="temperatureWarningInput" - class="form-control medium-12px" - > - </b-form-input> - </div> - <div class="trmperature-limt"> - <img src="@/assets/images/labels/warning.svg" /> - <span class="semi-bold-12px">{{ - $t('tablesDescription.temperatureWarning') - }}</span> - <b-form-input - v-model="temperatureWarningInput" - type="number" - :min="temperatureCriticalInput" - :max="100" - class="form-control medium-12px" - > - </b-form-input> - </div> - <b-button - class="save-button" - variant="primary" - @click="updateTemperature" + <date-switch :switch-time-scale="switchTimeScale" :time-scale="timeScale" /> + <!-- Temperature Section --> + <div class="page-collapse-decorator"> + <b-button + v-b-toggle.toggle-collapse_1 + variant="link" + class="collapse-button semi-bold-16px" + > + <img src="@/assets/images/temperature-icon.svg" /> + <span class="bold-16px">{{ $t('subHeader.temperature') }}</span> + <component :is="iconChevronUp" class="icon-expand" /> + </b-button> + <b-collapse id="toggle-collapse_1" class="nav-item__nav"> + <!-- Temperature Limit Inputs --> + <div class="limit-container"> + <div class="trmperature-limt"> + <img src="@/assets/images/labels/non-normal.svg" /> + <span class="semi-bold-12px">{{ + $t('tablesDescription.nonNormalMode') + }}</span> + <b-form-input + v-model="temperatureNonNormalInput" + type="number" + :min="0" + :max="temperatureCriticalInput" + class="form-control medium-12px" > - {{ $t('global.action.save') }} - </b-button> + </b-form-input> </div> - <!-- Temperature Tables --> - <temperature-table - :time-scale="timeScale" - :warning="temperatureWarning" - :non-normal="temperatureNonNormal" - :critical-start="temperatureCritical" - /> - <accessory-table :records="accessoryData.temperatureTable" /> - </b-collapse> - </div> - <!-- Frequency Section --> - <div class="page-collapse-decorator"> - <b-button - v-b-toggle.toggle-collapse_2 - variant="link" - class="collapse-button semi-bold-16px" - > - <img src="@/assets/images/frequency-icon.svg" /> - <span class="bold-16px">{{ $t('subHeader.frequency') }}</span> - <component :is="iconChevronUp" class="icon-expand" /> - </b-button> - <b-collapse id="toggle-collapse_2" class="nav-item__nav"> - <div class="limit-container"> - <div class="frequency-limt"> - <img src="@/assets/images/labels/warning.svg" /> - <span class="semi-bold-12px">{{ - $t('tablesDescription.frequencyWarning') - }}</span> - <b-form-input - v-model="frequencyWarningInput" - :min="0" - :max="1000" - type="number" - class="form-control medium-12px" - > - </b-form-input> - </div> - <b-button - class="save-button" - variant="primary" - @click="updateFrequency" + <div class="trmperature-limt"> + <img src="@/assets/images/labels/critical.svg" /> + <span class="semi-bold-12px">{{ + $t('tablesDescription.criticalMode') + }}</span> + <b-form-input + v-model="temperatureCriticalInput" + type="number" + :min="temperatureNonNormalInput" + :max="temperatureWarningInput" + class="form-control medium-12px" > - {{ $t('global.action.save') }} - </b-button> + </b-form-input> </div> - <!-- Frequency Table --> - <frequency-table - :time-scale="timeScale" - :warning="frequencyWarning" - /> - <accessory-table :records="accessoryData.frequencyTable" /> - <!-- <frequency-table /> --> - </b-collapse> - </div> - <!-- Power Consumption Section --> - <div class="page-collapse-decorator"> - <b-button - v-b-toggle.toggle-collapse_3 - variant="link" - class="collapse-button semi-bold-16px" - > - <img src="@/assets/images/power-icon.svg" /> - <span class="bold-16px">{{ $t('subHeader.powerConsumption') }}</span> - <component :is="iconChevronUp" class="icon-expand" /> - </b-button> - <b-collapse id="toggle-collapse_3" class="nav-item__nav"> - <div class="limit-container"> - <div class="frequency-limt"> - <img src="@/assets/images/labels/warning.svg" /> - <span class="semi-bold-12px">{{ - $t('tablesDescription.powerWarning') - }}</span> - <b-form-input - v-model="powerWarningInput" - type="number" - :min="0" - :max="100" - class="form-control medium-12px" - > - </b-form-input> - </div> - <div class="frequency-limt"> - <img src="@/assets/images/labels/shutdown.svg" /> - <span class="semi-bold-12px">{{ - $t('tablesDescription.powerShutdown') - }}</span> - <b-form-input - v-model="powerShutdownInput" - type="number" - :min="0" - :max="100" - class="form-control medium-12px" - > - </b-form-input> - </div> - <b-button - class="save-button" - variant="primary" - @click="updatePower" + <div class="trmperature-limt"> + <img src="@/assets/images/labels/warning.svg" /> + <span class="semi-bold-12px">{{ + $t('tablesDescription.temperatureWarning') + }}</span> + <b-form-input + v-model="temperatureWarningInput" + type="number" + :min="temperatureCriticalInput" + :max="100" + class="form-control medium-12px" > - {{ $t('global.action.save') }} - </b-button> + </b-form-input> </div> - <!-- Power Consumption Table --> - <power-table - :time-scale="timeScale" - :warning="powerWarning" - :shutdown="powerShutdown" - /> - <!-- <power-table /> --> - <accessory-table :records="accessoryData.powerTable" /> - </b-collapse> - </div> - <!-- <page-section class="bootstrap-table__section"> </page-section> --> + <b-button + class="save-button" + variant="primary" + @click="updateTemperature" + > + {{ $t('global.action.save') }} + </b-button> + </div> + <!-- Temperature Tables --> + <temperature-table + :time-scale="timeScale" + :warning="temperatureWarning" + :non-normal="temperatureNonNormal" + :critical-start="temperatureCritical" + /> + <accessory-table :records="accessoryData.temperatureTable" /> + </b-collapse> + </div> + <!-- Frequency Section --> + <div class="page-collapse-decorator"> + <b-button + v-b-toggle.toggle-collapse_2 + variant="link" + class="collapse-button semi-bold-16px" + > + <img src="@/assets/images/frequency-icon.svg" /> + <span class="bold-16px">{{ $t('subHeader.frequency') }}</span> + <component :is="iconChevronUp" class="icon-expand" /> + </b-button> + <b-collapse id="toggle-collapse_2" class="nav-item__nav"> + <div class="limit-container"> + <div class="frequency-limt"> + <img src="@/assets/images/labels/warning.svg" /> + <span class="semi-bold-12px">{{ + $t('tablesDescription.frequencyWarning') + }}</span> + <b-form-input + v-model="frequencyWarningInput" + :min="0" + :max="1000" + type="number" + class="form-control medium-12px" + > + </b-form-input> + </div> + <b-button + class="save-button" + variant="primary" + @click="updateFrequency" + > + {{ $t('global.action.save') }} + </b-button> + </div> + <!-- Frequency Table --> + <frequency-table :time-scale="timeScale" :warning="frequencyWarning" /> + <accessory-table :records="accessoryData.frequencyTable" /> + <!-- <frequency-table /> --> + </b-collapse> + </div> + <!-- Power Consumption Section --> + <div class="page-collapse-decorator"> + <b-button + v-b-toggle.toggle-collapse_3 + variant="link" + class="collapse-button semi-bold-16px" + > + <img src="@/assets/images/power-icon.svg" /> + <span class="bold-16px">{{ $t('subHeader.powerConsumption') }}</span> + <component :is="iconChevronUp" class="icon-expand" /> + </b-button> + <b-collapse id="toggle-collapse_3" class="nav-item__nav"> + <div class="limit-container"> + <div class="frequency-limt"> + <img src="@/assets/images/labels/warning.svg" /> + <span class="semi-bold-12px">{{ + $t('tablesDescription.powerWarning') + }}</span> + <b-form-input + v-model="powerWarningInput" + type="number" + :min="0" + :max="100" + class="form-control medium-12px" + > + </b-form-input> + </div> + <div class="frequency-limt"> + <img src="@/assets/images/labels/shutdown.svg" /> + <span class="semi-bold-12px">{{ + $t('tablesDescription.powerShutdown') + }}</span> + <b-form-input + v-model="powerShutdownInput" + type="number" + :min="0" + :max="100" + class="form-control medium-12px" + > + </b-form-input> + </div> + <b-button class="save-button" variant="primary" @click="updatePower"> + {{ $t('global.action.save') }} + </b-button> + </div> + <!-- Power Consumption Table --> + <power-table + :time-scale="timeScale" + :warning="powerWarning" + :shutdown="powerShutdown" + /> + <!-- <power-table /> --> + <accessory-table :records="accessoryData.powerTable" /> + </b-collapse> </div> + <!-- <page-section class="bootstrap-table__section"> </page-section> --> </b-container> </template> <script> diff --git a/src/views/Processors/Specification/ProcessorsSpecificationPage.vue b/src/views/Processors/Specification/ProcessorsSpecificationPage.vue index 7baa7e67..a717fdcf 100644 --- a/src/views/Processors/Specification/ProcessorsSpecificationPage.vue +++ b/src/views/Processors/Specification/ProcessorsSpecificationPage.vue @@ -4,77 +4,72 @@ fluid="xxl pt-0 m-0" > <page-title /> - <div class="main-container"> - <page-section class="bootstrap-table__section"> - <span class="bold-16px">{{ - $t('pageInventory.installedProcessors') - }}</span> - <!-- Processors Specification Table --> - <div class="capability-info"> - <b-row> - <b-col class="mt-0 mb-2 p-0 bold-12px__caps"> - {{ $t('pageInventory.table.processorCapabilityInfo') }} - </b-col> - </b-row> - <b-row> - <b-col class="mt-2 p-0" sm="3" xl="3"> - <dl class="light-12px"> - <dd class="attrib-names"> - {{ $t('global.table.attributes') }} - </dd> - <dd>{{ 'Многопоточность' }}</dd> - <dd>{{ 'Виртуализация' }}</dd> - <dd>{{ 'Турбо режим' }}</dd> - </dl> - </b-col> - <b-col class="mt-2 p-0" sm="3" xl="3"> - <dl class="light-12px"> - <dd class="attrib-names">{{ 'Состояние присутсвия' }}</dd> - <dd - v-for="item in processors[0].presence_status" - :key="item.presence_status" + <page-section class="bootstrap-table__section"> + <span class="bold-16px">{{ + $t('pageInventory.installedProcessors') + }}</span> + <!-- Processors Specification Table --> + <div class="capability-info"> + <b-row> + <b-col class="mt-0 mb-2 p-0 bold-12px__caps"> + {{ $t('pageInventory.table.processorCapabilityInfo') }} + </b-col> + </b-row> + <b-row> + <b-col class="mt-2 p-0" sm="3" xl="3"> + <dl class="light-12px"> + <dd class="attrib-names"> + {{ $t('global.table.attributes') }} + </dd> + <dd>{{ 'Многопоточность' }}</dd> + <dd>{{ 'Виртуализация' }}</dd> + <dd>{{ 'Турбо режим' }}</dd> + </dl> + </b-col> + <b-col class="mt-2 p-0" sm="3" xl="3"> + <dl class="light-12px"> + <dd class="attrib-names">{{ 'Состояние присутсвия' }}</dd> + <dd + v-for="item in processors[0].presence_status" + :key="item.presence_status" + > + {{ item }} + </dd> + </dl> + </b-col> + <b-col class="mt-2 p-0" sm="3" xl="3"> + <dl class="light-12px"> + <!-- Status state --> + <dd class="attrib-names">{{ 'Включен' }}</dd> + <dd> + <b-form-checkbox + v-model="processors[0].statuses.multithreading" + switch > - {{ item }} - </dd> - </dl> - </b-col> - <b-col class="mt-2 p-0" sm="3" xl="3"> - <dl class="light-12px"> - <!-- Status state --> - <dd class="attrib-names">{{ 'Включен' }}</dd> - <dd> - <b-form-checkbox - v-model="processors[0].statuses.multithreading" - switch - > - </b-form-checkbox> - </dd> - <dd> - <b-form-checkbox - v-model="processors[0].statuses.virtualization" - switch - > - </b-form-checkbox> - </dd> - <dd> - <b-form-checkbox - v-model="processors[0].statuses.turbo" - switch - > - </b-form-checkbox> - </dd> - </dl> - </b-col> - </b-row> - </div> - <processors-specification-table /> - <span class="bold-16px">{{ - $t('pageInventory.installedAccelerator') - }}</span> - <!-- Accelerators Specification Table --> - <accelerator-specification-table /> - </page-section> - </div> + </b-form-checkbox> + </dd> + <dd> + <b-form-checkbox + v-model="processors[0].statuses.virtualization" + switch + > + </b-form-checkbox> + </dd> + <dd> + <b-form-checkbox v-model="processors[0].statuses.turbo" switch> + </b-form-checkbox> + </dd> + </dl> + </b-col> + </b-row> + </div> + <processors-specification-table /> + <span class="bold-16px">{{ + $t('pageInventory.installedAccelerator') + }}</span> + <!-- Accelerators Specification Table --> + <accelerator-specification-table /> + </page-section> </b-container> </template> |