Add depend: highcarts. Pages: power, analytical motherboard, memory, fans, event logs, Fix styles, add global components.

1 files changed, 94 insertions, 18 deletions

diff --git a/src/views/Operations/ConsoleSettings/ConsoleSettings.vue b/src/views/Operations/ConsoleSettings/ConsoleSettings.vue
index bd95fa46..21b3ead9 100644
--- a/src/views/Operations/ConsoleSettings/ConsoleSettings.vue
+++ b/src/views/Operations/ConsoleSettings/ConsoleSettings.vue
@@ -4,20 +4,63 @@
     fluid="xxl pt-0 m-0"
   >
     <page-title />
-    <!-- BMC table -->
-    <div class="main-container">
-      <page-section class="bootstrap-table__section">
-        <b-table
-          responsive="md"
-          show-empty
-          class="bootstrap-rounded-table"
-          :items="systems"
-          :fields="fields"
-          :empty-text="$t('global.table.emptyMessage')"
-        >
-        </b-table>
-      </page-section>
-    </div>
+    <page-section class="bootstrap-table__section">
+      <b-table
+        responsive="md"
+        show-empty
+        class="bootstrap-rounded-table"
+        :items="systems"
+        :fields="fields"
+        :empty-text="$t('global.table.emptyMessage')"
+      >
+        <template #cell(value)="data">
+          <b-row v-if="typeof data.value === 'boolean'">
+            <b-col>
+              <span v-if="systems[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="systems[data.index].value" switch>
+              </b-form-checkbox>
+            </b-col>
+          </b-row>
+          <b-row
+            v-else-if="data.index === 1 || data.index === 6 || data.index === 8"
+          >
+            <b-col>
+              <span>
+                {{ data.value }}
+              </span>
+            </b-col>
+            <b-col>
+              <img :is="iconChevron" class="icon-chevron" />
+            </b-col>
+          </b-row>
+          <b-row v-else-if="data.index === 3">
+            <b-col>
+              <span>
+                {{ data.value }}
+              </span>
+            </b-col>
+            <b-col>
+              <img src="@/assets/images/icon-edit.svg" class="icon-chevron" />
+            </b-col>
+          </b-row>
+          <b-row v-else>
+            <span>{{ data.value }}</span></b-row
+          >
+        </template>
+      </b-table>
+      <div class="save-button">
+        <b-button variant="primary" class="console-settings__save-button">
+          {{ $t('global.action.saveChanges') }}
+        </b-button>
+      </div>
+    </page-section>
   </b-container>
 </template>
 
@@ -31,6 +74,7 @@ import BVToastMixin from '@/components/Mixins/BVToastMixin';
 import TableRowExpandMixin, {
   expandRowLabel,
 } from '@/components/Mixins/TableRowExpandMixin';
+import iconChevron from '@carbon/icons-vue/es/chevron--down/16';
 
 export default {
   components: {
@@ -63,14 +107,15 @@ export default {
           tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
       ],
+      iconChevron,
       expandRowLabel: expandRowLabel,
       systems: [
-        { attributes: 'Включена', value: 'Включено' },
+        { attributes: 'Состояние', value: true },
         { attributes: 'Максимальное количество сеансов', value: '6' },
         { attributes: 'Активные сеансы', value: '0' },
         { attributes: 'Порт удаленного доступа', value: '5900' },
-        { attributes: 'Статус шифрования видео', value: 'Включено' },
-        { attributes: 'Видео с локального сервера', value: 'Включено' },
+        { attributes: 'Статус шифрования видео', value: true },
+        { attributes: 'Видео с локального сервера', value: true },
         {
           attributes:
             'Действие по умолчанию при истечении времени ожидания запроса на общий доступ к сеансу',
@@ -78,7 +123,7 @@ export default {
         },
         {
           attributes: 'Автоматическая блокировка системы',
-          value: 'Не включено',
+          value: false,
         },
         {
           attributes: 'Состояние подключения клавиатуры/мыши',
@@ -95,3 +140,34 @@ export default {
   width: 30%;
 }
 </style>
+<style lang="scss" scoped>
+.row {
+  margin: 0px;
+  height: 15px;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.col {
+  padding: 0;
+}
+
+.icon-chevron {
+  margin: 0 0 0 85%;
+  cursor: pointer;
+}
+
+.save-button {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.console-settings__save-button {
+  width: 241px;
+  height: 36px;
+  margin-right: 0.5rem;
+}
+
+.bootstrap-table__section {
+  width: auto;
+}
+</style>