From a89545e02a89871591955cd4dfcc479884d45ff7 Mon Sep 17 00:00:00 2001
From: hughbarney <hughbarney@googlemail.com>
Date: Wed, 20 Oct 2021 18:35:03 +0100
Subject: [PATCH] Stopwatch: touch based stopwatch for Bangle 2

---
 apps.json                        |  13 ++
 apps/stopwatch/ChangeLog         |   1 +
 apps/stopwatch/README.md         |  20 +++
 apps/stopwatch/pause-24.png      | Bin 0 -> 161 bytes
 apps/stopwatch/pause-24a.png     | Bin 0 -> 123 bytes
 apps/stopwatch/play-24.png       | Bin 0 -> 297 bytes
 apps/stopwatch/stop-24.png       | Bin 0 -> 177 bytes
 apps/stopwatch/stop-24a.png      | Bin 0 -> 192 bytes
 apps/stopwatch/stopwatch.app.js  | 222 +++++++++++++++++++++++++++++++
 apps/stopwatch/stopwatch.icon.js |   1 +
 apps/stopwatch/stopwatch.png     | Bin 0 -> 1566 bytes
 11 files changed, 257 insertions(+)
 create mode 100644 apps/stopwatch/ChangeLog
 create mode 100644 apps/stopwatch/README.md
 create mode 100644 apps/stopwatch/pause-24.png
 create mode 100644 apps/stopwatch/pause-24a.png
 create mode 100644 apps/stopwatch/play-24.png
 create mode 100644 apps/stopwatch/stop-24.png
 create mode 100644 apps/stopwatch/stop-24a.png
 create mode 100644 apps/stopwatch/stopwatch.app.js
 create mode 100644 apps/stopwatch/stopwatch.icon.js
 create mode 100644 apps/stopwatch/stopwatch.png

diff --git a/apps.json b/apps.json
index 269e9577e..84e95330c 100644
--- a/apps.json
+++ b/apps.json
@@ -3612,5 +3612,18 @@
     {"name":"ffcniftya.app.js","url":"app.js"},
     {"name":"ffcniftya.img","url":"app-icon.js","evaluate":true}
   ]
+},
+{ "id": "stopwatch",
+  "name": "Stopwatch",
+  "shortName":"Stopwatch",
+  "icon": "stopwatch.png",
+  "version":"0.01",
+  "description": "A touch controlled stopwatch for Bangle 2",
+  "readme": "README.md",
+  "tags": "tool, b2",
+  "storage": [
+    {"name":"stopwatch.app.js","url":"stopwatch.js"},
+    {"name":"stopwatch.img","url":"stopwatch.icon.js","evaluate":true}
+  ]
 }
 ]
