mirror of
https://github.com/mofeng-git/One-KVM.git
synced 2025-12-12 09:10:30 +08:00
web: process default states
This commit is contained in:
Devaev Maxim
parent
a57e5cdaa9
commit
4f901d2f78
@ -15,17 +15,12 @@ function Atx() {
|
||||
/********************************************************************************/
|
||||
|
||||
self.setState = function(state) {
|
||||
$("atx-power-led").className = (state.leds.power ? "led-green" : "led-gray");
|
||||
$("atx-hdd-led").className = (state.leds.hdd ? "led-red" : "led-gray");
|
||||
$("atx-power-led").className = ((state && state.leds.power) ? "led-green" : "led-gray");
|
||||
$("atx-hdd-led").className = ((state && state.leds.hdd) ? "led-red" : "led-gray");
|
||||
|
||||
wm.switchDisabled($("atx-power-button"), state.busy);
|
||||
wm.switchDisabled($("atx-power-button-long"), state.busy);
|
||||
wm.switchDisabled($("atx-reset-button"), state.busy);
|
||||
};
|
||||
|
||||
self.clearState = function() {
|
||||
$("atx-power-led").className = "led-gray";
|
||||
$("atx-hdd-led").className = "led-gray";
|
||||
wm.switchDisabled($("atx-power-button"), (!state || state.busy));
|
||||
wm.switchDisabled($("atx-power-button-long"), (!state || state.busy));
|
||||
wm.switchDisabled($("atx-reset-button"), (!state || state.busy));
|
||||
};
|
||||
|
||||
var __clickButton = function(button, confirm_msg) {
|
||||
|
||||
@ -89,49 +89,75 @@ function Msd() {
|
||||
};
|
||||
|
||||
var __applyState = function() {
|
||||
if (__state.connected_to === "server") {
|
||||
$("msd-another-another-user-uploads").style.display = "none";
|
||||
$("msd-led").className = "led-green";
|
||||
$("msd-status").innerHTML = $("msd-led").title = "Connected to Server";
|
||||
$("msd-another-another-user-uploads").style.display = "none";
|
||||
} else if (__state.busy) {
|
||||
if (!__upload_http) {
|
||||
$("msd-another-another-user-uploads").style.display = "block";
|
||||
if (__state) {
|
||||
if (__state.connected_to === "server") {
|
||||
$("msd-another-another-user-uploads").style.display = "none";
|
||||
$("msd-led").className = "led-green";
|
||||
$("msd-status").innerHTML = $("msd-led").title = "Connected to Server";
|
||||
} else if (__state.busy) {
|
||||
if (!__upload_http) {
|
||||
$("msd-another-another-user-uploads").style.display = "block";
|
||||
}
|
||||
$("msd-led").className = "led-yellow-rotating-fast";
|
||||
$("msd-status").innerHTML = $("msd-led").title = "Uploading new image";
|
||||
} else {
|
||||
$("msd-another-another-user-uploads").style.display = "none";
|
||||
$("msd-led").className = "led-gray";
|
||||
if (__state.in_operate) {
|
||||
$("msd-status").innerHTML = $("msd-led").title = "Connected to KVM";
|
||||
} else {
|
||||
$("msd-status").innerHTML = $("msd-led").title = "Unavailable";
|
||||
}
|
||||
}
|
||||
$("msd-led").className = "led-yellow-rotating-fast";
|
||||
$("msd-status").innerHTML = $("msd-led").title = "Uploading new image";
|
||||
|
||||
$("msd-not-in-operate").style.display = (__state.in_operate ? "none" : "block");
|
||||
$("msd-current-image-broken").style.display = (
|
||||
__state.in_operate && __state.info.image &&
|
||||
!__state.info.image.complete && !__state.busy ? "block" : "none"
|
||||
);
|
||||
|
||||
$("msd-current-image-name").innerHTML = (__state.in_operate && __state.info.image ? __state.info.image.name : "None");
|
||||
$("msd-current-image-size").innerHTML = (__state.in_operate && __state.info.image ? __formatSize(__state.info.image.size) : "None");
|
||||
$("msd-storage-size").innerHTML = (__state.in_operate ? __formatSize(__state.info.size) : "Unavailable");
|
||||
|
||||
wm.switchDisabled($("msd-switch-to-kvm-button"), (!__state.in_operate || __state.connected_to === "kvm" || __state.busy));
|
||||
wm.switchDisabled($("msd-switch-to-server-button"), (!__state.in_operate || __state.connected_to === "server" || __state.busy));
|
||||
wm.switchDisabled($("msd-select-new-image-button"), (!__state.in_operate || __state.connected_to !== "kvm" || __state.busy || __upload_http));
|
||||
wm.switchDisabled($("msd-upload-new-image-button"), (!__state.in_operate || __state.connected_to !== "kvm" || __state.busy || !__image_file));
|
||||
wm.switchDisabled($("msd-abort-uploading-button"), (!__state.in_operate || !__upload_http));
|
||||
wm.switchDisabled($("msd-reset-button"), (!__state.in_operate || __upload_http));
|
||||
|
||||
$("msd-new-image").style.display = (__image_file ? "block" : "none");
|
||||
$("msd-progress").setAttribute("data-label", "Waiting for upload ...");
|
||||
$("msd-progress-value").style.width = "0%";
|
||||
$("msd-new-image-name").innerHTML = (__image_file ? __image_file.name : "");
|
||||
$("msd-new-image-size").innerHTML = (__image_file ? __formatSize(__image_file.size) : "");
|
||||
|
||||
} else {
|
||||
$("msd-another-another-user-uploads").style.display = "none";
|
||||
$("msd-led").className = "led-gray";
|
||||
if (__state.in_operate) {
|
||||
$("msd-status").innerHTML = $("msd-led").title = "Connected to KVM";
|
||||
} else {
|
||||
$("msd-status").innerHTML = $("msd-led").title = "Unavailable";
|
||||
}
|
||||
$("msd-status").innerHTML = "";
|
||||
$("msd-led").title = "";
|
||||
$("msd-not-in-operate").style.display = "none";
|
||||
$("msd-current-image-broken").style.display = "none";
|
||||
$("msd-current-image-name").innerHTML = "";
|
||||
$("msd-current-image-size").innerHTML = "";
|
||||
$("msd-storage-size").innerHTML = "";
|
||||
|
||||
wm.switchDisabled($("msd-switch-to-kvm-button"), true);
|
||||
wm.switchDisabled($("msd-switch-to-server-button"), true);
|
||||
wm.switchDisabled($("msd-select-new-image-button"), true);
|
||||
wm.switchDisabled($("msd-upload-new-image-button"), true);
|
||||
wm.switchDisabled($("msd-abort-uploading-button"), true);
|
||||
wm.switchDisabled($("msd-reset-button"), true);
|
||||
|
||||
$("msd-select-new-image-file").value = "";
|
||||
$("msd-new-image").style.display = "none";
|
||||
$("msd-progress").setAttribute("data-label", "");
|
||||
$("msd-progress-value").style.width = "0%";
|
||||
$("msd-new-image-name").innerHTML = "";
|
||||
$("msd-new-image-size").innerHTML = "";
|
||||
}
|
||||
|
||||
$("msd-not-in-operate").style.display = (__state.in_operate ? "none" : "block");
|
||||
$("msd-current-image-broken").style.display = (
|
||||
__state.in_operate && __state.info.image &&
|
||||
!__state.info.image.complete && !__state.busy ? "block" : "none"
|
||||
);
|
||||
|
||||
$("msd-current-image-name").innerHTML = (__state.in_operate && __state.info.image ? __state.info.image.name : "None");
|
||||
$("msd-current-image-size").innerHTML = (__state.in_operate && __state.info.image ? __formatSize(__state.info.image.size) : "None");
|
||||
$("msd-storage-size").innerHTML = (__state.in_operate ? __formatSize(__state.info.size) : "Unavailable");
|
||||
|
||||
wm.switchDisabled($("msd-switch-to-kvm-button"), (!__state.in_operate || __state.connected_to === "kvm" || __state.busy));
|
||||
wm.switchDisabled($("msd-switch-to-server-button"), (!__state.in_operate || __state.connected_to === "server" || __state.busy));
|
||||
wm.switchDisabled($("msd-select-new-image-button"), (!__state.in_operate || __state.connected_to !== "kvm" || __state.busy || __upload_http));
|
||||
wm.switchDisabled($("msd-upload-new-image-button"), (!__state.in_operate || __state.connected_to !== "kvm" || __state.busy || !__image_file));
|
||||
wm.switchDisabled($("msd-abort-uploading-button"), (!__state.in_operate || !__upload_http));
|
||||
wm.switchDisabled($("msd-reset-button"), (!__state.in_operate || __upload_http));
|
||||
|
||||
$("msd-new-image").style.display = (__image_file ? "block" : "none");
|
||||
$("msd-progress").setAttribute("data-label", "Waiting for upload ...");
|
||||
$("msd-progress-value").style.width = "0%";
|
||||
$("msd-new-image-name").innerHTML = (__image_file ? __image_file.name : "");
|
||||
$("msd-new-image-size").innerHTML = (__image_file ? __formatSize(__image_file.size) : "");
|
||||
};
|
||||
|
||||
var __formatSize = function(size) {
|
||||
|
||||
@ -81,12 +81,12 @@ function Session() {
|
||||
} else if (event.msg_type === "event") {
|
||||
if (event.msg.event === "info_state") {
|
||||
__setKvmdInfo(event.msg.event_attrs);
|
||||
} else if (event.msg.event === "streamer_state") {
|
||||
__streamer.setState(event.msg.event_attrs);
|
||||
} else if (event.msg.event === "atx_state") {
|
||||
__atx.setState(event.msg.event_attrs);
|
||||
} else if (event.msg.event === "msd_state") {
|
||||
__msd.setState(event.msg.event_attrs);
|
||||
} else if (event.msg.event === "streamer_state") {
|
||||
__streamer.setState(event.msg.event_attrs);
|
||||
}
|
||||
}
|
||||
};
|
||||
@ -110,9 +110,10 @@ function Session() {
|
||||
__ping_timer = null;
|
||||
}
|
||||
|
||||
__streamer.clearState();
|
||||
__atx.clearState();
|
||||
__hid.setSocket(null);
|
||||
__atx.setState(null);
|
||||
__msd.setState(null);
|
||||
__streamer.setState(null);
|
||||
__ws = null;
|
||||
|
||||
setTimeout(function() {
|
||||
|
||||
@ -39,7 +39,7 @@ function Streamer() {
|
||||
/********************************************************************************/
|
||||
|
||||
self.setState = function(state) {
|
||||
if (state.state) {
|
||||
if (state && state.state) {
|
||||
var source = state.state.source;
|
||||
var stream = state.state.stream;
|
||||
|
||||
@ -82,7 +82,7 @@ function Streamer() {
|
||||
if (stream.clients_stat.hasOwnProperty(__client_id)) {
|
||||
__client_fps = stream.clients_stat[__client_id].fps;
|
||||
} else {
|
||||
self.clearState();
|
||||
__clearState();
|
||||
}
|
||||
|
||||
if (!__prev) {
|
||||
@ -110,11 +110,11 @@ function Streamer() {
|
||||
__updateStreamHeader(true);
|
||||
|
||||
} else {
|
||||
self.clearState();
|
||||
__clearState();
|
||||
}
|
||||
};
|
||||
|
||||
self.clearState = function() {
|
||||
var __clearState = function() {
|
||||
tools.info("Stream: refreshing ...");
|
||||
|
||||
$("stream-image").className = "stream-image-inactive";
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user