show remote uploading file

web/kvm/index.html

@@ -303,17 +303,6 @@
                 </div>
             <hr>
           </div>
-          <div class="hidden" id="msd-message-another-user-uploads">
-                <div class="text">
-                  <table>
-                    <tr>
-                      <td rowspan="2"><img class="sign " src="/share/svg/info.svg"></td>
-                      <td style="line-height:1.5"><b>Another user uploads an image</b></td>
-                    </tr>
-                  </table>
-                </div>
-            <hr>
-          </div>
           <table class="kv">
             <tr>
               <td>Status:</td>
@@ -372,6 +361,17 @@
             <button class="row25" disabled id="msd-upload-new-image-button">Upload</button>
             <button class="row25" disabled id="msd-abort-uploading-button">Abort</button>
           </div>
+          <div class="hidden" id="msd-message-another-user-uploads">
+            <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>Another user uploads an image</b></td>
+                    </tr>
+                  </table>
+                </div>
+          </div>
           <div class="hidden" id="msd-submenu-new-image">
             <hr>
             <table class="kv">

web/kvm/navbar-msd.pug

@@ -21,9 +21,6 @@ li(id="msd-dropdown" class="right feature-disabled")
 			+menu_message("warning", "Current image is out of storag")
 				| This image was connected manually using #[b kvmd-otgmsd]
 			hr
-		div(id="msd-message-another-user-uploads" class="hidden")
-			+menu_message("info", "Another user uploads an image")
-			hr
 		table(class="kv")
 			tr
 				td Status:
@@ -64,6 +61,9 @@ li(id="msd-dropdown" class="right feature-disabled")
 			button(disabled id="msd-select-new-image-button" class="row50") Select image to upload
 			button(disabled id="msd-upload-new-image-button" class="row25") Upload
 			button(disabled id="msd-abort-uploading-button" class="row25") Abort
+		div(id="msd-message-another-user-uploads" class="hidden")
+			hr
+			+menu_message("info", "Another user uploads an image")
 		div(id="msd-submenu-new-image" class="hidden")
 			hr
 			table(class="kv")

web/share/js/kvm/msd.js

@@ -207,15 +207,16 @@ export function Msd() {
 
 		wm.setElementEnabled($("msd-reset-button"), (s && s.enabled && !s.busy));
 
-		tools.hiddenSetVisible($("msd-submenu-new-image"), (online && __image_file));
+		let uploading = (online ? (s.storage.uploading || __image_file) : null);
-		$("msd-new-image-name").innerHTML = ((online && __image_file) ? __image_file.name : "");
+		tools.hiddenSetVisible($("msd-submenu-new-image"), uploading);
-		$("msd-new-image-size").innerHTML = ((online && __image_file) ? tools.formatSize(__image_file.size) : "");
+		$("msd-new-image-name").innerHTML = (uploading ? uploading.name : "");
+		$("msd-new-image-size").innerHTML = (uploading ? tools.formatSize(uploading.size) : "");
 		if (online) {
-			if (!__upload_http) {
+			if (s.storage.uploading) {
-				tools.progressSetValue($("msd-uploading-progress"), "Waiting for upload (press UPLOAD button) ...", 0);
-			} else if (s.storage.uploading) {
 				let percent = Math.round(s.storage.uploading.written * 100 / s.storage.uploading.size);
 				tools.progressSetValue($("msd-uploading-progress"), `${percent}%`, percent);
+			} else if (!__upload_http) {
+				tools.progressSetValue($("msd-uploading-progress"), "Waiting for upload (press UPLOAD button) ...", 0);
 			}
 		} else {
 			$("msd-select-new-image-file").value = "";