Merge pull request #1003 from T0TProduction/master

Add widget: Charging Status

apps.json

@@ -4678,6 +4678,19 @@
        {"name":"pooqroman.json"}
      ]
   },
+  { "id": "widChargingStatus",
+    "name": "Charging Status",
+    "shortName":"ChargingStatus",
+    "icon": "widget.png",
+    "version":"0.1",    
+    "type": "widget",
+    "description": "A simple widget that shows a yellow lightning icon to indicate whenever the watch is charging. This way one can see the charging status at a glance, no matter which battery widget is being used.",
+    "tags": "widget",
+        "supports": ["BANGLEJS","BANGLEJS2"],
+    "storage": [
+      {"name":"widChargingStatus.wid.js","url":"widget.js"}
+     ]
+  },
   {
     "id": "flow",
     "name": "FLOW",

apps/widChargingStatus/ChangeLog

@@ -0,0 +1 @@
+0.1: First release.

apps/widChargingStatus/widget.js

@@ -0,0 +1,31 @@
+(() => {
+	const icon = require("heatshrink").decompress(atob("ikggMAiEAgYIBmEAg4EB+EAh0AgPggEeCAIEBnwQBAgP+gEP//x///j//8f//k///H//4BYOP/4lBv4bDvwEB4EAvAEBwEAuA7DCAI7BgAQBhEAA"));
+	const iconWidth = 18;
+
+	function draw() {
+		g.reset();
+		if (Bangle.isCharging()) {
+			g.setColor("#FD0");
+			g.drawImage(icon, this.x + 1, this.y + 1, {
+				scale: 0.6875
+			});
+		}
+	}
+
+	WIDGETS.chargingStatus = {
+		area: 'tr',
+		width: Bangle.isCharging() ? iconWidth : 0,
+		draw: draw,
+	};
+
+	Bangle.on('charging', (charging) => {
+		if (charging) {
+			Bangle.buzz();
+			WIDGETS.chargingStatus.width = iconWidth;
+		} else {
+			WIDGETS.chargingStatus.width = 0;
+		}
+		Bangle.drawWidgets(); // re-layout widgets
+		g.flip();
+	});
+})();