From 1b8d6d756c9dff14d3dd8298ecae7d6fe73192e5 Mon Sep 17 00:00:00 2001
From: Maksim Zakharov <m.zakharov@IBS.RU>
Date: Mon, 6 Jun 2022 18:39:19 +0300
Subject: Delete main-container, add global scroll to pages, add global style
 for logs.

---
 .../ServerPowerOperations.vue                      | 342 ++++++++++-----------
 1 file changed, 170 insertions(+), 172 deletions(-)

(limited to 'src/views/Operations/ServerPowerOperations/ServerPowerOperations.vue')

diff --git a/src/views/Operations/ServerPowerOperations/ServerPowerOperations.vue b/src/views/Operations/ServerPowerOperations/ServerPowerOperations.vue
index f2fb62e2a..a394a77f9 100644
--- a/src/views/Operations/ServerPowerOperations/ServerPowerOperations.vue
+++ b/src/views/Operations/ServerPowerOperations/ServerPowerOperations.vue
@@ -1,192 +1,190 @@
 <template>
   <b-container fluid="xxl pt-0 m-0">
     <page-title />
-    <div class="main-container">
-      <b-row class="m-2">
-        <b-col md="8" xl="6">
-          <page-section class="m-2 pt-2 pb-2">
-            <b-row>
-              <b-col>
-                <dl>
-                  <dt class="semi-bold-16px">
-                    {{ $t('pageServerPowerOperations.serverStatus') }}
-                  </dt>
-                  <dd
-                    v-if="serverStatus === 'on'"
-                    style="margin-top: 10px"
-                    class="regular-12px"
-                    data-test-id="powerServerOps-text-hostStatus"
-                  >
-                    <img
-                      style="margin-right: 5px"
-                      src="@/assets/images/status/on.svg"
-                    />
-                    {{ $t('global.status.on_full') }}
-                  </dd>
-                  <dd
-                    v-else-if="serverStatus === 'off'"
-                    style="margin-top: 10px"
-                    class="regular-12px"
-                    data-test-id="powerServerOps-text-hostStatus"
-                  >
-                    <img
-                      style="margin-right: 5px"
-                      src="@/assets/images/status/off.svg"
-                    />
-                    {{ $t('global.status.off_full') }}
-                  </dd>
-                  <dd v-else class="regular-12px">
-                    {{ $t('global.status.notAvailable') }}
-                  </dd>
-                </dl>
-              </b-col>
-            </b-row>
-            <b-row>
-              <b-col>
-                <dl>
-                  <dt class="semi-bold-12px">
-                    {{ $t('pageServerPowerOperations.lastPowerOperation') }}
-                  </dt>
-                  <dd
-                    v-if="lastPowerOperationTime"
-                    class="regular-12px"
-                    data-test-id="powerServerOps-text-lastPowerOp"
-                  >
-                    {{ lastPowerOperationTime | formatDate }}
-                    {{ lastPowerOperationTime | formatTime }}
-                  </dd>
-                  <dd v-else>--</dd>
-                </dl>
-              </b-col>
-            </b-row>
-          </page-section>
-        </b-col>
-      </b-row>
-      <b-row class="m-2">
-        <b-col sm="8" md="6" xl="7">
-          <page-section class="m-2">
-            <b-row class="ml-0 mb-3">
-              <span class="semi-bold-16px">{{ 'Управление' }}</span>
-            </b-row>
-            <alert :show="oneTimeBootEnabled" variant="warning">
-              {{ $t('pageServerPowerOperations.oneTimeBootWarning') }}
+    <b-row class="m-2">
+      <b-col md="8" xl="6">
+        <page-section class="m-2 pt-2 pb-2">
+          <b-row>
+            <b-col>
+              <dl>
+                <dt class="semi-bold-16px">
+                  {{ $t('pageServerPowerOperations.serverStatus') }}
+                </dt>
+                <dd
+                  v-if="serverStatus === 'on'"
+                  style="margin-top: 10px"
+                  class="regular-12px"
+                  data-test-id="powerServerOps-text-hostStatus"
+                >
+                  <img
+                    style="margin-right: 5px"
+                    src="@/assets/images/status/on.svg"
+                  />
+                  {{ $t('global.status.on_full') }}
+                </dd>
+                <dd
+                  v-else-if="serverStatus === 'off'"
+                  style="margin-top: 10px"
+                  class="regular-12px"
+                  data-test-id="powerServerOps-text-hostStatus"
+                >
+                  <img
+                    style="margin-right: 5px"
+                    src="@/assets/images/status/off.svg"
+                  />
+                  {{ $t('global.status.off_full') }}
+                </dd>
+                <dd v-else class="regular-12px">
+                  {{ $t('global.status.notAvailable') }}
+                </dd>
+              </dl>
+            </b-col>
+          </b-row>
+          <b-row>
+            <b-col>
+              <dl>
+                <dt class="semi-bold-12px">
+                  {{ $t('pageServerPowerOperations.lastPowerOperation') }}
+                </dt>
+                <dd
+                  v-if="lastPowerOperationTime"
+                  class="regular-12px"
+                  data-test-id="powerServerOps-text-lastPowerOp"
+                >
+                  {{ lastPowerOperationTime | formatDate }}
+                  {{ lastPowerOperationTime | formatTime }}
+                </dd>
+                <dd v-else>--</dd>
+              </dl>
+            </b-col>
+          </b-row>
+        </page-section>
+      </b-col>
+    </b-row>
+    <b-row class="m-2">
+      <b-col sm="8" md="6" xl="7">
+        <page-section class="m-2">
+          <b-row class="ml-0 mb-3">
+            <span class="semi-bold-16px">{{ 'Управление' }}</span>
+          </b-row>
+          <alert :show="oneTimeBootEnabled" variant="warning">
+            {{ $t('pageServerPowerOperations.oneTimeBootWarning') }}
+          </alert>
+          <template v-if="isOperationInProgress">
+            <alert variant="info">
+              {{ $t('pageServerPowerOperations.operationInProgress') }}
             </alert>
