edit interface.html

apps/phystrax/interface.html

@@ -7,57 +7,48 @@
 
     <script src="../../core/lib/interface.js"></script>
     <script>
-var dataElement = document.getElementById("data");
+      var dataElement = document.getElementById("data");
 
-function getData() {
+      function getHeartRateData() {
-  // show loading window
+        Util.showModal("Loading...");
-  Util.showModal("Loading...");
+        dataElement.innerHTML = "";
-  // get the data
+        Puck.eval('require("Storage").list(/heart_rate_data\\.csv\\x01/)', files => {
-  dataElement.innerHTML = "";
+          if (files.length == 0) {
-  var promise = Promise.resolve();
+            dataElement.innerHTML = "<p>No heart rate data found</p>";
-  Puck.eval('require("Storage").list(/heart_rate_data\\.csv\\x01/)', files => {
+          } else {
-    if (files.length == 0) {
+            files.forEach(fn => {
-      dataElement.innerHTML = "<p>No heart rate data found</p>";
+              fn = fn.slice(0, -1);
-    } else {
+              var link = document.createElement("a");
-      files.forEach(fn => {
+              link.setAttribute("href", "#");
-        fn = fn.slice(0, -1);
+              link.textContent = fn;
-        dataElement.innerHTML += `
+              link.addEventListener("click", function() {
-<div class="card">
+                Util.showModal("Downloading...");
-  <div class="card-header">
+                Util.readStorageFile(fn, function(data) {
-    <div class="card-title h5">${fn}</div>
+                  Util.saveCSV(fn.slice(0, -4), data);
-  </div>
+                  console.log("Downloaded file path:", fn); // Print file path to console
-  <div class="card-footer">
+                  Util.hideModal();
-    <button class="btn btn-primary" fn="${fn}" act="save">Save</button>
+                });
-    <button class="btn" fn="${fn}" act="delete">Delete</button>
+              });
-  </div>
+              dataElement.appendChild(link);
-</div>`;
+              dataElement.appendChild(document.createElement("br"));
-        promise = promise.then(function() {
-          document.querySelector(`.btn[fn='${fn}'][act='save']`).addEventListener("click", function() {
-            Util.showModal("Downloading...");
-            Util.readStorageFile(fn, function(data) {
-              Util.saveCSV(fn.slice(0, -4), data);
-              Util.hideModal();
             });
-          });
+          }
-          document.querySelector(`.btn[fn='${fn}'][act='delete']`).addEventListener("click", function() {
+          Util.hideModal();
-            Util.showModal("Deleting...");
-            Util.eraseStorageFile(fn, function() {
-              Util.hideModal();
-              getData();
-            });
-          });
         });
-      });
+      }
-    }
-    // remove window
-    Util.hideModal();
-  });
-}
 
-// Called when app starts
+      function deleteHeartRateData() {
-function onInit() {
+        Util.showModal("Deleting...");
-  getData();
+        require("Storage").erase("heart_rate_data.csv", function() {
-}
+          Util.hideModal();
+          getHeartRateData();
+        });
+      }
+
+      // Called when app starts
+      function onInit() {
+        getHeartRateData();
+      }
     </script>
   </body>
 </html>