mirror of https://github.com/espruino/BangleApps
119 lines
2.8 KiB
JavaScript
119 lines
2.8 KiB
JavaScript
const locale = require("locale");
|
|
const storage = require('Storage');
|
|
|
|
const is12Hour = (storage.readJSON("setting.json", 1) || {})["12hour"];
|
|
const color = (storage.readJSON("ffcniftyb.json", 1) || {})["color"] || 63488 /* red */;
|
|
|
|
|
|
/* Clock *********************************************/
|
|
const scale = g.getWidth() / 176;
|
|
|
|
const screen = {
|
|
width: g.getWidth(),
|
|
height: g.getHeight() - 24,
|
|
};
|
|
|
|
const center = {
|
|
x: screen.width / 2,
|
|
y: screen.height / 2,
|
|
};
|
|
|
|
function d02(value) {
|
|
return ('0' + value).substr(-2);
|
|
}
|
|
|
|
function renderEllipse(g) {
|
|
g.fillEllipse(center.x - 5 * scale, center.y - 70 * scale, center.x + 160 * scale, center.y + 90 * scale);
|
|
}
|
|
|
|
function renderText(g) {
|
|
const now = new Date();
|
|
|
|
const hour = d02(now.getHours() - (is12Hour && now.getHours() > 12 ? 12 : 0));
|
|
const minutes = d02(now.getMinutes());
|
|
const day = d02(now.getDate());
|
|
const month = d02(now.getMonth() + 1);
|
|
const year = now.getFullYear();
|
|
|
|
const month2 = locale.month(now, 3);
|
|
const day2 = locale.dow(now, 3);
|
|
|
|
g.setFontAlign(1, 0).setFont("Vector", 90 * scale);
|
|
g.drawString(hour, center.x + 32 * scale, center.y - 31 * scale);
|
|
g.drawString(minutes, center.x + 32 * scale, center.y + 46 * scale);
|
|
|
|
g.setFontAlign(1, 0).setFont("Vector", 16 * scale);
|
|
g.drawString(year, center.x + 80 * scale, center.y - 42 * scale);
|
|
g.drawString(month, center.x + 80 * scale, center.y - 26 * scale);
|
|
g.drawString(day, center.x + 80 * scale, center.y - 10 * scale);
|
|
g.drawString(month2, center.x + 80 * scale, center.y + 44 * scale);
|
|
g.drawString(day2, center.x + 80 * scale, center.y + 60 * scale);
|
|
}
|
|
|
|
const buf = Graphics.createArrayBuffer(screen.width, screen.height, 1, {
|
|
msb: true
|
|
});
|
|
|
|
function draw() {
|
|
|
|
const img = {
|
|
width: screen.width,
|
|
height: screen.height,
|
|
transparent: 0,
|
|
bpp: 1,
|
|
buffer: buf.buffer
|
|
};
|
|
|
|
// cleat screen area
|
|
g.clearRect(0, 24, g.getWidth(), g.getHeight());
|
|
|
|
// render outside text with ellipse
|
|
buf.clear();
|
|
renderText(buf.setColor(1));
|
|
renderEllipse(buf.setColor(0));
|
|
g.setColor(color).drawImage(img, 0, 24);
|
|
|
|
// render ellipse with inside text
|
|
buf.clear();
|
|
renderEllipse(buf.setColor(1));
|
|
renderText(buf.setColor(0));
|
|
g.setColor(color).drawImage(img, 0, 24);
|
|
}
|
|
|
|
|
|
/* Minute Ticker *************************************/
|
|
|
|
let ticker;
|
|
|
|
function stopTick() {
|
|
if (ticker) {
|
|
clearTimeout(ticker);
|
|
ticker = undefined;
|
|
}
|
|
}
|
|
|
|
function startTick(run) {
|
|
stopTick();
|
|
run();
|
|
ticker = setTimeout(() => startTick(run), 60000 - (Date.now() % 60000));
|
|
// ticker = setTimeout(() => startTick(run), 3000);
|
|
}
|
|
|
|
/* Init **********************************************/
|
|
|
|
g.clear();
|
|
startTick(draw);
|
|
|
|
Bangle.on('lcdPower', (on) => {
|
|
if (on) {
|
|
startTick(draw);
|
|
} else {
|
|
stopTick();
|
|
}
|
|
});
|
|
|
|
Bangle.loadWidgets();
|
|
Bangle.drawWidgets();
|
|
|
|
Bangle.setUI("clock");
|