forked from FOSS/BangleApps
Allow clock 'info screens' to be defined - as per https://github.com/espruino/BangleApps/pull/2114#issuecomment-1240836007
Gordon Williams
parent
ff9a5c4c20
commit
1f3695efff
|
|
@ -0,0 +1,114 @@
|
||||||
|
var exports = {};
|
||||||
|
/* Module that allows for loading of clock 'info' displays
|
||||||
|
that can be scrolled through on the clock face.
|
||||||
|
|
||||||
|
`load()` returns an array of menu items:
|
||||||
|
|
||||||
|
* 'item.name' : friendly name
|
||||||
|
* 'item.get' : function that resolves with:
|
||||||
|
{
|
||||||
|
'text' : the text to display for this item
|
||||||
|
'img' : a 24x24px image to display for this item
|
||||||
|
}
|
||||||
|
* 'item.show' : called when item should be shown. Enables updates. Call BEFORE 'get'
|
||||||
|
* 'item.hide' : called when item should be hidden. Disables updates.
|
||||||
|
* .on('redraw', ...) : event that is called when 'get' should be called again (only after 'item.show')
|
||||||
|
* 'item.run' : (optional) called if the info screen is tapped - can perform some action
|
||||||
|
|
||||||
|
See the bottom of this file for example usage...
|
||||||
|
|
||||||
|
example.clkinfo.js :
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
return [
|
||||||
|
{ name : "Example",
|
||||||
|
get : () => ({ text : "Bangle.js",
|
||||||
|
img : atob("GBiBAAD+AAH+AAH+AAH+AAH/AAOHAAYBgAwAwBgwYBgwYBgwIBAwOBAwOBgYIBgMYBgAYAwAwAYBgAOHAAH/AAH+AAH+AAH+AAD+AA==") }),
|
||||||
|
show : () => {},
|
||||||
|
hide : () => {}
|
||||||
|
}
|
||||||
|
];
|
||||||
|
}) // must not have a semi-colon!
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
exports.load = function() {
|
||||||
|
// info used for drawing...
|
||||||
|
var hrm = "--";
|
||||||
|
var alt = "--";
|
||||||
|
// callbacks (needed for easy removal of listeners)
|
||||||
|
function batteryUpdateHandler() { items[0].emit("redraw"); }
|
||||||
|
function stepUpdateHandler() { items[1].emit("redraw"); }
|
||||||
|
function hrmUpdateHandler() { items[2].emit("redraw"); }
|
||||||
|
function altUpdateHandler() {
|
||||||
|
Bangle.getPressure().then(data=>{
|
||||||
|
if (!data) return;
|
||||||
|
alt = Math.round(data.altitude) + "m";
|
||||||
|
items[3].emit("redraw");
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// actual items
|
||||||
|
var items = [
|
||||||
|
{ name : "Battery",
|
||||||
|
get : () => ({
|
||||||
|
text : E.getBattery() + "%",
|
||||||
|
img : atob(Bangle.isCharging() ? "GBiBAAABgAADwAAHwAAPgACfAAHOAAPkBgHwDwP4Hwf8Pg/+fB//OD//kD//wD//4D//8D//4B//QB/+AD/8AH/4APnwAHAAACAAAA==" : "GBiBAAAAAAAAAAAAAAAAAAAAAD//+P///IAAAr//Ar//Ar//A7//A7//A7//A7//Ar//AoAAAv///D//+AAAAAAAAAAAAAAAAAAAAA==") }),
|
||||||
|
show : function() {
|
||||||
|
this.interval = setInterval(()=>this.emit('redraw'), 60000);
|
||||||
|
Bangle.on("charging", batteryUpdateHandler);
|
||||||
|
},
|
||||||
|
hide : function() {
|
||||||
|
clearInterval(this.interval);
|
||||||
|
delete this.interval;
|
||||||
|
Bangle.removeListener("charging", batteryUpdateHandler);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{ name : "Steps", get : () => ({
|
||||||
|
text : Bangle.getHealthStatus("day").steps,
|
||||||
|
img : atob("GBiBAAcAAA+AAA/AAA/AAB/AAB/gAA/g4A/h8A/j8A/D8A/D+AfH+AAH8AHn8APj8APj8AHj4AHg4AADAAAHwAAHwAAHgAAHgAADAA==") }),
|
||||||
|
show : function() { Bangle.on("step", stepUpdateHandler); },
|
||||||
|
hide : function() { Bangle.removeListener("step", stepUpdateHandler); },
|
||||||
|
},
|
||||||
|
{ name : "HRM", get : () => ({
|
||||||
|
text : Math.round(Bangle.getHealthStatus("last").bpm) + " bpm",
|
||||||
|
img : atob("GBiBAAAAAAAAAAAAAAAAAAAAAADAAADAAAHAAAHjAAHjgAPngH9n/n82/gA+AAA8AAA8AAAcAAAYAAAYAAAAAAAAAAAAAAAAAAAAAA==") }),
|
||||||
|
show : function() { Bangle.setHRMPower(1,"clkinfo"); Bangle.on("HRM", hrmUpdateHandler); hrm = Math.round(Bangle.getHealthStatus("last").bpm); },
|
||||||
|
hide : function() { Bangle.setHRMPower(0,"clkinfo"); Bangle.removeListener("HRM", hrmUpdateHandler); hrm = "--"; },
|
||||||
|
}
|
||||||
|
];
|
||||||
|
if (Bangle.getPressure) // Altimeter may not exist
|
||||||
|
items.push({ name : "Altitude", get : () => ({
|
||||||
|
text : alt,
|
||||||
|
img : atob("GBiBAAAAAAAAAAAAAAAAAAAAAAACAAAGAAAPAAEZgAOwwAPwQAZgYAwAMBgAGBAACDAADGAABv///////wAAAAAAAAAAAAAAAAAAAA==") }),
|
||||||
|
show : function() { this.interval = setInterval(altUpdateHandler, 60000); alt = "--"; altUpdateHandler(); },
|
||||||
|
hide : function() { clearInterval(this.interval); delete this.interval; },
|
||||||
|
});
|
||||||
|
// now load extra data from a third party files
|
||||||
|
require("Storage").list(/clkinfo.js$/).forEach(fn => {
|
||||||
|
items = items.concat(eval(require("Storage").read(fn))());
|
||||||
|
});
|
||||||
|
// return it all!
|
||||||
|
return items;
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
// Code for testing
|
||||||
|
/*
|
||||||
|
g.clear();
|
||||||
|
var items = exports.load(); // or require("clock_info").load()
|
||||||
|
items.forEach((itm,i) => {
|
||||||
|
var y = i*24;
|
||||||
|
console.log("Starting", itm.name);
|
||||||
|
function draw() {
|
||||||
|
var info = itm.get();
|
||||||
|
g.reset().setFont("6x8:2").setFontAlign(-1,0);
|
||||||
|
g.clearRect(0,y,g.getWidth(),y+23);
|
||||||
|
g.drawImage(info.img, 0,y);
|
||||||
|
g.drawString(info.text, 48,y+12);
|
||||||
|
}
|
||||||
|
itm.on('redraw', draw); // ensures we redraw when we need to
|
||||||
|
itm.show();
|
||||||
|
draw();
|
||||||
|
});
|
||||||
|
*/
|
||||||
Loading…
Reference in New Issue