From 919305e75971735ff1e12ee8a9fcc22ec450243b Mon Sep 17 00:00:00 2001
From: Stephen Birarda <commit@birarda.com>
Date: Tue, 22 Dec 2015 15:46:44 -0700
Subject: [PATCH] display helper text when server stopped

---
 console/src/css/style.less | 7 +++++++
 console/src/index.html     | 3 +++
 console/src/index.js       | 7 +++++++
 3 files changed, 17 insertions(+)

diff --git a/console/src/css/style.less b/console/src/css/style.less
index 9260680fbb..64c202482b 100644
--- a/console/src/css/style.less
+++ b/console/src/css/style.less
@@ -203,6 +203,7 @@ header {
                 margin-left: @title-margin-left;
 
                 #go-server-button {
+                    float: left;
                     box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
                     cursor: pointer;
                     border: none;
@@ -220,6 +221,12 @@ header {
                         width: 50px;
                     }
                 }
+
+                #server-stopped-text {
+                    float: left;
+                    margin: 20px 0px 0px 20px;
+                    color: red;
+                }
             }
         }
     }
diff --git a/console/src/index.html b/console/src/index.html
index 990adb3285..8a54567c14 100644
--- a/console/src/index.html
+++ b/console/src/index.html
@@ -76,6 +76,9 @@
                     <button id="go-server-button">
                         <img src="images/go-hmd.svg" />
                     </button>
+                    <div id="server-stopped-text">
+                        <span>Server stopped<br>Click "Restart"</span>
+                    </div>
                 </div>
             </div>
             <div id="manage-server">
diff --git a/console/src/index.js b/console/src/index.js
index 2eba4ba1c7..6da2986a0f 100755
--- a/console/src/index.js
+++ b/console/src/index.js
@@ -56,6 +56,7 @@ $(function() {
         var sendingGroup = arg;
         var stopButton = $('#manage-server #stop');
         var goButton = $('#go-server-button');
+        var serverStopped = $('#server-stopped-text');
 
         switch (sendingGroup.state) {
             case HFProcess.ProcessGroupStates.STOPPED:
@@ -66,6 +67,9 @@ $(function() {
                 // disable the go button
                 goButton.addClass('disabled');
 
+                // show the server stopped text
+                serverStopped.show();
+
                 break;
             case HFProcess.ProcessGroupStates.STARTED:
                 // if the process group is going, the stop button should be active
@@ -74,6 +78,9 @@ $(function() {
                 // enable the go button
                 goButton.removeClass('disabled');
 
+                // hide the server stopped text
+                serverStopped.hide();
+
                 break;
         }
     }