Modification of SimpleClock to use Vectorfont

apps/svclock/ChangeLog

@@ -0,0 +1 @@
+0.01: Modification aof SimpleClock 0.04 to use Vectorfont

apps/svclock/vclock-simple-icon.js

@@ -0,0 +1 @@
+require("heatshrink").decompress(atob("mEwxH+AH4A/AH4ATiwAGFdYzlFp4xeFyYwZD49kxGt2fX6+z1uIsgxcDQtAxArCAA+zxFAGDAYFxAsJAAuIGCxcF1ouPAAOsGCouERRSUKSYguoGARgRCIiMSAAutGCDqUABNkF5yNEFzKRQLzwABxAvRdgYFBDgYFFBphgEF5lkEJwNOYIaORF7KQMBYetEJoDHAo+sF56+DF7TAMBYaBQBpwv/R97vvxCPdxAvLGAdkF7tkFxbAIF7C+MSBQAXRxovEoAvboAvNMD69DFxYvEi2sFy+sDwgvLGAryDACTsEFxrCGGCmzXh5gJSSaMFF6AwGshiPdQguSGA8WxAxK2eIRYguUGBBjBxGsGYWz1mILYwuWGJQANFq4wWFzQxSFrozNFcYA/AH4Av"))

apps/svclock/vclock-simple.js

@@ -0,0 +1,84 @@
+/* jshint esversion: 6 */
+const timeFontSize = 65;
+const dateFontSize = 20;
+const gmtFontSize = 10;
+const font = "Vector";
+
+const xyCenter = g.getWidth() / 2;
+const yposTime = 75;
+const yposDate = 130;
+const yposYear = 175;
+const yposGMT = 220;
+
+// 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();
+  var da = d.toString().split(" ");
+
+  g.reset(); // default draw styles
+  // drawSting centered
+  g.setFontAlign(0, 0);
+
+  // draw time
+  var time = da[4].substr(0, 5).split(":");
+  var hours = time[0],
+    minutes = time[1];
+  var meridian = "";
+  if (is12Hour) {
+    hours = parseInt(hours,10);
+    meridian = "AM";
+    if (hours == 0) {
+      hours = 12;
+      meridian = "AM";
+    } else if (hours >= 12) {
+      meridian = "PM";
+      if (hours>12) hours -= 12;
+    }
+    hours = (" "+hours).substr(-2);
+  }
+
+  g.setFont(font, timeFontSize);
+  g.drawString(`${hours}:${minutes}`, xyCenter, yposTime, true);
+  g.setFont(font, gmtFontSize);
+  g.drawString(meridian, xyCenter + 102, yposTime + 10, true);
+
+  // draw Day, name of month, Date
+  var date = [da[0], da[1], da[2]].join(" ");
+  g.setFont(font, dateFontSize);
+
+  g.drawString(date, xyCenter, yposDate, true);
+
+  // draw year
+  g.setFont(font, dateFontSize);
+  g.drawString(d.getFullYear(), xyCenter, yposYear, true);
+
+  // draw gmt
+  var gmt = da[5];
+  g.setFont(font, gmtFontSize);
+  g.drawString(gmt, 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 middle button pressed
+setWatch(Bangle.showLauncher, BTN2, {repeat:false,edge:"falling"});