Remove unused
parent
7bf24582fa
commit
46a196e301
|
|
@ -1,264 +0,0 @@
|
|||
{
|
||||
const CONFIGFILE = "stopwatch.json";
|
||||
|
||||
const now = Date.now();
|
||||
const config = Object.assign({
|
||||
state: {
|
||||
total: now,
|
||||
start: now,
|
||||
current: now,
|
||||
running: false,
|
||||
}
|
||||
}, require("Storage").readJSON(CONFIGFILE, 1) || {});
|
||||
|
||||
let w = g.getWidth();
|
||||
let h = g.getHeight();
|
||||
let tTotal = config.state.total;
|
||||
let tStart = config.state.start;
|
||||
let tCurrent = config.state.current;
|
||||
let running = config.state.running;
|
||||
let timeY = 2 * h / 5;
|
||||
let displayInterval;
|
||||
let redrawButtons = true;
|
||||
const iconScale = g.getWidth() / 178; // scale up/down based on Bangle 2 size
|
||||
const origTheme = g.theme;
|
||||
|
||||
// 24 pixel images, scale to watch
|
||||
// 1 bit optimal, image string, no E.toArrayBuffer()
|
||||
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==");
|
||||
|
||||
const saveState = function () {
|
||||
config.state.total = tTotal;
|
||||
config.state.start = tStart;
|
||||
config.state.current = tCurrent;
|
||||
config.state.running = running;
|
||||
require("Storage").writeJSON(CONFIGFILE, config);
|
||||
};
|
||||
|
||||
const log_debug = function (o) {
|
||||
//console.log(o);
|
||||
};
|
||||
|
||||
const timeToText = function (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 = ("0" + hrs) + ":" + ("0" + mins).substr(-2) + ":" + ("0" + secs).substr(-2);
|
||||
|
||||
//log_debug(text);
|
||||
return text;
|
||||
};
|
||||
|
||||
const drawButtons = function () {
|
||||
log_debug("drawButtons()");
|
||||
if (!running && tCurrent == tTotal) {
|
||||
bigPlayPauseBtn.draw();
|
||||
} else if (!running && tCurrent != tTotal) {
|
||||
resetBtn.draw();
|
||||
smallPlayPauseBtn.draw();
|
||||
} else {
|
||||
bigPlayPauseBtn.draw();
|
||||
}
|
||||
|
||||
redrawButtons = false;
|
||||
};
|
||||
|
||||
const drawTime = function () {
|
||||
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);
|
||||
};
|
||||
|
||||
const draw = function () {
|
||||
if (running) tCurrent = Date.now();
|
||||
g.setColor(g.theme.fg);
|
||||
if (redrawButtons) drawButtons();
|
||||
drawTime();
|
||||
};
|
||||
|
||||
const startTimer = function () {
|
||||
log_debug("startTimer()");
|
||||
draw();
|
||||
displayInterval = setInterval(draw, 100);
|
||||
};
|
||||
|
||||
const stopTimer = function () {
|
||||
log_debug("stopTimer()");
|
||||
if (displayInterval) {
|
||||
clearInterval(displayInterval);
|
||||
displayInterval = undefined;
|
||||
}
|
||||
};
|
||||
|
||||
// BTN stop start
|
||||
const stopStart = function () {
|
||||
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();
|
||||
}
|
||||
saveState();
|
||||
};
|
||||
|
||||
const setButtonImages = function () {
|
||||
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
|
||||
const lapReset = function () {
|
||||
log_debug("lapReset()");
|
||||
if (!running && tStart != tCurrent) {
|
||||
redrawButtons = true;
|
||||
Bangle.buzz();
|
||||
tStart = tCurrent = tTotal = Date.now();
|
||||
g.clearRect(0, 24, w, h);
|
||||
draw();
|
||||
}
|
||||
saveState();
|
||||
};
|
||||
|
||||
// simple on screen button class
|
||||
const BUTTON = function (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);
|
||||
};
|
||||
|
||||
|
||||
const bigPlayPauseBtn = new BUTTON("big", 0, 3 * h / 4, w, h / 4, "#0ff", stopStart, play_img);
|
||||
const smallPlayPauseBtn = new BUTTON("small", w / 2, 3 * h / 4, w / 2, h / 4, "#0ff", stopStart, play_img);
|
||||
const 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.setUI({
|
||||
mode: "custom", btn: () => load(), touch: (button, xy) => {
|
||||
let x = xy.x;
|
||||
let y = xy.y;
|
||||
|
||||
// adjust for outside the dimension of the screen
|
||||
// http://forum.espruino.com/conversations/371867/#comment16406025
|
||||
if (y > h) y = h;
|
||||
if (y < 0) y = 0;
|
||||
if (x > w) x = w;
|
||||
if (x < 0) x = 0;
|
||||
|
||||
// not running, and reset
|
||||
if (!running && tCurrent == tTotal && bigPlayPauseBtn.check(x, y)) return;
|
||||
|
||||
// paused and hit play
|
||||
if (!running && tCurrent != tTotal && smallPlayPauseBtn.check(x, y)) return;
|
||||
|
||||
// paused and press reset
|
||||
if (!running && tCurrent != tTotal && resetBtn.check(x, y)) return;
|
||||
|
||||
// must be running
|
||||
if (running && bigPlayPauseBtn.check(x, y)) return;
|
||||
}, remove: () => {
|
||||
if (displayInterval) {
|
||||
clearInterval(displayInterval);
|
||||
displayInterval = undefined;
|
||||
}
|
||||
Bangle.removeListener('lcdPower', onLCDPower);
|
||||
g.setTheme(origTheme);
|
||||
}
|
||||
});
|
||||
|
||||
// Stop updates when LCD is off, restart when on
|
||||
const onLCDPower = (on) => {
|
||||
if (on) {
|
||||
draw(); // draw immediately, queue redraw
|
||||
}
|
||||
};
|
||||
Bangle.on('lcdPower', onLCDPower);
|
||||
|
||||
// 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();
|
||||
setButtonImages();
|
||||
if (running) {
|
||||
startTimer();
|
||||
} else {
|
||||
draw();
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue