Create app.js

apps/macwatch/app.js

@@ -0,0 +1,54 @@
+var font = atob("f3/gMB/7+AAAACA///AAAAAAQcHhsZ+LhAAAgUhsPh38eAAADAoJCI///BAA8XhkMhn8eAAAPz/0Mhn4eAAAgEAh8f+HgAAAb3/kMh/7eAAAeH5hML/z8AAAAAADYbAAAAAA");
+
+function draw() {
+  g.reset();
+  g.setFontCustom(font, 48, 8, 1801);
+  g.setFontAlign(0, -1, 0);
+  if (showDate) {
+    if (g.theme.dark) {
+      g.setColor("#00ffff"); // cyan date numbers for dark mode
+    }
+    else {
+      g.setColor("#0000ff"); // blue date numbers for light mode
+    }
+    line1 = ("0"+(new Date()).getDate()).substr(-2);
+    line2 = ("0"+((new Date()).getMonth()+1)).substr(-2);
+  }
+  else {
+    if (g.theme.dark) {
+      g.setColor(1,1,1);    // white time numbers for dark mode
+    }
+    else {
+      g.setColor(0);        // black time numbers for light mode
+    }
+    var d = new Date();
+    var da = d.toString().split(" ");
+    line1 = da[4].substr(0,2);
+    line2 = da[4].substr(3,2);
+  }
+  g.drawString(line1, 95, 30, true);
+  g.drawString(line2, 95, 106, true);
+  }
+
+// handle switch display on by pressing BTN1
+Bangle.on('lcdPower', function(on) {
+  if (on) draw();
+});
+
+Bangle.on('touch', function(on) {
+  if (on) {
+    showDate = !showDate;     // toggle date mode on and off
+    draw();
+  }
+});
+
+g.clear();
+var showDate = 0;
+setInterval(draw, 15000);     // refresh display every 15s
+draw();
+
+// Show launcher when button pressed
+Bangle.setUI("clock");
+
+Bangle.loadWidgets();
+Bangle.drawWidgets();