From 3c1bead9a0d2c1e7427f6ab1815df7f009e595ab Mon Sep 17 00:00:00 2001
From: Joel Martin <github@martintribe.org>
Date: Sun, 16 May 2010 19:58:51 -0500
Subject: [PATCH] Add styling classes for status line state.

---
 include/black.css |  9 +++++++++
 include/plain.css |  9 +++++++++
 vnc.js            | 12 ++++++------
 3 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/include/black.css b/include/black.css
index 32cc2c8b..b5b939ec 100644
--- a/include/black.css
+++ b/include/black.css
@@ -50,6 +50,15 @@ body {
   font-weight: bold;
   text-align: center;
 }
+.VNC_status_normal {
+  color: #fff;
+}
+.VNC_status_error {
+  color: #f44;
+}
+.VNC_status_warn {
+  color: #ff4;
+}
 #VNC_screen {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
diff --git a/include/plain.css b/include/plain.css
index e4782139..56394996 100644
--- a/include/plain.css
+++ b/include/plain.css
@@ -29,8 +29,17 @@
 #VNC_status {
     margin-top: 15px;
     text-align: center;
+    /*background: #eee;*/
+}
+.VNC_status_normal {
     background: #eee;
 }
+.VNC_status_error {
+    background: #f44;
+}
+.VNC_status_warn {
+    background: #ff4;
+}
 
 /* Do not set width/height for VNC_screen or VNC_canvas or incorrect
  * scaling will occur. Canvas resizes to remote VNC settings */
diff --git a/vnc.js b/vnc.js
index c4c1a95e..f333f9da 100644
--- a/vnc.js
+++ b/vnc.js
@@ -1004,7 +1004,7 @@ clipboardClear: function () {
 },
 
 updateState: function(state, statusMsg) {
-    var s, c, func, color, cmsg;
+    var s, c, func, klass, cmsg;
     s = RFB.statusLine;
     c = RFB.connectBtn;
     func = function(msg) { console.log(msg); };
@@ -1012,25 +1012,25 @@ updateState: function(state, statusMsg) {
         case 'failed':
             func = function(msg) { console.error(msg); };
             c.disabled = true;
-            color = "#880000";
+            klass = "error";
             break;
         case 'normal':
             c.value = "Disconnect";
             c.onclick = RFB.disconnect;
             c.disabled = false;
-            color = "#000000";
+            klass = "normal";
             break;
         case 'disconnected':
             c.value = "Connect";
             c.onclick = function () { RFB.connect(); };
 
             c.disabled = false;
-            color = "#000000";
+            klass = "normal";
             break;
         default:
             func = function(msg) { console.warn(msg); };
             c.disabled = true;
-            color = "#444400";
+            klass = "warn";
             break;
     }
 
@@ -1041,7 +1041,7 @@ updateState: function(state, statusMsg) {
     }
 
     RFB.state = state;
-    s.style.color = color;
+    s.setAttribute("class", "VNC_status_" + klass);
     cmsg = typeof(statusMsg) !== 'undefined' ? (" Msg: " + statusMsg) : "";
     func("New state '" + state + "'." + cmsg);
     if (typeof(statusMsg) !== 'undefined') {