From 1d9257e5a355bbc0540b70ab2b2d9a17dea6d986 Mon Sep 17 00:00:00 2001
From: Nikhil Ashoka <a.nikhil@ibm.com>
Date: Mon, 31 Jan 2022 14:06:37 +0530
Subject: Update SOL console page alert message

- if the status of the SOL console is disconnected, an
alert message will be displays that System must be
powered on to connect

Signed-off-by: Nikhil Ashoka <a.nikhil@ibm.com>
Change-Id: I4cdf99954f3a4e129404facf2992dadf63e62f70
---
 src/locales/en-US.json                                   |  3 +++
 .../Operations/SerialOverLan/SerialOverLanConsole.vue    | 16 ++++++++++++++++
 2 files changed, 19 insertions(+)

diff --git a/src/locales/en-US.json b/src/locales/en-US.json
index d10763ed..b7640995 100644
--- a/src/locales/en-US.json
+++ b/src/locales/en-US.json
@@ -812,6 +812,9 @@
     }
   },
   "pageSerialOverLan": {
+    "alert": {
+      "disconnectedAlertMessage" : "System must be powered on to connect"
+    },
     "connected": "Connected",
     "disconnected": "Disconnected",
     "openNewTab": "Open in new tab",
diff --git a/src/views/Operations/SerialOverLan/SerialOverLanConsole.vue b/src/views/Operations/SerialOverLan/SerialOverLanConsole.vue
index 0bda43db..ce8549df 100644
--- a/src/views/Operations/SerialOverLan/SerialOverLanConsole.vue
+++ b/src/views/Operations/SerialOverLan/SerialOverLanConsole.vue
@@ -1,5 +1,19 @@
 <template>
   <div :class="isFullWindow ? 'full-window-container' : 'terminal-container'">
+    <b-row class="d-flex">
+      <b-col sm="4" md="6">
+        <alert
+          v-if="serverStatus === 'on' ? false : true"
+          variant="warning"
+          :small="true"
+          class="mt-4"
+        >
+          <p class="col-form-label">
+            {{ $t('pageSerialOverLan.alert.disconnectedAlertMessage') }}
+          </p>
+        </alert>
+      </b-col>
+    </b-row>
     <b-row class="d-flex">
       <b-col class="d-flex flex-column justify-content-end">
         <dl class="mb-2" sm="6" md="6">
@@ -24,6 +38,7 @@
 </template>
 
 <script>
+import Alert from '@/components/Global/Alert';
 import { AttachAddon } from 'xterm-addon-attach';
 import { FitAddon } from 'xterm-addon-fit';
 import { Terminal } from 'xterm';
@@ -34,6 +49,7 @@ import StatusIcon from '@/components/Global/StatusIcon';
 export default {
   name: 'SerialOverLanConsole',
   components: {
+    Alert,
     IconLaunch,
     StatusIcon,
   },
-- 
cgit v1.2.3