report about downloading

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>

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:

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;
 		}