From a3561498e46ec5c0ec300924f77548c06347e27b Mon Sep 17 00:00:00 2001
From: Elfreda Kwawu <ek06917@uga.edu>
Date: Tue, 16 Apr 2024 17:27:44 -0400
Subject: [PATCH] edit interface.html

---
 apps/phystrax/interface.html | 85 ++++++++++++++++--------------------
 1 file changed, 38 insertions(+), 47 deletions(-)

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