From 4b4fe63ad79c42000fb87494f5f435a97b8cc5f6 Mon Sep 17 00:00:00 2001
From: Maxim Devaev <mdevaev@gmail.com>
Date: Sun, 24 Jul 2022 17:06:09 +0300
Subject: [PATCH] report about downloading

---
 web/kvm/index.html      | 14 ++++++++++++++
 web/kvm/navbar-msd.pug  |  4 ++++
 web/share/js/kvm/msd.js |  7 ++++++-
 3 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/web/kvm/index.html b/web/kvm/index.html
index c3a05a06..99596b8c 100644
--- a/web/kvm/index.html
+++ b/web/kvm/index.html
@@ -415,6 +415,20 @@
                 </div>
             <hr>
           </div>
+          <div class="hidden" id="msd-message-downloads">
+            <hr>
+                <div class="text">
+                  <table>
+                    <tr>
+                      <td rowspan="2"><img class="sign " src="/share/svg/info.svg"></td>
+                      <td style="line-height:1.5"><b>The image is being downloaded from PiKVM</b></td>
+                    </tr>
+                    <tr>
+                      <td><sup style="line-height:1">Please wait</sup></td>
+                    </tr>
+                  </table>
+                </div>
+          </div>
           <table class="kv msd-single-storage feature-disabled">
             <tr>
               <td>Current image:</td>
diff --git a/web/kvm/navbar-msd.pug b/web/kvm/navbar-msd.pug
index 55a047a5..8d4a451d 100644
--- a/web/kvm/navbar-msd.pug
+++ b/web/kvm/navbar-msd.pug
@@ -29,6 +29,10 @@ li(id="msd-dropdown" class="right feature-disabled")
 				| corruption, and don't use this mode unnecessarily.#[br]
 				| It can reduce the resource of the memory card.
 			hr
+		div(id="msd-message-downloads" class="hidden")
+			hr
+			+menu_message("info", "The image is being downloaded from PiKVM")
+				| Please wait
 		table(class="kv msd-single-storage feature-disabled")
 			tr
 				td Current image:
diff --git a/web/share/js/kvm/msd.js b/web/share/js/kvm/msd.js
index 3e0fb9ae..1804e6b9 100644
--- a/web/share/js/kvm/msd.js
+++ b/web/share/js/kvm/msd.js
@@ -322,6 +322,8 @@ export function Msd() {
 			(online && s.features.rw && s.drive.rw));
 		tools.hidden.setVisible($("msd-message-another-user-uploads"),
 			(online && s.storage.uploading && !__http));
+		tools.hidden.setVisible($("msd-message-downloads"),
+			(online && s.features.multi && s.storage.downloading));
 	};
 
 	var __applyStateStatus = function() {
@@ -337,6 +339,9 @@ export function Msd() {
 		} else if (online && s.storage.uploading) {
 			led_cls = "led-yellow-rotating-fast";
 			msg = "Uploading new image";
+		} else if (online && s.features.multi && s.storage.downloading) {
+			led_cls = "led-yellow-rotating-fast";
+			msg = "Serving the image to download";
 		} else if (online) { // Sic!
 			msg = "Disconnected";
 		}
@@ -354,7 +359,7 @@ export function Msd() {
 			el.options.length = 1; // Cleanup
 			return;
 		}
-		if (!s.features.multi || s.storage.uploading) {
+		if (!s.features.multi || s.storage.uploading || s.storage.downloading) {
 			return;
 		}