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

Added styling changes.

master
Ephraim Amiel Yusi 2020-05-27 14:58:21 +10:00 committed by GitHub
parent ccd0dc7e8a
commit 5e7299ad59
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
apps/verticalface/app.js
View File

@ -6,11 +6,11 @@ require("Font7x11Numeric7Seg").add(Graphics);
function draw() { function draw() {
// work out how to display the current time // work out how to display the current time
var d = new Date(); var d = new Date();
var h = d.getHours(), m = d.getMinutes(), day = d.getDate(), month = (d.getMonth()+1), weekDay = d.getDay(); var h = d.getHours(), m = d.getMinutes(), day = d.getDate(), month = d.getMonth(), weekDay = d.getDay();
var daysOfWeek = ["MON", "TUE","WED","THUR","FRI","SAT","SUN"]; var daysOfWeek = ["MON", "TUE","WED","THUR","FRI","SAT","SUN"];
var hours = ("0"+h).substr(-2); var hours = h;
var mins= ("0"+m).substr(-2); var mins= ("0"+m).substr(-2);
var date = `${daysOfWeek[weekDay]}\n\n${day}/${month}`; var date = `${daysOfWeek[weekDay]}\n\n${day}/${month}`;
@ -19,13 +19,13 @@ function draw() {
// draw the current time (4x size 7 segment) // draw the current time (4x size 7 segment)
g.setFont("7x11Numeric7Seg",6); g.setFont("7x11Numeric7Seg",6);
g.setFontAlign(-1,0); // align right bottom g.setFontAlign(-1,0); // align right bottom
g.drawString(hours, 30, 80, true /*clear background*/); g.drawString(hours, 55, 85, true /*clear background*/);
g.drawString(mins, 30, 160, true /*clear background*/); g.drawString(mins, 55, 150, true /*clear background*/);
// draw the date (2x size 7 segment) // draw the date (2x size 7 segment)
g.setFont("6x8",2); g.setFont("6x8",2);
g.setFontAlign(-1,0); // align right bottom g.setFontAlign(-1,0); // align right bottom
g.drawString(date, 130, 110, true /*clear background*/); g.drawString(date, 145, 110, true /*clear background*/);
} }
// Clear the screen once, at startup // Clear the screen once, at startup
@ -48,6 +48,7 @@ Bangle.loadWidgets();
Bangle.drawWidgets(); Bangle.drawWidgets();
// Show launcher when middle button pressed // Show launcher when middle button pressed
setWatch(Bangle.showLauncher, BTN2, { repeat: false, edge: "falling" }); setWatch(Bangle.showLauncher, BTN2, { repeat: false, edge: "falling" });
Bangle.on('touch', function(button) { Bangle.on('touch', function(button) {
if(button == 1 || button == 2) Bangle.showLauncher(); if(button == 1 || button == 2) Bangle.showLauncher();
}); });