-            <template v-if="isOperationInProgress">
-              <alert variant="info">
-                {{ $t('pageServerPowerOperations.operationInProgress') }}
-              </alert>
-            </template>
-            <template v-else-if="serverStatus === 'off'">
-              <popover-with-slot
+          </template>
+          <template v-else-if="serverStatus === 'off'">
+            <popover-with-slot
+              id="popover-powerOn"
+              :button-label="$t('pageServerPowerOperations.powerOn')"
+              :popup-label="$t('pageServerPowerOperations.powerOnServer')"
+              placement="right"
+              :action="powerOn"
+            >
+              <b-button
                 id="popover-powerOn"
-                :button-label="$t('pageServerPowerOperations.powerOn')"
-                :popup-label="$t('pageServerPowerOperations.powerOnServer')"
+                ref="button"
+                size="md"
+                variant="primary"
+              >
+                {{ $t('pageServerPowerOperations.powerOn') }}
+              </b-button>
+            </popover-with-slot>
+          </template>
+          <template v-else>
+            <!-- Reboot server options -->
+            <b-form novalidate class="mb-2">
+              <b-form-group class="regular-12px cb">
+                <label class="semi-bold-12px">{{
+                  $t('pageServerPowerOperations.rebootServer')
+                }}</label>
+                <b-form-radio
+                  v-model="form.rebootOption"
+                  name="reboot-option"
+                  data-test-id="serverPowerOperations-radio-rebootOrderly"
+                  value="orderly"
+                >
+                  {{ $t('pageServerPowerOperations.orderlyReboot') }}
+                </b-form-radio>
+                <b-form-radio
+                  v-model="form.rebootOption"
+                  name="reboot-option"
+                  data-test-id="serverPowerOperations-radio-rebootImmediate"
+                  value="immediate"
+                >
+                  {{ $t('pageServerPowerOperations.immediateReboot') }}
+                </b-form-radio>
+              </b-form-group>
+              <popover-with-slot
+                id="popover-reboot"
+                :button-label="$t('pageServerPowerOperations.reboot')"
+                :popup-label="$t('pageServerPowerOperations.rebootServer')"
                 placement="right"
-                :action="powerOn"
+                :action="rebootServer"
               >
                 <b-button
-                  id="popover-powerOn"
+                  id="popover-reboot"
                   ref="button"
                   size="md"
                   variant="primary"
                 >
-                  {{ $t('pageServerPowerOperations.powerOn') }}
+                  {{ $t('pageServerPowerOperations.reboot') }}
                 </b-button>
               </popover-with-slot>
