From 430f01943a3d8a28c9db339e669ad88b8a0fdc00 Mon Sep 17 00:00:00 2001
From: Magnus Persson <magnus@noreply.github.com>
Date: Sat, 9 Apr 2022 08:56:59 +0200
Subject: [PATCH] Disable firmware upgrade if no file is selected

---
 html/firmware.htm     | 13 ++++++++++++-
 html/firmware.min.htm | 13 ++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/html/firmware.htm b/html/firmware.htm
index ee7506a..5d68c1c 100644
--- a/html/firmware.htm
+++ b/html/firmware.htm
@@ -85,7 +85,7 @@
 -->
     <form id="uploadForm" enctype="multipart/form-data">
       <div class="col-md-8 custom-file">
-        <input type="file" accept=".bin" class="custom-file-input" name="name" id="name">
+        <input type="file" accept=".bin" class="custom-file-input" name="name" id="name" onchange="checkName()">
         <label class="custom-file-label" for="name">Choose file</label>
       </div>
       <button type="submit" class="btn btn-primary" id="upload-btn" value="upload">Flash firmware</button>
@@ -137,6 +137,10 @@
     });
   });
 
+  function checkName() {
+    setButtonDisabled( $("#name").val()!="" ? false : true );
+  }
+
   function progressHandler(event) {
     var percent = (event.loaded / event.total) * 100;
     setProgress(Math.round(percent));
@@ -146,7 +150,14 @@
     $('.progress-bar').css('width', val+'%').attr('aria-valuenow', val).text(val + "%");
   }
 
+  function setButtonDisabled( b ) {
+    $("#upload-btn").prop("disabled", b);
+  }
+
   function getStatus() {
+
+    setButtonDisabled( true );
+
     var url = "/api/status";
     //var url = "/test/status.json";
     $('#spinner').show(); 
diff --git a/html/firmware.min.htm b/html/firmware.min.htm
index efdef8d..5bd8ab8 100644
--- a/html/firmware.min.htm
+++ b/html/firmware.min.htm
@@ -6,7 +6,7 @@
       </div>
       <button type="submit" class="btn btn-primary" id="upload-btn" value="upload">Flash firmware</button>
     </form>
---><form id="uploadForm" enctype="multipart/form-data"><div class="col-md-8 custom-file"><input type="file" accept=".bin" class="custom-file-input" name="name" id="name"> <label class="custom-file-label" for="name">Choose file</label></div><button type="submit" class="btn btn-primary" id="upload-btn" value="upload">Flash firmware</button></form></div><div class="progress"><div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div></div><hr class="my-4"></div><script type="text/javascript">window.onload = getStatus;
+--><form id="uploadForm" enctype="multipart/form-data"><div class="col-md-8 custom-file"><input type="file" accept=".bin" class="custom-file-input" name="name" id="name" onchange="checkName()"> <label class="custom-file-label" for="name">Choose file</label></div><button type="submit" class="btn btn-primary" id="upload-btn" value="upload">Flash firmware</button></form></div><div class="progress"><div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div></div><hr class="my-4"></div><script type="text/javascript">window.onload = getStatus;
   
   $(document).ready(function() {
     $("#uploadForm").on('submit', function(e) {
@@ -43,6 +43,10 @@
     });
   });
 
+  function checkName() {
+    setButtonDisabled( $("#name").val()!="" ? false : true );
+  }
+
   function progressHandler(event) {
     var percent = (event.loaded / event.total) * 100;
     setProgress(Math.round(percent));
@@ -52,7 +56,14 @@
     $('.progress-bar').css('width', val+'%').attr('aria-valuenow', val).text(val + "%");
   }
 
+  function setButtonDisabled( b ) {
+    $("#upload-btn").prop("disabled", b);
+  }
+
   function getStatus() {
+
+    setButtonDisabled( true );
+
     var url = "/api/status";
     //var url = "/test/status.json";
     $('#spinner').show();