added active pedometer face to multiclock

apps.json

@@ -2152,6 +2152,7 @@
       {"name":"digi.face.js","url":"digi.js"},
       {"name":"txt.face.js","url":"txt.js"},
       {"name":"timdat.face.js","url":"timdat.js"},
+      {"name":"ped.face.js","url":"ped.js"},
       {"name":"multiclock.img","url":"multiclock-icon.js","evaluate":true}
     ]
   },

apps/multiclock/apps_entry.json

@@ -13,6 +13,7 @@
       {"name":"ana.face.js","url":"ana.min.js"},
       {"name":"digi.face.js","url":"digi.min.js"},
       {"name":"txt.face.js","url":"txt.min.js"},
+      {"name":"ped.face.js","url":"ped.js"},
       {"name":"multiclock.img","url":"multiclock-icon.js","evaluate":true}
     ]
   },

apps/multiclock/ped.js

@@ -0,0 +1,43 @@
+(() => {
+
+  function getFace(){
+
+  function draw() {
+      let steps = -1;
+      let show_steps = false;
+
+      // only attempt to get steps if activepedom is loaded
+      if (WIDGETS.activepedom !== undefined) {
+         steps = WIDGETS.activepedom.getSteps();
+         show_steps = true;
+      }
+
+      var d = new Date();
+      var da = d.toString().split(" ");
+      var time = da[4].substr(0,5);
+
+      g.reset();
+      g.clearRect(0,24,239,239);
+      g.setFont("Vector", 80);
+      g.setColor(1,1,1);  // white
+      g.setFontAlign(0, -1);
+      g.drawString(time, g.getWidth()/2, 60);
+
+      if (show_steps) {
+          g.setColor(0,255,0);  // green
+          g.setFont("Vector", 60);
+          g.drawString(steps, g.getWidth()/2, 160);
+      }
+  }
+
+  function onSecond(){
+    var t = new Date();
+    if ((t.getSeconds() % 5) === 0) draw();
+  }
+
+    return {init:draw, tick:onSecond};
+  }
+
+  return getFace;
+
+})();