Minimal changes to work on Versa 3 and Sense

README.md

@@ -1,12 +1,13 @@
-# Barcodes app for Fitbit Ionic/Versa
+# Barcodes app for Fitbit Versa 3/Sense
 
-![screenshot](Barcode-screenshot.png)
+![screenshot](Barcodes2-screenshot.png)
 
 Features:
 - Customize the color of each barcode
 - Customize the name of each barcode
 - Supports ascii characters in the barcode
 - Supports EAN-13 (hence UPC-A), Code-128 and Code-39 standards
-- Store up to 5 barcodes on the Ionic
+- Store up to 5 barcodes
+- Cycle through barcodes by tapping the screen between the barcode and title
 - Direct link to app store (open with phone):
-https://gam.fitbit.com/gallery/app/20ba8b5a-f3f9-4f8c-a5a3-10d9eacbd846
+https://gallery.fitbit.com/details/58726c9d-92b2-4a76-b7f0-5f591c27cdf0

app/index.js

@@ -31,6 +31,7 @@ var barcode = document.getElementById("barcode");
 var bartext = document.getElementById("bartext");
 var cNodes = new Array(15*11);
 const WIDTH = document.getElementById("main").width;
+const myButton = document.getElementById("myButton");
 
 function init() {
   for(let i = 0; i < 15; i++) {
@@ -105,6 +106,29 @@ function onKeyPress(e) {
   }
 }
 
+// Below is code for the final build of the Barcode app for FitBit OS 5.0
+let button = document.getElementById("button");
+button.onactivate = function(evt) {
+  if(settings.cards) {
+    let max = settings.cards.length;
+    selected--;
+    if(selected < 0) selected = max - 1;
+      if(selected >= max) selected = 0;
+
+    let item = settings.cards[selected];
+
+    barname.text = item.name || "";
+    frgd.style.fill = item.color || "#12D612";
+
+    if(clickTimer) clearTimeout(clickTimer);
+
+    clickTimer = setTimeout(() => {
+      clickTimer = null;
+      bartext.text = setBarcode(item.code, item.type);
+    }, 350);
+  }
+}
+
 function pendingFiles() {
   let temp;
   while(temp = inbox.nextFile()) {

companion/index.js

@@ -36,7 +36,7 @@ function setCard(name, value) {
     cards[i][name] = value;
 
   } else if(name === "bright") {
-    bright = (value === "true");
+    bright = (value === "max");
   }
 }
 

package.json

@@ -1,15 +1,23 @@
 {
+  "devDependencies": {
+    "@fitbit/sdk": "~5.0.0"
+  },
   "fitbit": {
-    "appUUID": "20ba8b5a-f3f9-4f8c-a5a3-10d9eacbd846",
+    "appUUID": "58726c9d-92b2-4a76-b7f0-5f591c27cdf0",
     "appType": "app",
-    "appDisplayName": "Barcodes",
+    "appDisplayName": "Barcodes2",
     "iconFile": "resources/icon.png",
     "wipeColor": "#4caf50",
     "requestedPermissions": [],
+    "buildTargets": [
+      "atlas",
+      "vulcan"
+    ],
     "i18n": {
-      "en": {
-        "name": "Barcodes"
+      "en-US": {
+        "name": "Barcodes2"
       }
-    }
+    },
+    "defaultLanguage": "en-US"
   }
 }

resources/index.gui → resources/index.view

@@ -28,6 +28,13 @@
       <circle cx="100%-20" cy="20" r="20" fill="inherit" />
     </g>
 
+    <svg>
+      <use id="button" href="#text-button" y="65" height="100%" fill="fb-white" font-family="System-Regular" font-size="50">
+        <set href="#text" attributeName="fill" to="fb-black" />
+        <set href="#text" attributeName="y" to="20" />
+      </use>
+    </svg>
+
     <text id="caption" x="50%" y="48">...</text>
 
     <textarea id="intro" x="8%" width="84%">Go into app settings on your phone to add barcodes.</textarea>

resources/styles.css

@@ -38,3 +38,11 @@
   text-anchor: middle;
   text-length: 40;
 }
+
+.application-fill           { fill: fb-yellow; }
+.foreground-fill            { fill: fb-white; }
+.background-fill            { fill: fb-black; }
+
+#myButton #text {
+  text-buffer: "BUTTON";
+}

resources/widget.defs

@@ -0,0 +1,8 @@
+<svg>
+  <defs>
+    <link rel="stylesheet" href="styles.css" />
+    <link rel="stylesheet" href="extra.css" />
+    <link rel="import" href="/mnt/sysassets/system_widget.defs" />
+    <link rel="import" href="/mnt/sysassets/widgets/text_button.defs" />
+  </defs>
+</svg>