From ad8438bbe5a42d16526d7d94162baaf466e7f744 Mon Sep 17 00:00:00 2001
From: SurenNeware <sneware9@in.ibm.com>
Date: Thu, 20 Aug 2020 18:32:28 +0530
Subject: 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
---
 .../ServerPowerOperations/ServerPowerOperations.vue     | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue b/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue
index 0db01298..32b2ea86 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 {
-- 
cgit v1.2.3