From d12a415740bd5236d9d475551a9fac69e2bee62a Mon Sep 17 00:00:00 2001
From: Marco Heiming <myx00r@googlemail.com>
Date: Tue, 11 Jan 2022 13:52:19 +0100
Subject: [PATCH] Show humidity as weather circle data

---
 apps/circlesclock/README.md | 3 +++
 apps/circlesclock/app.js    | 5 +++++
 2 files changed, 8 insertions(+)

diff --git a/apps/circlesclock/README.md b/apps/circlesclock/README.md
index 9aaa4bc8e..c3704e3d7 100644
--- a/apps/circlesclock/README.md
+++ b/apps/circlesclock/README.md
@@ -10,6 +10,9 @@ It can show the following information (this can be configured):
   * Heart rate (automatically updates when screen is on and unlocked)
   * Battery (including charging status and battery low warning)
   * Weather (requires [weather app](https://banglejs.com/apps/#weather))
+       * Humidity as circle progress
+       * Temperature inside circle
+       * Condition as icon below circle
 
 ## Screenshots
 ![Screenshot dark theme](screenshot-dark.png)
diff --git a/apps/circlesclock/app.js b/apps/circlesclock/app.js
index de7bc73f9..822802afa 100644
--- a/apps/circlesclock/app.js
+++ b/apps/circlesclock/app.js
@@ -283,6 +283,7 @@ function drawWeather(w) {
   if (!w) w = getCirclePosition("weather");
   const weather = getWeather();
   const tempString = weather ? locale.temp(weather.temp - 273.15) : undefined;
+  const humidity = weather ? weather.hum : undefined;
   const code = weather ? weather.code : -1;
 
   // Draw rectangle background:
@@ -292,6 +293,10 @@ function drawWeather(w) {
   g.setColor(colorGrey);
   g.fillCircle(w, h3, radiusOuter);
 
+  if (humidity >= 0) {
+    drawGauge(w, h3, humidity / 100, colorYellow);
+  }
+
   g.setColor(colorBg);
   g.fillCircle(w, h3, radiusInner);