diff --git a/apps/stopwatch/ChangeLog b/apps/stopwatch/ChangeLog
new file mode 100644
index 000000000..9db0e26c5
--- /dev/null
+++ b/apps/stopwatch/ChangeLog
@@ -0,0 +1 @@
+0.01: first release
diff --git a/apps/stopwatch/README.md b/apps/stopwatch/README.md
new file mode 100644
index 000000000..1924cc343
--- /dev/null
+++ b/apps/stopwatch/README.md
@@ -0,0 +1,20 @@
+# Stopwatch
+
+A touch screen based stop watch for Bangle 2
+
+## Screenshots
+
+## Features
+
+* Feature A
+* Feature B
+
+## Future features
+
+I'm keen to complete this project with
+
+* Ability to dismiss the app and leave it running in the background
+* A small widget to show the elapsed time on the curren active clock
+* Laptimes, with a way to view all the laptimes on a scrollable screen
+
+
diff --git a/apps/stopwatch/pause-24.png b/apps/stopwatch/pause-24.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb3d8feaa578ddf2868ca2ebfe6c1016b89076b6
GIT binary patch
literal 161
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjY)RhkE)4%caKYZ?lYt^(o-U3d
z9-YYv609r?%6x@>Y;0_-CL6c&@bIi(kYfnsC7S$X2lDQBZoM(BvGJk3)I0Y{?~g0x
zcb`>IOUhLd?};+VI=F&$u~<)(1Fu1X=sArBW(KQ1!Ho<&4aPtl7(8A5T-G@yGywo&
C|1Q-4

literal 0
HcmV?d00001

diff --git a/apps/stopwatch/pause-24a.png b/apps/stopwatch/pause-24a.png
new file mode 100644
index 0000000000000000000000000000000000000000..7838ef640b48c569532e978aa4ea89960d1b0533
GIT binary patch
literal 123
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjY)RhkE)4%caKYZ?lYt@zo-U3d
z9-YYv60C>i3?5DV?eCzgSjh$gYC*9sS`u3mt~3R5yXi{si1joHGB8XvWs;ff*U<yi
O%i!ti=d#Wzp$Pyl+aN6f

literal 0
HcmV?d00001

diff --git a/apps/stopwatch/play-24.png b/apps/stopwatch/play-24.png
new file mode 100644
index 0000000000000000000000000000000000000000..268b5dc319c9424268bea53100591eb63c81ba35
GIT binary patch
literal 297
zcmV+^0oMMBP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00001b5ch_0Itp)
z=>Px#<4Ht8R7gv;*0D;&KoADtFVAWvT<HS{irpcKg%99W9@toDX(4ttf>u`u3ff&Q
zddffoheq6(ovFkBk;%?%8p+ip=j#J@@r2_VcpvbIcRXMd*JGgHfc4CCOxm~l7>bnu
zk@<#w%y2gZDFwRBN1S4cml9|w5Sc5yVh=}uA^!o^Gw-p1+qR8Ays<zRc!mR9eHUs0
zk-NlY3*B^3O`yvRXuE}aCpiXfOr-%4e1St$Z&BJuPC2HjgSJ4lqx!0dWf!3*h_)10
v$sEkFReN2hUN}2=&b%^<`&;s0`d`HtO7KV-qvkP?00000NkvXXu0mjfr*?W^

literal 0
HcmV?d00001

diff --git a/apps/stopwatch/stop-24.png b/apps/stopwatch/stop-24.png
new file mode 100644
index 0000000000000000000000000000000000000000..658d614cafe1548b14b1fa0f890a822d24a8a9e2
GIT binary patch
literal 177
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjY)RhkE)4%caKYZ?lYt^>o-U3d
z9-YYv609mr{A_G($9Z^o{+~S3zaZ@aOTUJJ%uS&=49hxV8Wzs)WIEizWU{@XmBX~9
zsYh`BlMDQd0=eB9SdTnm-t%&ffW$Aymb`<>8oqgfy*X@Q4-Ps+&UM&uNRk!kj6GuR
V;!)cRW&mwu@O1TaS?83{1OQ$|I{5$q

literal 0
HcmV?d00001

diff --git a/apps/stopwatch/stop-24a.png b/apps/stopwatch/stop-24a.png
new file mode 100644
index 0000000000000000000000000000000000000000..e89ddae054cbda36b088abab6577f064049dbdf9
GIT binary patch
literal 192
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjY)RhkE)4%caKYZ?lYt_oo-U3d
z9-VKedh<0X@VLyE^E>)`zQZ1Ny$-idk)JA?UU=`)n(L`3>2NZIRp$ZMX(l(L6@vEJ
zySe!q8&BV{IJVT<OsMBl>%o@zpKGUG`7qs_<9thpacs;)sXzG!+_r}04vQBZNXTE1
nxpdjV=apyUC!A4#dXRD61xvr9nF3)z2QYZL`njxgN@xNA(C<h<

literal 0
HcmV?d00001

diff --git a/apps/stopwatch/stopwatch.app.js b/apps/stopwatch/stopwatch.app.js
new file mode 100644
index 000000000..80fa7902e
--- /dev/null
+++ b/apps/stopwatch/stopwatch.app.js
@@ -0,0 +1,222 @@
+let w = g.getWidth();
+let h = g.getHeight();
+let tTotal = Date.now();
+let tStart = tTotal;
+let tCurrent = tTotal;
+let running = false;
+let timeY = 2*h/5;
+let displayInterval;
+let redrawButtons = true;
+const iconScale = g.getWidth() / 178; // scale up/down based on Bangle 2 size
+
+// 24 pixel images, scale to watch
+// 1 bit optimal, image string, no E.toArrayBuffer()
+//const reset_img_a = atob("GBiBAf////////////AAD+AAB+AAB+AAB+AAB+D/B+D/B+D/B+D/B+D/B+D/B+D/B+D/B+AAB+AAB+AAB+AAB/AAD////////////w==");
+const pause_img = atob("GBiBAf////////////////wYP/wYP/wYP/wYP/wYP/wYP/wYP/wYP/wYP/wYP/wYP/wYP/wYP/wYP/wYP/wYP////////////////w==");
+const play_img = atob("GBjBAP//AAAAAAAAAAAIAAAOAAAPgAAP4AAP+AAP/AAP/wAP/8AP//AP//gP//gP//AP/8AP/wAP/AAP+AAP4AAPgAAOAAAIAAAAAAAAAAA=");
+const reset_img = atob("GBiBAf////////////AAD+AAB+f/5+f/5+f/5+cA5+cA5+cA5+cA5+cA5+cA5+cA5+cA5+f/5+f/5+f/5+AAB/AAD////////////w==");
+
+function log_debug(o) {
+  //console.log(o);
+}
+
+function timeToText(t) {
+  let hrs = Math.floor(t/3600000);
+  let mins = Math.floor(t/60000)%60;
+  let secs = Math.floor(t/1000)%60;
+  let tnth = Math.floor(t/100)%10;
+  let text;
+
+  if (hrs === 0) 
+    text = ("0"+mins).substr(-2) + ":" + ("0"+secs).substr(-2) + "." + tnth;
+  else
+    text = (""+hrs) + ":" + ("0"+mins).substr(-2) + ":" + ("0"+secs).substr(-2) + "." + tnth;
+
+  //log_debug(text);
+  return text;
+}
+
+function drawButtons() {
+  log_debug("drawButtons()");
+  if (!running && tCurrent == tTotal) {
+    bigPlayPauseBtn.draw();
+  } else if (!running && tCurrent != tTotal) {
+    resetBtn.draw();
+    smallPlayPauseBtn.draw();
+  } else {
+    bigPlayPauseBtn.draw();
+  }
+  
+  redrawButtons = false;
+}
+
+function drawTime() {
+  //log_debug("drawTime()");
+  let Tt = tCurrent-tTotal;
+  let Ttxt = timeToText(Tt);
+
+  // total time
+  g.setFont("Vector",38);  // check
+  g.setFontAlign(0,0);
+  g.clearRect(0, timeY - 21, w, timeY + 21);
+  g.setColor(g.theme.fg); 
+  g.drawString(Ttxt, w/2, timeY);
+}
+
+function draw() {
+  let last = tCurrent;
+  if (running) tCurrent = Date.now();
+  g.setColor(g.theme.fg);
+  if (redrawButtons) drawButtons();
+  drawTime();
+}
+
+function startTimer() {
+  log_debug("startTimer()");
+  draw();
+  displayInterval = setInterval(draw, 100);
+}
+
+function stopTimer() {
+  log_debug("stopTimer()");
+  if (displayInterval) {
+    clearInterval(displayInterval);
+    displayInterval = undefined;
+  }
+}
+
+// BTN stop start
+function stopStart() {
+  log_debug("stopStart()");
+
+  if (running)
+    stopTimer();
+
+  running = !running;
+  Bangle.buzz();
+
+  if (running)
+    tStart = Date.now() + tStart- tCurrent;  
+  tTotal = Date.now() + tTotal - tCurrent;
+  tCurrent = Date.now();
+
+  setButtonImages();
+  redrawButtons = true;
+  if (running) {
+    startTimer();
+  } else {
+    draw();
+  }
+}
+
+function setButtonImages() {
+  if (running) {
+    bigPlayPauseBtn.setImage(pause_img);
+    smallPlayPauseBtn.setImage(pause_img);
+    resetBtn.setImage(reset_img);
+  } else {
+    bigPlayPauseBtn.setImage(play_img);
+    smallPlayPauseBtn.setImage(play_img);
+    resetBtn.setImage(reset_img);
+  }
+}
+
+// lap or reset
+function lapReset() {
+  log_debug("lapReset()");
+  if (!running && tStart != tCurrent) {
+    redrawButtons = true;
+    Bangle.buzz();
+    tStart = tCurrent = tTotal = Date.now();
+    log_debug("lapReset - clear screen");
+    g.clearRect(0,24,w,h);
+    draw();
+  }
+}
+
+// simple on screen button class
+function BUTTON(name,x,y,w,h,c,f,i) {
+  this.name = name;
+  this.x = x;
+  this.y = y;
+  this.w = w;
+  this.h = h;
+  this.color = c;
+  this.callback = f;
+  this.img = i;
+}
+
+BUTTON.prototype.setImage = function(i) {
+  this.img = i;
+}
+
+// if pressed the callback
+BUTTON.prototype.check = function(x,y) {
+  //console.log(this.name + ":check() x=" + x + " y=" + y +"\n");
+  
+  if (x>= this.x && x<= (this.x + this.w) && y>= this.y && y<= (this.y + this.h)) {
+    log_debug(this.name + ":callback\n");
+    this.callback();
+    return true;
+  }
+  return false;
+};
+
+BUTTON.prototype.draw = function() {
+  g.setColor(this.color);
+  g.fillRect(this.x, this.y, this.x + this.w, this.y + this.h);
+  g.setColor("#000"); // the icons and boxes are drawn black
+  if (this.img != undefined) {
+    let iw = iconScale * 24;  // the images were loaded as 24 pixels, we will scale
+    let ix = this.x + ((this.w - iw) /2);
+    let iy = this.y + ((this.h - iw) /2);
+    log_debug("g.drawImage(" + ix + "," + iy + "{scale: " + iconScale + "})");
+    g.drawImage(this.img, ix, iy, {scale: iconScale}); 
+  }
+  g.drawRect(this.x, this.y, this.x + this.w, this.y + this.h);
+};
+
+
+var bigPlayPauseBtn = new BUTTON("big",0, 3*h/4 ,w, h/4, "#0ff", stopStart, play_img);
+var smallPlayPauseBtn = new BUTTON("small",w/2, 3*h/4 ,w/2, h/4, "#0ff", stopStart, play_img);
+var resetBtn = new BUTTON("rst",0, 3*h/4, w/2, h/4, "#ff0", lapReset, pause_img);
+
+bigPlayPauseBtn.setImage(play_img);
+smallPlayPauseBtn.setImage(play_img);
+resetBtn.setImage(pause_img);
+
+
+Bangle.on('touch', function(button, xy) {
+  // not running, and reset
+  if (!running && tCurrent == tTotal && bigPlayPauseBtn.check(xy.x, xy.y)) return;
+
+  // paused and hit play
+  if (!running && tCurrent != tTotal && smallPlayPauseBtn.check(xy.x, xy.y)) return;
+
+  // paused and press reset
+  if (!running && tCurrent != tTotal && resetBtn.check(xy.x, xy.y)) return;
+
+  // must be running
+  if (running && bigPlayPauseBtn.check(xy.x, xy.y)) return;
+});
+
+// Stop updates when LCD is off, restart when on
+Bangle.on('lcdPower',on=>{
+  if (on) {
+    draw(); // draw immediately, queue redraw
+  } else { // stop draw timer
+    if (drawTimeout) clearTimeout(drawTimeout);
+    drawTimeout = undefined;
+  }
+});
+
+// Clear the screen once, at startup
+g.setTheme({bg:"#000",fg:"#fff",dark:true}).clear();
+// above not working, hence using next 2 lines
+g.setColor("#000");
+g.fillRect(0,0,w,h);
+
+Bangle.loadWidgets();
+Bangle.drawWidgets();
+draw();
+Bangle.setUI("clock"); // Show launcher when button pressed
diff --git a/apps/stopwatch/stopwatch.icon.js b/apps/stopwatch/stopwatch.icon.js
new file mode 100644
index 000000000..867b95bd2
--- /dev/null
+++ b/apps/stopwatch/stopwatch.icon.js
@@ -0,0 +1 @@
+require("heatshrink").decompress(atob("mEw4UA///vvvvEF/muH+cDHgPABf4AElWoKhILClALH1WqAQIWHBYIABwAKEgQKD1WgBYkK1X1r4XHlWtqtVvQLG1XVBYNXHYsC1YJBBoPqC4kKEQILCvQ7EhW1BYdeBYkqytVqwCCQwkqCgILCq4LFIoILCqoLEIwIsBGQJIBBZ+pA4Na0oDBtQLGvSFCBaYjIHYR3CI5AADBYhrCAAaDHAASDGQASGCBYizCAASzFZYQACZYrjCIwb7QHgIkCvQ6EGAWq+tf1QuEGAWqAAQuFEgQKBEQw9DHIwAuA="));
diff --git a/apps/stopwatch/stopwatch.png b/apps/stopwatch/stopwatch.png
new file mode 100644
index 0000000000000000000000000000000000000000..92ffe73b7f172f7019486231d5bc0ba327c13a67
GIT binary patch
literal 1566
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
Q%m4rY07*qoM6N<$g48qYF8}}l

literal 0
HcmV?d00001