From 354d281fb633983e66d8bce6aeb9d0b3627c6b12 Mon Sep 17 00:00:00 2001
From: James Taylor <jt-git@nti.me.uk>
Date: Mon, 12 Feb 2024 14:45:22 +0000
Subject: [PATCH] Add ability to upload/download My Profile data

Just a very basic interface to start with!

Signed-off-by: James Taylor <jt-git@nti.me.uk>
---
 apps/myprofile/interface.html | 125 ++++++++++++++++++++++++++++++++++
 apps/myprofile/metadata.json  |   2 +-
 2 files changed, 126 insertions(+), 1 deletion(-)
 create mode 100644 apps/myprofile/interface.html
diff --git a/apps/myprofile/interface.html b/apps/myprofile/interface.html
new file mode 100644
index 000000000..d5ea43f83
--- /dev/null
+++ b/apps/myprofile/interface.html
@@ -0,0 +1,125 @@
+<html>
+  <head>
+    <link rel="stylesheet" href="../../css/spectre.min.css" />
+
+    <style type="text/css">
+      .alert {
+        padding: 20px;
+        background-color: #f44336; /* Red */
+        color: white;
+        margin-bottom: 15px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="info"></div>
+
+    <button id="btnReload" class="btn btn-primary">Reload from watch</button>
+    <button id="btnUpload" class="btn btn-primary">Upload to watch</button>
+    <button id="btnDownload" class="btn btn-primary">Download</button>
+
+    <pre id="myprofile" contenteditable></pre>
+
+    <script src="../../core/lib/interface.js"></script>
+    <script>
+      const myProfileFile = "myprofile.json";
+
+      function errorFormat() {
+        var date = new Date();
+        var error =
+          '<p class="alert">' +
+          date.toUTCString() +
+          " : Wrong format, it should be JSON" +
+          "</p>";
+        return error;
+      }
+
+      function getEditableContent() {
+        return document.getElementById("myprofile").innerHTML.replace(/<[^>]*>/g, '');;
+      }
+
+      function isJsonString(str) {
+        try {
+          JSON.parse(str);
+        } catch (e) {
+          console.log(str)
+          console.log(e)
+          return false;
+        }
+        return true;
+      }
+
+      function uploadFile(fileid, contents) {
+        Puck.write(
+          `\x10(function() {
+          require("Storage").write("${fileid}",'${contents}');
+          Bluetooth.print("OK");
+         })()\n`,
+          (ret) => {
+            console.log("uploadFile", ret);
+          }
+        );
+      }
+
+      /* Load settings JSON file from the watch.
+       */
+      function loadMyProfile() {
+        document.getElementById("info").innerHTML = "";
+        Util.showModal("Loading...");
+        Puck.eval(`require('Storage').readJSON("${myProfileFile}")`, (data) => {
+          document.getElementById("myprofile").innerHTML = JSON.stringify(
+            data,
+            null,
+            2
+          );
+          Util.hideModal();
+        });
+      }
+      /* Save settings as a JSON file on the watch.
+       */
+      function uploadMyProfile() {
+        document.getElementById("info").innerHTML = "";
+        Util.showModal("Uploading...");
+        let myProfileJson = getEditableContent();
+        if (isJsonString(myProfileJson)) {
+          let shortMedicalInfoJson = JSON.stringify(JSON.parse(myProfileJson));
+          uploadFile(myProfileFile, shortMedicalInfoJson);
+        } else {
+          document.getElementById("info").innerHTML = errorFormat();
+        }
+        Util.hideModal();
+      }
+
+      function downloadMyProfile() {
+        document.getElementById("info").innerHTML = "";
+        Util.showModal("Downloading...");
+        let myProfileJson = getEditableContent();
+        if (isJsonString(myProfileJson)) {
+          Util.saveFile(myProfileFile, "application/json", myProfileJson);
+        } else {
+          document.getElementById("info").innerHTML = errorFormat();
+        }
+        Util.hideModal();
+      }
+
+      document
+        .getElementById("btnUpload")
+        .addEventListener("click", function () {
+          uploadMyProfile();
+        });
+      document
+        .getElementById("btnDownload")
+        .addEventListener("click", function () {
+          downloadMyProfile();
+        });
+      document
+        .getElementById("btnReload")
+        .addEventListener("click", function () {
+          loadMyProfile();
+        });
+      function onInit() {
+        loadMyProfile();
+      }
+    </script>
+  </body>
+</html>
diff --git a/apps/myprofile/metadata.json b/apps/myprofile/metadata.json
index 79add3b5a..9fd3cba4d 100644
--- a/apps/myprofile/metadata.json
+++ b/apps/myprofile/metadata.json
@@ -8,6 +8,7 @@
   "readme": "README.md",
   "tags": "tool,utility",
   "supports": ["BANGLEJS", "BANGLEJS2"],
+  "interface": "interface.html",
   "storage": [
     {"name":"myprofile.settings.js","url":"settings.js"}
   ],
@@ -15,4 +16,3 @@
     {"name":"myprofile.json"}
   ]
 }
-
