Added simple chrono widget with easier UI

apps/chronosimplewid/ChangeLog

@@ -0,0 +1,6 @@
+0.01: New widget and app!
+0.02: Setting to reset values, timer buzzes at 00:00 and not later (see readme)
+0.03: Display only minutes:seconds when less than 1 hour left
+0.04: Change to 7 segment font, move to top widget bar
+      Better auto-update behaviour, less RAM used
+0.05: Fix error running app on new firmwares (fix #1140)

apps/chronosimplewid/README.md

@@ -0,0 +1,41 @@
+# Chronometer Widget
+
+Chronometer (timer) that runs as a widget.
+The advantage is, that you can still see your normal watchface and other widgets when the timer is running.
+The widget is always active, but only shown when the timer is on.
+Hours, minutes, seconds and timer status can be set with an app.
+
+When there is less than one second left on the timer it buzzes.
+
+The widget has been tested on Bangle 1 and Bangle 2
+
+## Screenshots
+
+![](screenshot.png)
+
+
+## Features
+
+* Using other apps does not interrupt the timer, no need to keep the widget open (BUT: there will be no buzz when the time is up, for that the widget has to be loaded)
+* Target time is saved to a file and timer picks up again when widget is loaded again.
+
+## Settings
+
+There are no settings section in the settings app, timer can be set using an app.
+
+* Reset values: Reset hours, minutes, seconds to 0; set timer on to false; write to settings file
+* Hours: Set the hours for the timer
+* Minutes: Set the minutes for the timer
+* Seconds: Set the seconds for the timer
+* Timer on: Starts the timer and displays the widget when set to 'On'. You have to leave the app to load the widget which starts the timer. The widget is always there, but only visible when timer is on.
+
+
+## Releases
+
+* Official app loader: https://github.com/espruino/BangleApps/tree/master/apps/chronowid (https://banglejs.com/apps/)
+* Forked app loader: https://github.com/Purple-Tentacle/BangleApps/tree/master/apps/chronowid (https://purple-tentacle.github.io/BangleApps/index.html#)
+* Development: https://github.com/Purple-Tentacle/BangleAppsDev/tree/master/apps/chronowid
+
+## Requests
+
+If you have any feature requests, please write here: http://forum.espruino.com/conversations/345972/

apps/chronosimplewid/app-icon.js

@@ -0,0 +1 @@
+require("heatshrink").decompress(atob("mEwwIFCn/8BYYFRABcD4AFFgIFCh/wgeAAoP//8HCYMDAoPD8EAg4FB8PwgEf+EP/H4HQOAgP8uEAvwfBv0ggBFCn4CB/EBwEfgEB+AFBh+AgfgAoI1BIoQJB4AHBAoXgg4uBAIIFCCYQFGh5rDJQJUBK4IFCNYIFVDoopDGoJiBHYYFKVYRZBWIYDBA4IFBNIQzBG4IbBToKkBAQKVFUIYICVoQUCXIQmCYoIsCaITqDAoLvDNYUAA="))

apps/chronosimplewid/app.js

@@ -0,0 +1,93 @@
+g.clear();
+Bangle.loadWidgets();
+Bangle.drawWidgets();
+
+const storage = require('Storage');
+let settingsChronowid;
+
+function updateSettings() {
+  var now = new Date();
+  const goal = new Date(now.getFullYear(), now.getMonth(), now.getDate(),
+    now.getHours() + settingsChronowid.hours, now.getMinutes() + settingsChronowid.minutes, now.getSeconds() + settingsChronowid.seconds);
+  settingsChronowid.goal = goal.getTime();
+  storage.writeJSON('chronowid.json', settingsChronowid);
+  if (WIDGETS["chronowid"]) WIDGETS["chronowid"].reload();
+}
+
+function resetSettings() {
+  settingsChronowid = {
+    hours : 0,
+    minutes : 0,
+    seconds : 0,
+    started : false,
+    counter : 0,
+    goal : 0,
+  };
+  updateSettings();
+}
+
+settingsChronowid = storage.readJSON('chronowid.json',1);
+if (!settingsChronowid) resetSettings();
+
+E.on('kill', () => {
+  updateSettings();
+});
+
+function showMenu() {
+  const timerMenu = {
+    '': {
+      'title': 'Set timer'
+    },
+    '< Back' :  ()=>{load();},
+    'Reset Values': function() {
+      settingsChronowid.hours = 0;
+      settingsChronowid.minutes = 0;
+      settingsChronowid.seconds = 0;
+      settingsChronowid.started = false;
+      updateSettings();
+      showMenu();
+    },
+    'Hours': {
+      value: settingsChronowid.hours,
+      min: 0,
+      max: 24,
+      step: 1,
+      onchange: v => {
+        settingsChronowid.hours = v;
+        updateSettings();
+      }
+    },
+    'Minutes': {
+      value: settingsChronowid.minutes,
+      min: 0,
+      max: 59,
+      step: 1,
+      onchange: v => {
+        settingsChronowid.minutes = v;
+        updateSettings();
+      }
+    },
+    'Seconds': {
+      value: settingsChronowid.seconds,
+      min: 0,
+      max: 59,
+      step: 1,
+      onchange: v => {
+        settingsChronowid.seconds = v;
+        updateSettings();
+      }
+    },
+    'Timer on': {
+      value: settingsChronowid.started,
+      format: v => v ? "On" : "Off",
+      onchange: v => {
+        settingsChronowid.started = v;
+        updateSettings();
+      }
+    },
+  };
+
+  return E.showMenu(timerMenu);
+}
+
+showMenu();

apps/chronosimplewid/metadata.json

@@ -0,0 +1,17 @@
+{
+  "id": "chronosimplewid",
+  "name": "Simple Chrono Widget",
+  "shortName": "Simple Chrono Widget",
+  "version": "0.05",
+  "description": "Fork from Chrono Widget with simpler UI.",
+  "icon": "app.png",
+  "tags": "tool,widget",
+  "supports": ["BANGLEJS2"],
+  "screenshots": [{"url":"screenshot.png"}],
+  "readme": "README.md",
+  "storage": [
+    {"name":"chronosimplewid.wid.js","url":"widget.js"},
+    {"name":"chronosimplewid.app.js","url":"app.js"},
+    {"name":"chronosimplewid.img","url":"app-icon.js","evaluate":true}
+  ]
+}

apps/chronosimplewid/widget.js

@@ -0,0 +1,79 @@
+(() => {
+  var settingsChronowid;
+  var interval =  0; //used for the 1 second interval timer
+  var diff;
+
+  //Convert ms to time
+  function getTime(t)  {
+    var milliseconds = parseInt((t % 1000) / 100),
+      seconds = Math.floor((t / 1000) % 60),
+      minutes = Math.floor((t / (1000 * 60)) % 60),
+      hours = Math.floor((t / (1000 * 60 * 60)) % 24);
+    return hours.toString().padStart(2,0) + ":" + minutes.toString().padStart(2,0) + ":" + seconds.toString().padStart(2,0);
+  }
+
+  /*function printDebug() {
+    print ("Goaltime: " + getTime(settingsChronowid.goal));
+    print ("Goal: " + settingsChronowid.goal);
+    print("Difftime: " + getTime(diff));
+    print("Diff: " + diff);
+    print ("Started: " + settingsChronowid.started);
+    print ("----");
+  }*/
+
+  //counts down, calculates and displays
+  function countDown() {
+    var now = new Date();
+    diff = settingsChronowid.goal - now; //calculate difference
+    // time is up
+    if (settingsChronowid.started && diff < 1000) {
+      Bangle.buzz(1500);
+      //write timer off to file
+      settingsChronowid.started = false;
+      require('Storage').writeJSON('chronowid.json', settingsChronowid);
+      clearInterval(interval); //stop interval
+      interval = undefined;
+    }
+    // calculates width and redraws accordingly
+    WIDGETS["chronowid"].redraw();
+  }
+
+  // add the widget
+  WIDGETS["chronowid"]={area:"tl",width:0,draw:function() {
+    if (!this.width) return;
+    g.reset().setFontAlign(0,0).clearRect(this.x,this.y,this.x+this.width,this.y+23);
+    //g.drawRect(this.x,this.y,this.x+this.width-1, this.y+23);
+    var scale;
+    var timeStr;
+    if (diff < 3600000) { //less than 1 hour left
+      width = 58;
+      scale = 2;
+      timeStr = getTime(diff).substring(3); // remove hour part 00:00:00 -> 00:00
+    } else { //one hour or more left
+      width = 48;
+      scale = 1;
+      timeStr = getTime(diff); //display hour 00:00:00 but small
+    }
+    // Font5x9Numeric7Seg - just build this in as it's tiny
+    g.setFontCustom(atob("AAAAAAAAAAIAAAQCAQAAAd0BgMBdwAAAAAAAdwAB0RiMRcAAAERiMRdwAcAQCAQdwAcERiMRBwAd0RiMRBwAAEAgEAdwAd0RiMRdwAcERiMRdwAFAAd0QiEQdwAdwRCIRBwAd0BgMBAAABwRCIRdwAd0RiMRAAAd0QiEQAAAAAAAAAA="), 32, atob("BgAAAAAAAAAAAAAAAAYCAAYGBgYGBgYGBgYCAAAAAAAABgYGBgYG"), 9 + (scale<<8));
+    g.drawString(timeStr, this.x+this.width/2, this.y+12);
+  }, redraw:function() {
+    var last = this.width;
+    if (!settingsChronowid.started) this.width = 0;
+    else this.width = (diff < 3600000) ? 58 : 48;
+    if (last != this.width) Bangle.drawWidgets();
+    else this.draw();
+  }, reload:function() {
+    settingsChronowid = require('Storage').readJSON("chronowid.json",1)||{};
+    if (interval) clearInterval(interval);
+    interval = undefined;
+    // start countdown each second
+    if (settingsChronowid.started) interval = setInterval(countDown, 1000);
+    // reset everything
+    countDown();
+  }};
+
+  //printDebug();
+  // set width correctly, start countdown each second
+  WIDGETS["chronowid"].reload();
+})();