BangleApps/apps/svclock/vclock-simple.js

/* jshint esversion: 6 */
const locale = require("locale");

var timeFontSize;
var dateFontSize;
var gmtFontSize;
var font = "Vector";

var xyCenter = g.getWidth() / 2;
var yposTime;
var yposDate;
var yposYear;
var yposGMT;

switch (process.env.BOARD) {
  case "EMSCRIPTEN":
    timeFontSize = 65;
    dateFontSize = 20;
    gmtFontSize = 10;

    yposTime = 75;
    yposDate = 130;
    yposYear = 175;
    yposGMT = 220;
    break;
  case "EMSCRIPTEN2":
    timeFontSize = 48;
    dateFontSize = 15;
    gmtFontSize = 10;

    yposTime = 55;
    yposDate = 95;
    yposYear = 128;
    yposGMT = 161;
    break;
}
// Check settings for what type our clock should be
var is12Hour = (require("Storage").readJSON("setting.json",1)||{})["12hour"];

function drawSimpleClock() {
  g.clear();
  Bangle.drawWidgets();

  // get date
  var d = new Date();

  g.reset(); // default draw styles
  // drawSting centered
  g.setFontAlign(0, 0);

  // drawTime
  var hours;
  if (is12Hour) {
    hours = ("0" + d.getHours()%12).slice(-2);
  } else {
    hours = ("0" + d.getHours()).slice(-2);
  }
  var minutes = ("0" + d.getMinutes()).slice(-2);

  g.setFont(font, timeFontSize);
  g.drawString(`${hours}:${minutes}`, xyCenter, yposTime, true);

  if (is12Hour) {
    g.setFont(font, gmtFontSize);
    g.drawString(locale.meridian(d), xyCenter + 102, yposTime + 10, true);
  }

  // draw Day, name of month, Date
  g.setFont(font, dateFontSize);
  g.drawString([locale.dow(d,1), locale.month(d,1), d.getDate()].join(" "), xyCenter, yposDate, true);

  // draw year
  g.setFont(font, dateFontSize);
  g.drawString(d.getFullYear(), xyCenter, yposYear, true);

  // draw gmt
  g.setFont(font, gmtFontSize);
  g.drawString(d.toString().match(/GMT[+-]\d+/), xyCenter, yposGMT, true);
}

// handle switch display on by pressing BTN1
Bangle.on('lcdPower', function(on) {
  if (on) drawSimpleClock();
});

// clean app screen
g.clear();
Bangle.loadWidgets();
Bangle.drawWidgets();

// refesh every 15 sec
setInterval(drawSimpleClock, 15E3);

// draw now
drawSimpleClock();

// Show launcher when button pressed
Bangle.setUI("clock");