A professional large and medium Weatherline widget for your glory screen, it has hours of day and 7 days of week with minimal weather info below. Colorful lines for either increase or decrease of your weather at any hour. With dynamic light/dark background or a preferable photo as transparent one. it has localization for any language.
Update 1: Now supports offline mode without internet connection.
Update 2: Opacity has been fixed, go to line 270 to 287.
Update 3: Added Medium size, added 12 hour mode, added external redirected link, fixed offline icon size, fixed sunrise and sunset issues and a lot of bugs fixed.
Update 4: Added 12 hour for diagram.
Update 5: Fixed wind units when imperial is used, air pressure to imperial unit and added alerts to be shown at the end of widget, all Tnx to webOSpinn.
- Put your API code from openweathermap.org at Line 19.
- Set locale language code at Line 22 (Please pay attention if you set this, the language of "city name" will be in your native language after step 3)
- Turn on your "Location Services" for reading the name of city and for once and forever, you can turn it off after loading.
- Screen Size:
if you are on large screen dievices such as Pro Max, XS Max, even XR, set the widget size according to:
Line 342: widget.padding = 0
if you are on old and small devices (like me :D ), don't need to change anything.
- Widget has dynamic background for morning, afternoon and night and for setting this mode, you should do this:
Line 30: const imageBackground = false
And for using your gallery photos as a transparent type, do as:
Line 31: const imageBackground = true Line 34: const forceImageUpdate = true
and after your selected proper photo:
Line 34: const forceImageUpdate = false
- Weather unit:
Line 285: units: "Metric" units: "Fahrenheit" units: "Imperial"
- Line 40: HoursToShow : number > Number of predicted hours to show, Eg: 3 = a total of 4 hours in the widget (Default: 3 for the small and 11 for the medium one but to be shown in the Large size only).
const hoursToShow = 9
const daysToShow = 6
-
Line 50: 12 Hours : 12 or 24? and diagram12Hours = ?!
-
Line 54: Open Link for adding your preferable link.
-
Line 60: Alerts
Line 28 for selecting each one.