forecast.io for Dashing

README.md

Description

Dashing widget to display weather from forecast.io.

##Usage

To use this widget, copy forecast.coffee, forecast.html, and forecast.scss into the /widgets/forecast directory. Put the forecast.rb file in your /jobs folder.

To include the widget in a dashboard, add the following to your dashboard layout file:

<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
  <div data-id="forecast" data-view="Forecast" data-title="Weather Forecast" ></div>
</li>

##Settings

• Forecast API Key from developer.forecast.io
• Latitude and Longitude for your desired location. Easily obtained from forward geocoding sites such as geocoder.ca
• Configurable temperature units. (US, SI, UK)
• Default schedule set to fetch weather every 5 minutes but can be changed from within forcast.rb.

forecast.coffee

class Dashing.Forecast extends Dashing.Widget

  ready: ->
    # This is fired when the widget is done being rendered

  onData: (data) ->
    # Handle incoming data
    # You can access the html node of this widget with `@node`
    # Example: $(@node).fadeOut().fadeIn() will make the node flash each time data comes in.

forecast.html

<h1 class="title" data-bind="title"></h1>

<h2 class="temp" data-bind="temperature | raw"></h2>
<p class="summary" data-bind="hour | raw"></p>

<p class="more-info">Powered by Forecast.io</p>
<p class="updated-at" data-bind="updatedAtMessage"></p>

forecast.rb

require 'net/https'
require 'json'

# Forecast API Key from https://developer.forecast.io
forecast_api_key = ""

# Latitude, Longitude for location
forecast_location_lat = "45.429522"
forecast_location_long = "-75.689613"

# Unit Format
# "us" - U.S. Imperial
# "si" - International System of Units
# "uk" - SI w. windSpeed in mph
forecast_units = "si"

# Language
# check https://developer.forecast.io/docs/v2 for supported languages
lang = "en"

SCHEDULER.every '5m', :first_in => 0 do |job|
  begin
    uri = URI.parse("https://api.forecast.io")
    uri.path = "/forecast/#{forecast_api_key}/#{forecast_location_lat},#{forecast_location_long}"
    params = {
      :units   => forecast_units,
      :lang    => lang,
      :exclude => "alerts,flags"
    }
    uri.query = URI.encode_www_form(params)
    http = Net::HTTP.new(uri.host, uri.port)
    http.use_ssl = true
    http.verify_mode = OpenSSL::SSL::VERIFY_PEER
    response = http.request(Net::HTTP::Get.new(uri.request_uri))
p    if not response.kind_of? Net::HTTPSuccess then raise "Forecast HTTP error" end
    forecast = JSON.parse(response.body)
    if forecast.has_key?("code") then raise "Forecast Error: #{forecast['code']}: #{forecast['error']}" end
    forecast_current_temp = forecast["currently"]["temperature"].round
    if forecast.has_key?("minutely") then forecast_summary_key = "minutely"
    elsif forecast.has_key?("houly") then forecast_summary_key = "hourly"
    elsif forecast.has_key?("daily") then forecast_summary_key = "daily"
    else                                  forecast_summary_key = "currently" end
    forecast_summary = forecast[forecast_summary_key]["summary"]
    send_event('forecast', { temperature: "#{forecast_current_temp}°", hour: "#{forecast_summary}"})
  rescue => e
    puts "\e[33mFor the forecast widget to work, you need to set up your API key and coordinates in jobs/forecast.rb file.\e[0m"
    puts "\e[33m#{e.message}\e[0m"
  end
end

forecast.scss

// ----------------------------------------------------------------------------
// Sass declarations
// ----------------------------------------------------------------------------
$background-color:  #EC3C6B;

$full-color:  rgba(255, 255, 255, 1);
$light-color: rgba(255, 255, 255, 0.7);

// ----------------------------------------------------------------------------
// Widget-forecast styles
// ----------------------------------------------------------------------------
.widget-forecast {

  background-color: $background-color;

  .title {
    color: $light-color;
  }

  .temp {
    color: $full-color;
  }

  .summary {
    color: $light-color;
  }

  .more-info {
      color: $light-color;
  }

  .updated-at {
    color: rgba(0, 0, 0, 0.3);
  }
}

Hi,
Thanks for this work. It’ll use it instead of the original plugin.
BTW, there is a typo line 35 of the forecast.rb file.

"Copy xyz into the /widgets/forecast directory " Could you be more specific about where that directory is?

Another Typo in Line 40 of forecast.rb and url is changed to api.darksky.net

Rest is fine, thank you!