backup info and read

rust/src_webpack/src/api.ts

@@ -1,3 +1,8 @@
+interface BackupHeader {
+  timestamp: string,
+  size: number
+}
+
 interface NetworkConfig {
   ap_ssid: string,
   ssid: string,

rust/src_webpack/src/main.html

@@ -160,12 +160,7 @@
   <div id="plants" class="plantlist"></div>
 
   <div class="flexcontainer-rev">
-    <div>
-      <textarea id="json" cols=50 rows=10></textarea>
-      <button id="submit">Submit</button>
-      <button id="backup">Backup</button>
-      <button id="restorebackup">Restore</button>
-      <div id="submit_status"></div>
+    <div id = "submitview" class="subcontainer">
     </div>
     <div id="fileview" class="subcontainer">
     </div>

rust/src_webpack/src/main.ts

@@ -19,6 +19,17 @@ import { BatteryView } from "./batteryview";
 import { FileView } from './fileview';
 
 export class Controller {
+  getBackupInfo() {
+    fetch(PUBLIC_URL + "/backup_info")
+    .then(response => response.json())
+    .then(json => json as BackupHeader)
+    .then(header => {
+      controller.submitView.setBackupInfo(header)
+    })
+    .catch(error => {
+      console.log(error);
+    });
+  }
   updateFileList() {
     fetch(PUBLIC_URL + "/files")
     .then(response => response.json())
@@ -142,10 +153,10 @@ export class Controller {
   getBackupConfig() {
     controller.progressview.addIndeterminate("get_backup_config", "Downloading Backup")
     fetch(PUBLIC_URL + "/get_backup_config")
-      .then(response => response.json())
+      .then(response => response.text())
       .then(loaded => {
-        controller.progressview.removeProgress("get_config")
-        alert(loaded)
+        controller.progressview.removeProgress("get_backup_config")
+        controller.submitView.setBackupJson(loaded);
       })
   }
 
@@ -399,5 +410,6 @@ controller.downloadConfig();
 //controller.measure_moisture();
 controller.version();
 controller.updateFileList();
+controller.getBackupInfo();
 controller.progressview.removeProgress("rebooting");
 

rust/src_webpack/src/submitView.ts

@@ -1,34 +1,60 @@
 import { Controller } from "./main";
 
 export class SubmitView {
-  json: HTMLInputElement;
+  json: HTMLDivElement;
   submitFormBtn: HTMLButtonElement;
   submit_status: HTMLElement;
   backupBtn: HTMLButtonElement;
   restoreBackupBtn: HTMLButtonElement;
+  backuptimestamp: HTMLElement;
+  backupsize: HTMLElement;
+  backupjson: HTMLElement;
 
   constructor(controller: Controller) {
-    this.json = document.getElementById('json') as HTMLInputElement
+    (document.getElementById("submitview") as HTMLElement).innerHTML = require("./submitview.html")
+
+    let showJson = document.getElementById('showJson') as HTMLButtonElement
+    let rawdata = document.getElementById('rawdata') as HTMLElement
+    this.json = document.getElementById('json') as HTMLDivElement
+    this.backupjson = document.getElementById('backupjson') as HTMLDivElement
     this.submitFormBtn = document.getElementById("submit") as HTMLButtonElement
     this.backupBtn = document.getElementById("backup") as HTMLButtonElement
     this.restoreBackupBtn = document.getElementById("restorebackup") as HTMLButtonElement
+    this.backuptimestamp = document.getElementById("backuptimestamp") as HTMLElement
+    this.backupsize = document.getElementById("backupsize") as HTMLElement
     this.submit_status = document.getElementById("submit_status") as HTMLElement
     this.submitFormBtn.onclick = () => {
-      controller.uploadConfig(this.json.value, (status: string) => {
+      controller.uploadConfig(this.json.textContent as string, (status: string) => {
         this.submit_status.innerHTML = status;
       });
     }
     this.backupBtn.onclick = () => {
-      controller.backupConfig(this.json.value, (status: string) => {
+      controller.backupConfig(this.json.textContent as string, (status: string) => {
         this.submit_status.innerHTML = status;
       });
-      this.restoreBackupBtn.onclick = () => {
-        controller.getBackupConfig();
+    }
+    this.restoreBackupBtn.onclick = () => {
+      controller.getBackupConfig();
+    }
+    showJson.onclick = () => {
+      if (rawdata.style.display == "none"){
+        rawdata.style.display = "flex";
+      } else {
+        rawdata.style.display = "none";
       }
     }
   }
 
+  setBackupInfo(header: BackupHeader) {
+    this.backuptimestamp.innerText = header.timestamp
+    this.backupsize.innerText = header.size.toString()
+  }
+
   setJson(pretty: string) {
-    this.json.value = pretty
+    this.json.textContent = pretty
+  }
+
+  setBackupJson(pretty: string) {
+    this.backupjson.textContent = pretty
   }
 }

rust/src_webpack/src/submitview.html

@@ -0,0 +1,23 @@
+<style>
+    .submitarea{
+        flex-grow: 1;
+        border-style: groove;
+        border-width: 1px;
+        overflow-wrap: break-word;
+        word-wrap: break-word;
+        overflow: scroll;
+    }
+
+</style>
+<button id="showJson">Show Json</button>
+<div id="rawdata" class="flexcontainer" style="display: none;">
+    <div class="submitarea" id="json" contenteditable="true"></div>
+    <div class="submitarea" id="backupjson">backup will be here</div>    
+</div>
+<button id="submit">Submit</button>
+<div>BackupStatus:</div>
+<div id="backuptimestamp"></div>
+<div id="backupsize"></div>
+<button id="backup">Backup</button>
+<button id="restorebackup">Restore</button>
+<div id="submit_status"></div>

rust/src_webpack/webpack.config.js

@@ -9,7 +9,7 @@ console.log("Dev server is " + isDevServer);
 var host;
 if (isDevServer){
   //ensure no trailing /
-  host = 'http://192.168.1.172';
+  host = 'http://10.23.43.24';
 } else {
   host = '';
 }