mirror of https://github.com/espruino/BangleApps
120 lines
4.1 KiB
JavaScript
120 lines
4.1 KiB
JavaScript
Bangle.loadWidgets();
|
|
|
|
var s = Object.assign({
|
|
CAL_ROWS: 4, //number of calendar rows.(weeks) Shouldn't exceed 5 when using widgets.
|
|
BUZZ_ON_BT: true, //2x slow buzz on disconnect, 2x fast buzz on connect. Will be extra widget eventually
|
|
MODE24: true, //24h mode vs 12h mode
|
|
FIRSTDAYOFFSET: 6, //First day of the week: 0-6: Sun, Sat, Fri, Thu, Wed, Tue, Mon
|
|
REDSUN: true, // Use red color for sunday?
|
|
REDSAT: true, // Use red color for saturday?
|
|
}, require('Storage').readJSON("clockcal.json", true) || {});
|
|
|
|
const h = g.getHeight();
|
|
const w = g.getWidth();
|
|
const CELL_W = w / 7;
|
|
const CELL_H = 15;
|
|
const CAL_Y = h - s.CAL_ROWS * CELL_H;
|
|
const DEBUG = false;
|
|
|
|
function drawMinutes() {
|
|
if (DEBUG) console.log("|-->minutes");
|
|
var d = new Date();
|
|
var hours = s.MODE24 ? d.getHours().toString().padStart(2, ' ') : ((d.getHours() + 24) % 12 || 12).toString().padStart(2, ' ');
|
|
var minutes = d.getMinutes().toString().padStart(2, '0');
|
|
var textColor = NRF.getSecurityStatus().connected ? '#fff' : '#f00';
|
|
var size = 50;
|
|
var clock_x = (w - 20) / 2;
|
|
if (dimSeconds) {
|
|
size = 65;
|
|
clock_x = 4 + (w / 2);
|
|
}
|
|
g.setBgColor(0);
|
|
g.setColor(textColor);
|
|
g.setFont("Vector", size);
|
|
g.setFontAlign(0, 1);
|
|
g.drawString(hours + ":" + minutes, clock_x, CAL_Y - 10, 1);
|
|
var nextminute = (61 - d.getSeconds());
|
|
if (typeof minuteInterval !== "undefined") clearTimeout(minuteInterval);
|
|
minuteInterval = setTimeout(drawMinutes, nextminute * 1000);
|
|
}
|
|
|
|
function drawSeconds() {
|
|
if (DEBUG) console.log("|--->seconds");
|
|
var d = new Date();
|
|
g.setColor();
|
|
g.fillRect(w - 31, CAL_Y - 36, w - 3, CAL_Y - 19);
|
|
g.setBgColor(0);
|
|
g.setColor('#fff');
|
|
g.setFont("Vector", 24);
|
|
g.setFontAlign(1, 1);
|
|
g.drawString(" " + d.getSeconds().toString().padStart(2, '0'), w, CAL_Y - 13);
|
|
if (typeof secondInterval !== "undefined") clearTimeout(secondInterval);
|
|
if (!dimSeconds) secondInterval = setTimeout(drawSeconds, 1000);
|
|
}
|
|
|
|
function drawCalendar() {
|
|
if (DEBUG) console.log("CALENDAR");
|
|
var d = new Date();
|
|
g.reset();
|
|
g.setBgColor(0);
|
|
g.clear();
|
|
drawMinutes();
|
|
if (!dimSeconds) drawSeconds();
|
|
const dow = (s.FIRSTDAYOFFSET + d.getDay()) % 7; //MO=0, SU=6
|
|
const today = d.getDate();
|
|
var rD = new Date(d.getTime());
|
|
rD.setDate(rD.getDate() - dow);
|
|
var rDate = rD.getDate();
|
|
g.setFontAlign(1, 1);
|
|
for (var y = 1; y <= s.CAL_ROWS; y++) {
|
|
for (var x = 1; x <= 7; x++) {
|
|
bottomrightX = x * CELL_W - 2;
|
|
bottomrightY = y * CELL_H + CAL_Y;
|
|
g.setFont("Vector", 16);
|
|
var fg = ((s.REDSUN && rD.getDay() == 0) || (s.REDSAT && rD.getDay() == 6)) ? '#f00' : '#fff';
|
|
if (y == 1 && today == rDate) {
|
|
g.setColor('#0f0');
|
|
g.fillRect(bottomrightX - CELL_W + 1, bottomrightY - CELL_H - 1, bottomrightX, bottomrightY - 2);
|
|
g.setColor('#000');
|
|
g.drawString(rDate, bottomrightX, bottomrightY);
|
|
}
|
|
else {
|
|
g.setColor(fg);
|
|
g.drawString(rDate, bottomrightX, bottomrightY);
|
|
}
|
|
rD.setDate(rDate + 1);
|
|
rDate = rD.getDate();
|
|
}
|
|
}
|
|
Bangle.drawWidgets();
|
|
|
|
var nextday = (3600 * 24) - (d.getHours() * 3600 + d.getMinutes() * 60 + d.getSeconds() + 1);
|
|
if (DEBUG) console.log("Next Day:" + (nextday / 3600));
|
|
if (typeof dayInterval !== "undefined") clearTimeout(dayInterval);
|
|
dayInterval = setTimeout(drawCalendar, nextday * 1000);
|
|
}
|
|
|
|
function BTevent() {
|
|
drawMinutes();
|
|
if (s.BUZZ_ON_BT) {
|
|
var interval = (NRF.getSecurityStatus().connected) ? 100 : 500;
|
|
Bangle.buzz(interval);
|
|
setTimeout(function () { Bangle.buzz(interval); }, interval * 3);
|
|
}
|
|
}
|
|
|
|
//register events
|
|
Bangle.on('lock', locked => {
|
|
if (typeof secondInterval !== "undefined") clearTimeout(secondInterval);
|
|
dimSeconds = locked; //dim seconds if lock=on
|
|
drawCalendar();
|
|
});
|
|
NRF.on('connect', BTevent);
|
|
NRF.on('disconnect', BTevent);
|
|
|
|
|
|
dimSeconds = Bangle.isLocked();
|
|
drawCalendar();
|
|
|
|
Bangle.setUI("clock");
|