Coder Social home page Coder Social logo

full-weatherline-widget's Introduction

Full-Weatherline-Widget

Full-Weatherline-Widget

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.

Update 6: fixed Update time.

Full-Weatherline-Widget

Instructions:

  1. Put your API code from openweathermap.org at Line 19.
  2. 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)
  3. Turn on your "Location Services" for reading the name of city and for once and forever, you can turn it off after loading.
  4. 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.

  1. 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

  1. Weather unit:

Line 285: units: "Metric" units: "Fahrenheit" units: "Imperial"

  1. 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

  1. Line 50: 12 Hours : 12 or 24? and diagram12Hours = ?!

  2. Line 54: Open Link for adding your preferable link.

  3. Line 60: Alerts

Workable Widget Size: Large, Medium.

Line 28 for selecting each one.

Note: The widget preview is for dev only, so ignore it if see something unusual.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.