Add styling classes for status line state.
This commit is contained in:
parent
b92e282ad7
commit
3c1bead9a0
|
@ -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;
|
||||
|
|
|
@ -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 */
|
||||
|
|
12
vnc.js
12
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') {
|
||||
|
|
Loading…
Reference in New Issue