[entonclk] Add timer function

apps/entonclk/ChangeLog

@@ -1 +1,2 @@
-0.1: New App!
+0.1: New App!
+0.2: Now with timer function

apps/entonclk/README.md

@@ -6,4 +6,16 @@ Things I changed:
 
 - The main font for the time is now Audiowide
 - Removed the written out day name and replaced it with steps and bpm
-- Changed the date string to a (for me) more readable string
+- Changed the date string to a (for me) more readable string
+
+Timer function:
+- Touch the right side, to start the timer
+- Initial timer timeout is 300s/5min
+- Right touch again, add 300s/5min to timeout
+- Left touch, decrease timeout by 60s/1min
+- So it is easy, to add timeouts like 7min/3min or 12min
+- Special thanks to the maintainer of the a_clock_timer app from which I borrowed the code.
+
+Todo:
+- Make displayed information configurable, after https://github.com/espruino/BangleApps/issues/2226
+- Clean up code

apps/entonclk/app.js

@@ -7,61 +7,119 @@ Graphics.prototype.setFontAudiowide = function() {
 };
 
 function getSteps() {
-		var steps = 0;
+  var steps = 0;
-		try{
+  try{
-      if (WIDGETS.wpedom !== undefined) {
+    if (WIDGETS.wpedom !== undefined) {
-          steps = WIDGETS.wpedom.getSteps();
+      steps = WIDGETS.wpedom.getSteps();
-      } else if (WIDGETS.activepedom !== undefined) {
+    } else if (WIDGETS.activepedom !== undefined) {
-          steps = WIDGETS.activepedom.getSteps();
+      steps = WIDGETS.activepedom.getSteps();
-      } else {
+    } else {
-        steps = Bangle.getHealthStatus("day").steps;
+      steps = Bangle.getHealthStatus("day").steps;
-      }
+    }
   } catch(ex) {
-      // In case we failed, we can only show 0 steps.
+    // In case we failed, we can only show 0 steps.
-      return "?";
+    return "?";
   }
 
-		return Math.round(steps);
+  return Math.round(steps);
 }
 
 { // must be inside our own scope here so that when we are unloaded everything disappears
   // we also define functions using 'let fn = function() {..}' for the same reason. function decls are global
-let drawTimeout;
+  let drawTimeout;
 
 
-// Actually draw the watch face
+  // Actually draw the watch face
-let draw = function() {
+  let draw = function() {
-  var x = g.getWidth() / 2;
+    var x = g.getWidth() / 2;
-  var y = g.getHeight() / 2;
+    var y = g.getHeight() / 2;
-  g.reset().clearRect(Bangle.appRect); // clear whole background (w/o widgets)
+    g.reset().clearRect(Bangle.appRect); // clear whole background (w/o widgets)
-  var date = new Date();
+    var date = new Date();
-  var timeStr = require("locale").time(date, 1); // Hour and minute
+    var timeStr = require("locale").time(date, 1); // Hour and minute
-  g.setFontAlign(0, 0).setFont("Audiowide").drawString(timeStr, x, y);
+    g.setFontAlign(0, 0).setFont("Audiowide").drawString(timeStr, x, y);
-  var dateStr = require("locale").date(date, 1).toUpperCase();
+    var dateStr = require("locale").date(date, 1).toUpperCase();
-  g.setFontAlign(0, 0).setFont("6x8", 2).drawString(dateStr, x, y+28);
+    g.setFontAlign(0, 0).setFont("6x8", 2).drawString(dateStr, x, y+28);
-	g.setFontAlign(0, 0).setFont("6x8", 2);
+    g.setFontAlign(0, 0).setFont("6x8", 2);
-  g.drawString(getSteps(), 50, y+70);
+    g.drawString(getSteps(), 50, y+70);
-  g.drawString(Math.round(Bangle.getHealthStatus("last").bpm), g.getWidth() -37, y + 70);
+    g.drawString(Math.round(Bangle.getHealthStatus("last").bpm), g.getWidth() -37, y + 70);
 
-  // queue next draw
+    // queue next draw
-  if (drawTimeout) clearTimeout(drawTimeout);
-  drawTimeout = setTimeout(function() {
-    drawTimeout = undefined;
-    draw();
-  }, 60000 - (Date.now() % 60000));
-};
-
-// Show launcher when middle button pressed
-Bangle.setUI({
-  mode : "clock",
-  remove : function() {
-    // Called to unload all of the clock app
     if (drawTimeout) clearTimeout(drawTimeout);
-    drawTimeout = undefined;
+    drawTimeout = setTimeout(function() {
-    delete Graphics.prototype.setFontAnton;
+      drawTimeout = undefined;
-  }});
+      draw();
-// Load widgets
+    }, 60000 - (Date.now() % 60000));
-Bangle.loadWidgets();
+  };
-draw();
+
-setTimeout(Bangle.drawWidgets,0);
+  // Show launcher when middle button pressed
+  Bangle.setUI({
+    mode : "clock",
+    remove : function() {
+      // Called to unload all of the clock app
+      if (drawTimeout) clearTimeout(drawTimeout);
+      drawTimeout = undefined;
+      delete Graphics.prototype.setFontAnton;
+    }});
+  // Load widgets
+  Bangle.loadWidgets();
+  draw();
+  setTimeout(Bangle.drawWidgets,0);
+}
+
+// Timer function
+var timervalue = 0;
+var istimeron = false;
+var timertick;
+
+Bangle.on('touch',t => {
+  if (t == 1) {
+    // Touch on the left, reduce timervalue about 60s
+    Bangle.buzz(30);
+    if (timervalue < 60) { timervalue = 1 ; }
+    else { timervalue -= 60; }
+  }
+  // Touch on the right, raise timervaule about 300s
+  else if (t == 2) {
+    Bangle.buzz(30);
+    if (!istimeron) {
+      istimeron = true;
+      timertick = setInterval(countDown, 1000);
+    }
+    timervalue += 60*5;
+  }
+});
+
+function timeToString(duration) {
+  var hrs = ~~(duration / 3600);
+  var mins = ~~((duration % 3600) / 60);
+  var secs = ~~duration % 60;
+  var ret = "";
+  if (hrs > 0) {
+    ret += "" + hrs + ":" + (mins < 10 ? "0" : "");
+  }
+  ret += "" + mins + ":" + (secs < 10 ? "0" : "");
+  ret += "" + secs;
+  return ret;
+}
+
+function countDown() {
+  timervalue--;
+
+  g.reset().clearRect(0, 40, 44+99, g.getHeight()/2-25);
+
+  g.setFontAlign(0, -1, 0);
+  g.setFont("6x8", 2).drawString(timeToString(timervalue), 95, g.getHeight()/2-50);
+
+  if (timervalue <= 0) {
+    istimeron = false;
+    clearInterval(timertick);
+
+    Bangle.buzz().then(()=>{
+      return new Promise(resolve=>setTimeout(resolve, 500));
+    }).then(()=>{
+      return Bangle.buzz(1000);
+    });
+  }
+  else
+    if ((timervalue <= 30) && (timervalue % 10 == 0)) { Bangle.buzz(); }
 }

apps/entonclk/metadata.json

@@ -1,8 +1,8 @@
 {
   "id": "entonclk",
   "name": "Enton Clock",
-  "version": "0.1",
+  "version": "0.2",
-  "description": "A simple clock using the Audiowide font. ",
+  "description": "A simple clock using the Audiowide font with timer. ",
   "icon": "app.png",
   "screenshots": [{"url":"screenshot.png"}],
   "type": "clock",