GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-12 17:20:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactoring

Browse Source
This commit is contained in:
Maxim Devaev 2023-03-19 20:14:14 +02:00
parent 8798c2f8df
commit b5d10afcca
2 changed files with 28 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
web/share/js/kvm/msd.js
View File

@ -44,9 +44,9 @@ export function Msd() {
tools.el.setOnClick($("msd-download-button"), __clickDownloadButton); tools.el.setOnClick($("msd-download-button"), __clickDownloadButton);
tools.el.setOnClick($("msd-remove-button"), __clickRemoveButton); tools.el.setOnClick($("msd-remove-button"), __clickRemoveButton);
tools.radio.setOnClick("msd-mode-radio", __clickModeRadio); tools.radio.setOnClick("msd-mode-radio", () => __sendParam("cdrom", tools.radio.getValue("msd-mode-radio")));
tools.el.setOnClick($("msd-rw-switch"), __clickRwSwitch); tools.el.setOnClick($("msd-rw-switch"), () => __sendParam("rw", $("msd-rw-switch").checked));
tools.el.setOnClick($("msd-select-new-button"), __toggleSelectSub); tools.el.setOnClick($("msd-select-new-button"), __toggleSelectSub);
$("msd-new-file").onchange = __selectNewFile; $("msd-new-file").onchange = __selectNewFile;
@ -95,14 +95,6 @@ export function Msd() {
}); });
}; };
var __clickModeRadio = function() {
__sendParam("cdrom", tools.radio.getValue("msd-mode-radio"));
};
var __clickRwSwitch = function() {
__sendParam("rw", $("msd-rw-switch").checked);
};
var __sendParam = function(name, value) { var __sendParam = function(name, value) {
let http = tools.makeRequest("POST", `/api/msd/set_params?${name}=${encodeURIComponent(value)}`, function() { let http = tools.makeRequest("POST", `/api/msd/set_params?${name}=${encodeURIComponent(value)}`, function() {
if (http.readyState === 4) { if (http.readyState === 4) {
@ -232,18 +224,25 @@ export function Msd() {
}; };
var __applyState = function() { var __applyState = function() {
__applyStateFeatures();
__applyStateStatus(); __applyStateStatus();
let s = __state; let s = __state;
let online = (s && s.online); let online = (s && s.online);
if (s) {
tools.feature.setEnabled($("msd-dropdown"), s.enabled);
tools.feature.setEnabled($("msd-reset-button"), s.enabled);
}
tools.hidden.setVisible($("msd-message-offline"), (s && !s.online));
tools.hidden.setVisible($("msd-message-image-broken"), (online && s.drive.image && !s.drive.image.complete && !s.storage.uploading));
tools.hidden.setVisible($("msd-message-too-big-for-cdrom"), (online && s.drive.cdrom && s.drive.image && s.drive.image.size >= 2359296000));
tools.hidden.setVisible($("msd-message-out-of-storage"), (online && s.drive.image && !s.drive.image.in_storage));
tools.hidden.setVisible($("msd-message-rw-enabled"), (online && s.drive.rw));
tools.hidden.setVisible($("msd-message-another-user-uploads"), (online && s.storage.uploading && !__http));
tools.hidden.setVisible($("msd-message-downloads"), (online && s.storage.downloading));
if (online) { if (online) {
let size_str = tools.formatSize(s.storage.parts[""].size); tools.progress.setSizeOf($("msd-storage-progress"), "Storage: %s", s.storage.parts[""].size, s.storage.parts[""].free);
let used = s.storage.parts[""].size - s.storage.parts[""].free;
let used_str = tools.formatSize(used);
let percent = used / s.storage.parts[""].size * 100;
tools.progress.setValue($("msd-storage-progress"), `Storage: ${used_str} of ${size_str}`, percent);
} else { } else {
tools.progress.setValue($("msd-storage-progress"), "Storage: unavailable", 0); tools.progress.setValue($("msd-storage-progress"), "Storage: unavailable", 0);
} }
@ -279,8 +278,7 @@ export function Msd() {
$("msd-uploading-size").innerHTML = ((online && s.storage.uploading) ? tools.formatSize(s.storage.uploading.size) : ""); $("msd-uploading-size").innerHTML = ((online && s.storage.uploading) ? tools.formatSize(s.storage.uploading.size) : "");
if (online) { if (online) {
if (s.storage.uploading) { if (s.storage.uploading) {
let percent = Math.round(s.storage.uploading.written * 100 / s.storage.uploading.size); tools.progress.setPercentOf($("msd-uploading-progress"), s.storage.uploading.size, s.storage.uploading.written);
tools.progress.setValue($("msd-uploading-progress"), `${percent}%`, percent);
} else if (!__http) { } else if (!__http) {
tools.progress.setValue($("msd-uploading-progress"), "Waiting for upload (press UPLOAD button) ...", 0); tools.progress.setValue($("msd-uploading-progress"), "Waiting for upload (press UPLOAD button) ...", 0);
} }
@ -291,22 +289,6 @@ export function Msd() {
} }
}; };
var __applyStateFeatures = function() {
let s = __state;
let online = (s && s.online);
if (s) {
tools.feature.setEnabled($("msd-dropdown"), s.enabled);
tools.feature.setEnabled($("msd-reset-button"), s.enabled);
}
tools.hidden.setVisible($("msd-message-offline"), (s && !s.online));
tools.hidden.setVisible($("msd-message-image-broken"), (online && s.drive.image && !s.drive.image.complete && !s.storage.uploading));
tools.hidden.setVisible($("msd-message-too-big-for-cdrom"), (online && s.drive.cdrom && s.drive.image && s.drive.image.size >= 2359296000));
tools.hidden.setVisible($("msd-message-out-of-storage"), (online && s.drive.image && !s.drive.image.in_storage));
tools.hidden.setVisible($("msd-message-rw-enabled"), (online && s.drive.rw));
tools.hidden.setVisible($("msd-message-another-user-uploads"), (online && s.storage.uploading && !__http));
tools.hidden.setVisible($("msd-message-downloads"), (online && s.storage.downloading));
};
var __applyStateStatus = function() { var __applyStateStatus = function() {
let s = __state; let s = __state;
let online = (s && s.online); let online = (s && s.online);

12
web/share/js/tools.js
View File

@ -300,6 +300,18 @@ export var tools = new function() {
el.setAttribute("data-label", title); el.setAttribute("data-label", title);
$(`${el.id}-value`).style.width = `${percent}%`; $(`${el.id}-value`).style.width = `${percent}%`;
}, },
"setPercentOf": function(el, max, value) {
let percent = Math.round(value * 100 / max);
self.progress.setValue(el, `${percent}%`, percent);
},
"setSizeOf": function(el, title, size, free) {
let size_str = self.formatSize(size);
let used = size - free;
let used_str = self.formatSize(used);
let percent = used / size * 100;
title = title.replace("%s", `${used_str} of ${size_str}`);
self.progress.setValue(el, title, percent);
},
}; };
}; };