1
0
Fork 0

Replaced template String with concatenation. Performed code indentation. Enabled settings again.

master
Stefan Kuehnel 2020-05-24 13:54:32 +02:00
parent 17d5e1a1c4
commit bcea5326a5
2 changed files with 52 additions and 48 deletions

View File

@ -887,7 +887,7 @@
{ "id": "berlinc",
"name": "Berlin Clock",
"icon": "berlin-clock.png",
"version":"0.03.02",
"version":"0.03.03",
"description": "Berlin Clock (see https://en.wikipedia.org/wiki/Mengenlehreuhr)",
"tags": "clock",
"type":"clock",
@ -898,6 +898,7 @@
"storage": [
{"name":"berlinc.app.js","url":"berlin-clock.js"},
{"name":"berlinc.img","url":"berlin-clock-icon.js","evaluate":true},
{"name":"berlinc.settings.js","url":"settings.js"},
{"name":"berlin-clock.json","url":"berlin-clock.json"}
]
},

View File

@ -1,70 +1,73 @@
// Berlin Clock see https://en.wikipedia.org/wiki/Mengenlehreuhr
const fields = [ 4 , 4 , 11 , 4 ];
const offset = 20;
const width = g.getWidth() - 2*offset;
const height = g.getHeight() - 2*offset;
const rowHeight = height/4;
const fields = [4, 4, 11, 4];
const offset = 20;
const width = g.getWidth() - 2 * offset;
const height = g.getHeight() - 2 * offset;
const rowHeight = height / 4;
const show_date = (require('Storage').readJSON('berlin-clock.json', 1) || {})['showdate'];
rowlights = [];
function drawBerlinClock() {
g.clear();
var now = new Date();
if (show_date) {
var yr = now.getFullYear();
var month = now.getMonth()+1;
var day = now.getDate();
var dateString=`${yr}-${month<10?'0':''}${month}-${day<10?'0':''}${day}`;
var strWidth = g.stringWidth(dateString);
g.setColor(1,1,1);
g.drawString(dateString,(g.getWidth()-strWidth)/2,height+offset+2);
}
rowlights[0] = Math.floor(now.getHours() / 5);
rowlights[1] = now.getHours() % 5;
rowlights[2] = Math.floor(now.getMinutes() / 5);
rowlights[3] = now.getMinutes() % 5;
g.drawRect(offset,offset,width+offset,height+offset);
for (row = 0 ; row < 4 ; row++) {
nfields = fields[row];
boxWidth = width/nfields;
g.clear();
var now = new Date();
if (show_date) {
var yr = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate();
//var dateString = `${yr}-${month < 10 ? '0' : ''}${month}-${day < 10 ? '0' : ''}${day}`;
var monthZero = month < 10 ? '0' : '';
var dayZero = day < 10 ? '0' : '';
var dateString = yr + "-" + monthZero + month + "-" + dayZero + day;
var strWidth = g.stringWidth(dateString);
g.setColor(1, 1, 1);
g.drawString(dateString, (g.getWidth() - strWidth) / 2, height + offset + 2);
}
rowlights[0] = Math.floor(now.getHours() / 5);
rowlights[1] = now.getHours() % 5;
rowlights[2] = Math.floor(now.getMinutes() / 5);
rowlights[3] = now.getMinutes() % 5;
for (col = 0 ; col < nfields ; col++) {
x1 = col*boxWidth + offset ;
y1 = row*rowHeight + offset;
x2 = (col+1)*boxWidth + offset;
y2 = (row+1)*rowHeight + offset;
g.drawRect(offset, offset, width + offset, height + offset);
for (row = 0; row < 4; row++) {
nfields = fields[row];
boxWidth = width / nfields;
g.setColor(1,1,1);
g.drawRect(x1,y1,x2,y2);
if (col<rowlights[row]) {
for (col = 0; col < nfields; col++) {
x1 = col * boxWidth + offset;
y1 = row * rowHeight + offset;
x2 = (col + 1) * boxWidth + offset;
y2 = (row + 1) * rowHeight + offset;
if (row === 2 ) {
if (((col+1) % 3) === 0) {
g.setColor(1,0,0);
} else {
g.setColor(1,1,0);
}
g.setColor(1, 1, 1);
g.drawRect(x1, y1, x2, y2);
if (col < rowlights[row]) {
if (row === 2) {
if (((col + 1) % 3) === 0) {
g.setColor(1, 0, 0);
} else {
g.setColor(1,0,0);
g.setColor(1, 1, 0);
}
g.fillRect(x1+2,y1+2,x2-2,y2-2);
} else {
g.setColor(1, 0, 0);
}
g.fillRect(x1 + 2, y1 + 2, x2 - 2, y2 - 2);
}
}
}
}
// special function to handle display switch on
Bangle.on('lcdPower', (on) => {
g.clear();
if (on) {
Bangle.drawWidgets();
// call your app function here
drawBerlinClock();
}});
Bangle.drawWidgets();
// call your app function here
drawBerlinClock();
}
});
// refesh every 15 sec
setInterval(drawBerlinClock, 15E3);
@ -74,4 +77,4 @@ Bangle.loadWidgets();
Bangle.drawWidgets();
drawBerlinClock();
// Show launcher when middle button pressed
setWatch(Bangle.showLauncher, BTN2, {repeat:false,edge:"falling"});
setWatch(Bangle.showLauncher, BTN2, { repeat: false, edge: "falling" });