summaryrefslogtreecommitdiff
path: root/src/views/Operations/ServerPowerOperations/ServerPowerOperations.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/views/Operations/ServerPowerOperations/ServerPowerOperations.vue')
-rw-r--r--src/views/Operations/ServerPowerOperations/ServerPowerOperations.vue342
1 files changed, 170 insertions, 172 deletions
diff --git a/src/views/Operations/ServerPowerOperations/ServerPowerOperations.vue b/src/views/Operations/ServerPowerOperations/ServerPowerOperations.vue
index f2fb62e2..a394a77f 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>
generated by cgit v1.2.3 (git 2.39.0) at 2024-06-26 19:37:29 +0300