diff options
Diffstat (limited to 'web/share/js')
| -rw-r--r-- | web/share/js/kvm/msd.js | 35 | ||||
| -rw-r--r-- | web/share/js/tools.js | 6 |
2 files changed, 37 insertions, 4 deletions
diff --git a/web/share/js/kvm/msd.js b/web/share/js/kvm/msd.js index a7095c54..83d64fce 100644 --- a/web/share/js/kvm/msd.js +++ b/web/share/js/kvm/msd.js @@ -35,6 +35,10 @@ export function Msd() { var __state = null; var __http = null; + var __parts_json = ""; + var __parts = {}; + var __parts_len = 0; + var __init__ = function() { $("msd-led").title = "Unknown state"; @@ -243,9 +247,34 @@ export function Msd() { tools.hidden.setVisible($("msd-message-downloads"), (online && s.storage.downloading)); if (online) { - tools.progress.setSizeOf($("msd-storage-progress"), "Storage: %s", s.storage.parts[""].size, s.storage.parts[""].free); - } else { - tools.progress.setValue($("msd-storage-progress"), "Storage: unavailable", 0); + let names = Object.keys(s.storage.parts).sort(); + let parts_json = JSON.stringify(names); + if (__parts_json !== parts_json) { + $("msd-storages").innerHTML = names.map(name => ` + <div class="text"> + <div id="msd-storage-${tools.makeIdByText(name)}-progress" class="progress"> + <span class="progress-value"></span> + </div> + </div> + `).join("<hr>"); + __parts_json = parts_json; + __parts = s.storage.parts; + __parts_len = names.length; + } + } + for (let name in __parts) { + let part = __parts[name]; + let title = ( + name.length === 0 + ? `${__parts_len === 1 ? "Storage: %s" : "Internal storage: %s"}` // eslint-disable-line + : `Storage [${name}${part.writable ? "]" : ", read-only]"}: %s` // eslint-disable-line + ); + let id = `msd-storage-${tools.makeIdByText(name)}-progress`; + if (online) { + tools.progress.setSizeOf($(id), title, part.size, part.free); + } else { + tools.progress.setValue($(id), title.replace("%s", "unavailable"), 0); + } } tools.el.setEnabled($("msd-image-selector"), (online && !s.drive.connected && !s.busy)); diff --git a/web/share/js/tools.js b/web/share/js/tools.js index 07c8da19..13183659 100644 --- a/web/share/js/tools.js +++ b/web/share/js/tools.js @@ -66,6 +66,10 @@ export var tools = new function() { return id; }; + self.makeIdByText = function(text) { + return btoa(text).replace("=", "_"); + }; + self.formatSize = function(size) { if (size > 0) { let index = Math.floor( Math.log(size) / Math.log(1024) ); @@ -298,7 +302,7 @@ export var tools = new function() { return { "setValue": function(el, title, percent) { el.setAttribute("data-label", title); - $(`${el.id}-value`).style.width = `${percent}%`; + el.querySelector(".progress-value").style.width = `${percent}%`; }, "setPercentOf": function(el, max, value) { let percent = Math.round(value * 100 / max); |