firmware streaming

rust/src_webpack/src/battery.ts

@@ -1,11 +1,33 @@
-interface FirmeWareFlashRequest{
-    name: string
-  }
+let battery_flash_button = document.getElementById("battery_flash_button") as HTMLButtonElement;
+let battery_flash_file = document.getElementById("battery_flash_file") as HTMLInputElement;
+let battery_flash_message = document.getElementById("battery_flash_message") as HTMLElement;
+let battery_flash_progressBar = document.getElementById("battery_flash_progressBar") as HTMLProgressElement;
 
-let flash5ah12vlifepo = document.getElementById("flash5ah12vlifepo") as HTMLButtonElement;
-
-let flash_message = document.getElementById("flash_message") as HTMLElement;
+var ajax = new XMLHttpRequest();
 
+ajax.upload.addEventListener("progress", event => {
+  loaded_n_total.innerHTML = "Uploaded " + event.loaded + " bytes of " + event.total;
+  var percent = (event.loaded / event.total) * 100;
+  progressBar.value = Math.round(percent);
+  status.innerHTML = Math.round(percent) + "%";
+  answer.innerHTML = "in progress";
+}, false);
+ajax.addEventListener("load", () => {
+  status.innerHTML = ajax.responseText;
+  answer.innerHTML = "finished";
+  progressBar.value = 0;
+}, false);
+ajax.addEventListener("error", () => {
+  status.innerHTML = ajax.responseText;
+  answer.innerHTML = "failed";
+}, false);
+ajax.addEventListener("abort", () => {
+  status.innerHTML = ajax.responseText;
+  answer.innerHTML = "aborted";
+}, false);
+ajax.open("POST", "/ota");
+ajax.send(file);
+}
 
 
 export async function streamToText(stream: ReadableStream<Uint8Array>): Promise<string> {
@@ -17,24 +39,21 @@ export async function streamToText(stream: ReadableStream<Uint8Array>): Promise<
           break;
       }
       result += value;
-      flash_message.innerHTML = result;
-      flash_message.scrollTop = flash_message.scrollHeight;
-
+      battery_flash_message.innerHTML = result;
+      battery_flash_message.scrollTop = battery_flash_message.scrollHeight;
   }
   return result;
 }
 
-flash5ah12vlifepo.onclick = async function (){
-    var body:FirmeWareFlashRequest = {
-      name: "flash5ah12vlifepo"
-    } 
-
-    var pretty = JSON.stringify(body, undefined, 1);
-    fetch("/flashbattery", {
-      method :"POST",
-      body: pretty
-    }).then((response) => response.body)
-    .then((body) => {
-      streamToText(body)
-    });
-};
+battery_flash_button.onclick = async function (){
+  fetch("/flashbattery", {
+    method :"POST",
+    body: battery_flash_file.files[0],
+    headers: {
+      "Content-Type": ""
+    },
+  }).then((response) => response.body)
+  .then((body) => {
+    streamToText(body)
+  });
+};