clock_info: Use ensure_blur as public function in options

Author: Corwin Kerr

apps/clock_info/lib.js

@@ -326,15 +326,16 @@ exports.addInteractive = function(menu, options) {
   const blur = () => {
     options.focus=false;
     Bangle.CLKINFO_FOCUS--;
-    // if (Bangle.CLKINFO_FOCUS < 0) Bangle.CLKINFO_FOCUS = 0;
     const itm = menu[options.menuA].items[options.menuB];
     let redraw = true;
     if (itm.blur && itm.blur(options) === false)
       redraw = false;
     if (redraw) options.redraw();
   };
-  // better to only call blur when we know it's focused. Maybe we can rename force_blur to ensure_blur.
-  options.force_blur = blur;
+  // better to only call blur when we know it's focused. Could reuse this logic in this file
+  options.ensure_blur = () => {
+    if (options.focus) blur()
+  }
   const focus = () => {
     let redraw = true;
     Bangle.CLKINFO_FOCUS = (0 | Bangle.CLKINFO_FOCUS) + 1;

apps/widclkinfo/widget.js

@@ -57,6 +57,7 @@
     }
   }.init();
 
+  // We make clock info touch area active on the start of the animation
   Bangle.on("widgets-start-show", () => {
     var wi = WIDGETS["clkinfo"];
     if (wi) {
@@ -76,7 +77,7 @@
   Bangle.on("widgets-start-hide", () => {
     var wi = WIDGETS["clkinfo"];
     if (wi) {
-      if (wi.clockInfoMenu.focus) wi.clockInfoMenu.blur();
+      wi.clockInfoMenu.ensure_blur(); // let user see defocus cue before hiding
       wi.clockInfoMenu.y = -24;
       wi.draw(wi);
     }
@@ -85,7 +86,7 @@
   Bangle.on("widgets-hidden", () => {
     var wi = WIDGETS["clkinfo"];
     if (wi) {
-      if (wi.clockInfoMenu.focus) wi.clockInfoMenu.blur();
+      wi.clockInfoMenu.ensure_blur();
       wi.clockInfoMenu.y = -24;
       wi.draw(wi);
     }