-            </template>
-            <template v-else>
-              <!-- Reboot server options -->
-              <b-form novalidate class="mb-2">
-                <b-form-group class="regular-12px cb">
-                  <label class="semi-bold-12px">{{
-                    $t('pageServerPowerOperations.rebootServer')
-                  }}</label>
-                  <b-form-radio
-                    v-model="form.rebootOption"
-                    name="reboot-option"
-                    data-test-id="serverPowerOperations-radio-rebootOrderly"
-                    value="orderly"
-                  >
-                    {{ $t('pageServerPowerOperations.orderlyReboot') }}
-                  </b-form-radio>
-                  <b-form-radio
-                    v-model="form.rebootOption"
-                    name="reboot-option"
-                    data-test-id="serverPowerOperations-radio-rebootImmediate"
-                    value="immediate"
-                  >
-                    {{ $t('pageServerPowerOperations.immediateReboot') }}
-                  </b-form-radio>
-                </b-form-group>
-                <popover-with-slot
-                  id="popover-reboot"
-                  :button-label="$t('pageServerPowerOperations.reboot')"
-                  :popup-label="$t('pageServerPowerOperations.rebootServer')"
-                  placement="right"
-                  :action="rebootServer"
+            </b-form>
+            <!-- Shutdown server options -->
+            <b-form>
+              <b-form-group class="regular-12px cb">
+                <label class="semi-bold-12px">{{
+                  $t('pageServerPowerOperations.shutdownServer')
+                }}</label>
+                <b-form-radio
+                  v-model="form.shutdownOption"
+                  name="shutdown-option"
+                  data-test-id="serverPowerOperations-radio-shutdownOrderly"
+                  value="orderly"
                 >
-                  <b-button
-                    id="popover-reboot"
-                    ref="button"
-                    size="md"
-                    variant="primary"
-                  >
-                    {{ $t('pageServerPowerOperations.reboot') }}
-                  </b-button>
-                </popover-with-slot>
-              </b-form>
-              <!-- Shutdown server options -->
-              <b-form>
-                <b-form-group class="regular-12px cb">
-                  <label class="semi-bold-12px">{{
-                    $t('pageServerPowerOperations.shutdownServer')
-                  }}</label>
-                  <b-form-radio
-                    v-model="form.shutdownOption"
-                    name="shutdown-option"
-                    data-test-id="serverPowerOperations-radio-shutdownOrderly"
-                    value="orderly"
-                  >
-                    {{ $t('pageServerPowerOperations.orderlyShutdown') }}
-                  </b-form-radio>
-                  <b-form-radio
-                    v-model="form.shutdownOption"
-                    name="shutdown-option"
-                    data-test-id="serverPowerOperations-radio-shutdownImmediate"
-                    value="immediate"
-                  >
-                    {{ $t('pageServerPowerOperations.immediateShutdown') }}
-                  </b-form-radio>
-                </b-form-group>
-                <popover-with-slot
+                  {{ $t('pageServerPowerOperations.orderlyShutdown') }}
+                </b-form-radio>
+                <b-form-radio
+                  v-model="form.shutdownOption"
+                  name="shutdown-option"
+                  data-test-id="serverPowerOperations-radio-shutdownImmediate"
+                  value="immediate"
+                >
+                  {{ $t('pageServerPowerOperations.immediateShutdown') }}
+                </b-form-radio>
+              </b-form-group>
+              <popover-with-slot
+                id="popover-shutDown"
+                :button-label="$t('pageServerPowerOperations.shutDown')"
+                :popup-label="$t('pageServerPowerOperations.shutdownServer')"
+                placement="right"
+                :action="shutdownServer"
+              >
+                <b-button
                   id="popover-shutDown"
-                  :button-label="$t('pageServerPowerOperations.shutDown')"
-                  :popup-label="$t('pageServerPowerOperations.shutdownServer')"
-                  placement="right"
-                  :action="shutdownServer"
+                  ref="button"
+                  size="md"
+                  variant="secondary"
                 >
-                  <b-button
-                    id="popover-shutDown"
-                    ref="button"
-                    size="md"
-                    variant="secondary"
-                  >
-                    {{ $t('pageServerPowerOperations.shutDown') }}
-                  </b-button>
-                </popover-with-slot>
-              </b-form>
-            </template>
-          </page-section>
-        </b-col>
-      </b-row>
-      <b-row>
-        <b-col v-if="hasBootSourceOptions" class="m-2" sm="8" md="6" xl="4">
-          <page-section class="m-2">
-            <boot-settings />
-          </page-section>
-        </b-col>
-      </b-row>
-    </div>
+                  {{ $t('pageServerPowerOperations.shutDown') }}
+                </b-button>
+              </popover-with-slot>
+            </b-form>
+          </template>
+        </page-section>
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col v-if="hasBootSourceOptions" class="m-2" sm="8" md="6" xl="4">
+        <page-section class="m-2">
+          <boot-settings />
+        </page-section>
+      </b-col>
+    </b-row>
   </b-container>
 </template>
 
-- 
cgit v1.2.3