bryan
/
BangleApps
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added new capabilities and template for "widgets"

master
Ephraim Amiel Yusi 2020-05-27 17:05:14 +10:00 committed by GitHub
parent 61407ecfd1
commit aaa0401bb8
1 changed files with 36 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
apps/verticalface/app.js
View File

@ -1,22 +1,5 @@
// NOTE: 240 x 240
// Load fonts
require("Font8x12").add(Graphics);
function drawTimeDate() {
// work out how to display the current time
var d = new Date();
var h = d.getHours(), m = d.getMinutes(), day = d.getDate(), month = d.getMonth(), weekDay = d.getDay();
var daysOfWeek = ["MON", "TUE","WED","THU","FRI","SAT","SUN"];
var hours = h;
var mins= ("0"+m).substr(-2);
var date = `${daysOfWeek[weekDay]}|${day}|${("0"+(month+1)).substr(-2)}`;
// Reset the state of the graphics library
g.reset();
// Set color
g.setColor('#27ae60');
// draw the current time (4x size 7 segment)
g.setFont("8x12",9);
g.setFontAlign(-1,0); // align right bottom
@ -29,11 +12,44 @@ function drawTimeDate() {
g.drawString(date, 20, 215, true /*clear background*/);
}
//We will create custom "Widgets" for our face.
function drawSteps() {
//Reset to defaults.
g.reset();
// draw the date (2x size 7 segment)
g.setColor('#7f8c8d');
g.setFont("8x12",2);
g.setFontAlign(-1,0); // align right bottom
g.drawString("STEPS", 145, 40, true /*clear background*/);
g.setColor('#bdc3c7');
g.drawString("1234", 145, 70, true /*clear background*/);
}
function drawBPM() {
//Reset to defaults.
g.reset();
// draw the date (2x size 7 segment)
g.setColor('#7f8c8d');
g.setFont("8x12",2);
g.setFontAlign(-1,0); // align right bottom
g.drawString("BPM", 145, 120, true /*clear background*/);
g.setColor('#bdc3c7');
g.drawString("1234", 145, 150, true /*clear background*/);
}
// Clear the screen once, at startup
g.clear();
// draw immediately at first
drawTimeDate();
var secondInterval = setInterval(drawTimeDate, 5000);
drawSteps();
drawBPM();
var secondInterval = setInterval(()=>{
drawTimeDate();
}, 5000);
// Stop updates when LCD is off, restart when on
Bangle.on('lcdPower',on=>{