Add info type alert to the message
- Add info type alert to the message when Server power operation is in
progress.
- Changed bootstrap b-alert component to our custom alert component to
remove bootstrap dependency.
Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: Ic1c02f06303969d81f5d35914c45c5d373b73356
diff --git a/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue b/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue
index 0db0129..32b2ea8 100644
--- a/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue
+++ b/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue
@@ -51,11 +51,13 @@
<page-section
:section-title="$t('pageServerPowerOperations.operations')"
>
- <b-alert :show="oneTimeBootEnabled" variant="warning">
+ <alert :show="oneTimeBootEnabled" variant="warning">
{{ $t('pageServerPowerOperations.oneTimeBootWarning') }}
- </b-alert>
+ </alert>
<template v-if="isOperationInProgress">
- {{ $t('pageServerPowerOperations.operationInProgress') }}
+ <alert variant="info">
+ {{ $t('pageServerPowerOperations.operationInProgress') }}
+ </alert>
</template>
<template v-else-if="hostStatus === 'off'">
<b-button
@@ -135,15 +137,16 @@
</template>
<script>
-import PageTitle from '../../../components/Global/PageTitle';
-import PageSection from '../../../components/Global/PageSection';
-import BVToastMixin from '../../../components/Mixins/BVToastMixin';
+import PageTitle from '@/components/Global/PageTitle';
+import PageSection from '@/components/Global/PageSection';
+import BVToastMixin from '@/components/Mixins/BVToastMixin';
import BootSettings from './BootSettings';
import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin';
+import Alert from '@/components/Global/Alert';
export default {
name: 'ServerPowerOperations',
- components: { PageTitle, PageSection, BootSettings },
+ components: { PageTitle, PageSection, BootSettings, Alert },
mixins: [BVToastMixin, LoadingBarMixin],
data() {
return {