GithubHelp home page GithubHelp logo

unupingu / habpanel-widget-openweathermap Goto Github PK

View Code? Open in Web Editor NEW

This project forked from basvanh/habpanel-widget-openweathermap

0.0 1.0 0.0 45 KB

OpenWeatherMap widget for HABPanel (OpenHAB)

JavaScript 100.00%

habpanel-widget-openweathermap's Introduction

OpenWeatherMap widget for HABPanel (OpenHAB)

Upgrading

If you are upgrading, please download and import the new Local Weather - OpenWeatherMap.widget.json and update your items file with the new items owm-widget.items.

Description

OpenWeatherMap widget for HABPanel (OpenHAB). It's build for use with the free API key, no paid subscription is nescacary. Daily forecast based on next day @ 12:00

Download

Installation

  • Get a free API key from OpenWeatherMap.
  • Install the OpenWeatherMap binding via PaperUI.
  • Configure the Thing: OpenWeatherMap Account set your API key and set preferred settings.
  • Configure the Thing: Local weather and forecast set Hours to 96 and days to 1 (to get forecast with free API key)
  • If you havent done already, change your locality of Openhab in Paperui / Configuration / System / Regional Settings and restart Openhab and clear your browsers cache. This way the Widget will follow te locallity with transforming the dates and units.
  • Create a folder within '/conf/html/' folder, name it 'openweathermap'.
  • Extract the 'weather-icons-master.zip' and place the 'weather-icons-master' folder in the '/conf/html/openweathermap/' folder.
  • Place the 'images' folder in the '/conf/html/openweathermap/' folder.
  • Place the 'owm.controller.js' file in the '/conf/html/openweathermap/' folder.
  • Add the items to an items file. Change the id in the channel to your 'Local weather and forecast' thing id.
  • Import the downloaded Local Weather - OpenWeatherMap.widget.json widget to your HABpanel.
  • Add the widget to a dashboard, open the settings.
    • Customize the look and feel with the colors and sizes.
    • Save the widget en size it to your likings.
    • Enjoy en drop me a like here on the Openhab cummunity forum.

The complete structure would look like this:

  • /conf/html
    • /openweathermap
      • owm.controller.js
      • /weather-icons-master
      • /images
        • feel.png
        • humidity.png
        • wind.png

Help

If you need any help, use this topic on the Openhab community forum.

For issues and feature requests, please use the Issues module on Github.

habpanel-widget-openweathermap's People

Contributors

basvanh avatar crappytan avatar 004helix avatar fifipil909 avatar mb300sd avatar

Watchers

James Cloos avatar

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.