Widget Examples

egamez · October 19, 2020, 9:16pm

Updated the weather widget on the Gist.

gist.github.com

https://gist.github.com/ImGamez/a8f9d77bf660d7703cc96fee87cdc4b0

weather-widget.js

// Variables used by Scriptable.
// These must be at the very top of the file. Do not edit.
// icon-color: yellow; icon-glyph: cloud;

// Widget Params
// Don't edit this, those are default values for debugging (location for Cupertino).
// You need to give your locations parameters through the widget params, more info below.
const widgetParams = JSON.parse((args.widgetParameter != null) ? args.widgetParameter : '{ "LAT" : "37.32" , "LON" : "-122.03" , "LOC_NAME" : "Cupertino, US" }')

// WEATHER API PARAMETERS !important

This file has been truncated. show original

Added:

Shows an symbol when there is not internet connection when trying to update.
Displays the last updated time label in yellow (to match the symbol color) when unable to update (offline) the weather to draw focus on it, indicating that there was a problem fetching the latest weather.

Both the time color and the symbol are customizable in the code.

Fixed:

The weather graph after midnight, shows all hours as daytime color (orange), and before midnight it doesn’t show the next day daytime color.

linecolor1253×734 52.8 KB

I have been testing it for several days and it worked flawlessly .

I wanted to draw the offline symbol with an SFSymbol, but when drawing the symbol image into a DrawContext, it shows black, and can’t be tinted, only when added directly to the ListWidget you can change the color (@simonbs ), and I was waiting for a way to do it, to release this fix update.
I didn’t saw anybody noticing the line color bug tho, until now @eqsOne, so here is it .