/* * Weather extension for Gnome shell * - Displays a small weather information on the top panel * - On click, gives a popup with details about the weather Copyright (C) 2011 Timur Kristóf , Elad Alfassa , Simon Legner This file is part of gnome-shell-extension-weather. gnome-shell-extension-weather is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. gnome-shell-extension-weather is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with gnome-shell-extension-weather. If not, see . */ const GLib = imports.gi.GLib; const Gio = imports.gi.Gio; const Lang = imports.lang; const Mainloop = imports.mainloop; const Cairo = imports.cairo; const Clutter = imports.gi.Clutter; const Shell = imports.gi.Shell; const St = imports.gi.St; const Gettext = imports.gettext.domain('gnome-shell'); const _ = Gettext.gettext; const Json = imports.gi.Json; const Main = imports.ui.main; const PanelMenu = imports.ui.panelMenu; const PopupMenu = imports.ui.popupMenu; const Soup = imports.gi.Soup; const Util = imports.misc.util; const UNITS = 'c'; // Units for temperature (case sensitive). f: Fahrenheit. c: Celsius const YAHOO_ID = 'AUXX0010'; const WEATHER_URL = 'http://weather.yahooapis.com/forecastjson?u=' + UNITS + '&p=' + YAHOO_ID; const FORECAST_URL = 'http://query.yahooapis.com/v1/public/yql?format=json&q=select%20item.forecast%20from%20weather.forecast%20where%20location%3D%22' + YAHOO_ID + '%22%20%20and%20u="' + UNITS + '"'; function WeatherMenuButton() { this._init(); } WeatherMenuButton.prototype = { __proto__: PanelMenu.Button.prototype, _init: function() { // Panel icon this._weatherIcon = new St.Icon({ icon_type: St.IconType.FULLCOLOR, icon_size: Main.panel.button.get_child().height - 4, icon_name: 'view-refresh-symbolic', style_class: 'weather-icon' + (Main.panel.actor.get_direction() == St.TextDirection.RTL ? '-rtl' : '') }); // Label this._weatherInfo = new St.Label({ text: _('...') }); // Panel menu item - the current class let menuAlignment = 0.25; if (St.Widget.get_default_direction() == St.TextDirection.RTL) menuAlignment = 1.0 - menuAlignment; PanelMenu.Button.prototype._init.call(this, menuAlignment); // Putting the panel item together let topBox = new St.BoxLayout(); topBox.add_actor(this._weatherIcon); topBox.add_actor(this._weatherInfo); this.actor.set_child(topBox); Main.panel._centerBox.add(this.actor, { y_fill: true }); // Current weather this._currentWeather = new St.Bin({style_class: 'current'}); // Future weather this._futureWeather = new St.Bin({style_class: 'forecast'/*, x_align: St.Align.START*/}); // Separator (copied from Gnome shell's popupMenu.js) this._separatorArea = new St.DrawingArea({ style_class: 'popup-separator-menu-item' }); this._separatorArea.width = 200; this._separatorArea.connect('repaint', Lang.bind(this, this._onSeparatorAreaRepaint)); // Putting the popup item together let mainBox = new St.BoxLayout({vertical: true}); mainBox.add_actor(this._currentWeather); mainBox.add_actor(this._separatorArea); mainBox.add_actor(this._futureWeather); this.menu.addActor(mainBox); // Items this.showLoadingUi(); this.rebuildCurrentWeatherUi(); this.rebuildFutureWeatherUi(); // Show weather here = this; Mainloop.timeout_add(3000, function() { here.refreshWeather(); }); }, get_weather_icon: function(code) { switch (parseInt(code, 10)){ /* see http://developer.yahoo.com/weather/#codetable */ case 0:/* tornado */ return 'weather-severe-alert'; case 1:/* tropical storm */ return 'weather-severe-alert'; case 2:/* hurricane */ return 'weather-severe-alert'; case 3:/* severe thunderstorms */ return 'weather-severe-alert'; case 4:/* thunderstorms */ return 'weather-storm'; case 5:/* mixed rain and snow */ return 'weather-snow-rain'; case 6:/* mixed rain and sleet */ return 'weather-snow-rain'; case 7:/* mixed snow and sleet */ return 'weather-snow'; case 8:/* freezing drizzle */ return 'weather-freezing-rain'; case 9:/* drizzle */ return 'weather-fog'; case 10:/* freezing rain */ return 'weather-freezing-rain'; case 11:/* showers */ return 'weather-showers'; case 12:/* showers */ return 'weather-showers'; case 13:/* snow flurries */ return 'weather-snow'; case 14:/* light snow showers */ return 'weather-snow'; case 15:/* blowing snow */ return 'weather-snow'; case 16:/* snow */ return 'weather-snow'; case 17:/* hail */ return 'weather-snow'; case 18:/* sleet */ return 'weather-snow'; case 19:/* dust */ return 'weather-fog'; case 20:/* foggy */ return 'weather-fog'; case 21:/* haze */ return 'weather-fog'; case 22:/* smoky */ return 'weather-fog'; case 23:/* blustery */ return 'weather-few-clouds'; case 24:/* windy */ return 'weather-few-clouds'; case 25:/* cold */ return 'weather-few-clouds'; case 26:/* cloudy */ return 'weather-overcast'; case 27:/* mostly cloudy (night) */ return 'weather-clouds-night'; case 28:/* mostly cloudy (day) */ return 'weather-few-clouds'; case 29:/* partly cloudy (night) */ return 'weather-few-clouds-night'; case 30:/* partly cloudy (day) */ return 'weather-few-clouds'; case 31:/* clear (night) */ return 'weather-clear-night'; case 32:/* sunny */ return 'weather-clear'; case 33:/* fair (night) */ return 'weather-clear'; case 34:/* fair (day) */ return 'weather-clear-night'; case 35:/* mixed rain and hail */ return 'weather-snow-rain'; case 36:/* hot */ return 'weather-clear'; case 37:/* isolated thunderstorms */ return 'weather-storm'; case 38:/* scattered thunderstorms */ return 'weather-storm'; case 39:/* scattered thunderstorms */ return 'weather-storm'; case 40:/* scattered showers */ return 'weather-showers-scattered'; case 41:/* heavy snow */ return 'weather-snow'; case 42:/* scattered snow showers */ return 'weather-snow'; case 43:/* heavy snow */ return 'weather-snow'; case 44:/* partly cloudy */ return 'weather-few-clouds'; case 45:/* thundershowers */ return 'weather-storm'; case 46:/* snow showers */ return 'weather-snow'; case 47:/* isolated thundershowers */ return 'weather-storm'; case 3200:/* not available */ return 'weather-severe-alert'; default: return 'weather-severe-alert'; } }, load_json: function(url) { var session = new Soup.SessionSync(); var message = Soup.Message.new('GET', url); stat = session.send_message(message); jp = new Json.Parser(); jp.load_from_data(message.response_body.data, -1); return jp.get_root(); }, load_json_async: function(url, fun) { here = this; let session = new Soup.SessionAsync(); let message = Soup.Message.new('GET', url); session.queue_message(message, function(session, message) { jp = new Json.Parser(); jp.load_from_data(message.response_body.data, -1); fun.call(here, jp.get_root().get_object()); }); }, refreshWeather: function() { // Refresh current weather this.load_json_async(WEATHER_URL, function(weather) { let location = weather.get_object_member('location').get_string_member('city'); let comment = weather.get_object_member('condition').get_string_member('text'); let temperature = weather.get_object_member('condition').get_double_member('temperature'); let temperature_unit = weather.get_object_member('units').get_string_member('temperature'); let humidity = weather.get_object_member('atmosphere').get_string_member('humidity') + ' %'; let pressure = weather.get_object_member('atmosphere').get_double_member('pressure'); pressure_unit = weather.get_object_member('units').get_string_member('pressure'); let wind_direction = weather.get_object_member('wind').get_string_member('direction'); let wind = weather.get_object_member('wind').get_double_member('speed'); wind_unit = weather.get_object_member('units').get_string_member('speed'); let iconname = this.get_weather_icon(weather.get_object_member('condition').get_string_member('code')); this._currentWeatherIcon.icon_name = this._weatherIcon.icon_name = iconname; this._weatherInfo.text = (comment + ', ' + temperature + ' ' + temperature_unit); this._currentWeatherSummary.text = comment; this._currentWeatherLocation.text = location; this._currentWeatherTemperature.text = temperature + ' ' + temperature_unit; this._currentWeatherHumidity.text = humidity; this._currentWeatherPressure.text = pressure + ' ' + pressure_unit; this._currentWeatherWind.text = wind_direction + ' ' + wind + ' ' + wind_unit; }); // Refresh forecast this.load_json_async(FORECAST_URL, function(forecast) { date_string = ['Today', 'Tomorrow']; forecast2 = forecast.get_object_member('query').get_object_member('results').get_array_member('channel').get_elements(); for (let i = 0; i <= 1; i++) { let forecastUi = this._forecast[i]; let forecastData = forecast2[i].get_object().get_object_member('item').get_object_member('forecast'); let code = forecastData.get_string_member('code'); let comment = forecastData.get_string_member('text'); let t_low = forecastData.get_string_member('low'); let t_high = forecastData.get_string_member('high'); forecastUi.Day.text = date_string[i] + ' (' + forecastData.get_string_member('day') + ')'; forecastUi.Temperature.text = t_low + '\u2013' + t_high + ' ' + UNITS.toUpperCase(); forecastUi.Summary.text = comment; forecastUi.Icon.icon_name = this.get_weather_icon(code); } }); // Repeatedly refresh weather Mainloop.timeout_add_seconds(60*4, Lang.bind(this, this.refreshWeather)); }, destroyCurrentWeather: function() { if (this._currentWeather.get_child() != null) this._currentWeather.get_child().destroy(); }, destroyFutureWeather: function() { if (this._futureWeather.get_child() != null) this._futureWeather.get_child().destroy(); }, showLoadingUi: function() { this.destroyCurrentWeather(); this.destroyFutureWeather(); this._currentWeather.set_child(new St.Label({ text: _('Loading current weather ...') })); this._futureWeather.set_child(new St.Label({ text: _('Loading future weather ...') })); }, rebuildCurrentWeatherUi: function() { this.destroyCurrentWeather(); // This will hold the icon for the current weather this._currentWeatherIcon = new St.Icon({ icon_type: St.IconType.FULLCOLOR, icon_size: 64, icon_name: 'view-refresh-symbolic', style_class: 'weather-current-icon' }); // The summary of the current weather this._currentWeatherSummary = new St.Label({ text: _('Loading ...'), style_class: 'weather-current-summary' }); this._currentWeatherLocation = new St.Label({ text: _('Please wait') }); let bb = new St.BoxLayout({vertical: true, style_class: 'weather-current-summarybox'}); bb.add_actor(this._currentWeatherLocation); bb.add_actor(this._currentWeatherSummary); // Other labels this._currentWeatherTemperature = new St.Label({ text: '...' }); this._currentWeatherHumidity = new St.Label({ text: '...' }); this._currentWeatherPressure = new St.Label({ text: '...' }); this._currentWeatherWind = new St.Label({ text: '...' }); let rb = new St.BoxLayout({style_class: 'weather-current-databox'}); rb_captions = new St.BoxLayout({vertical: true, style_class: 'weather-current-databox-captions'}); rb_values = new St.BoxLayout({vertical: true, style_class: 'weather-current-databox-values'}); rb.add_actor(rb_captions); rb.add_actor(rb_values); rb_captions.add_actor(new St.Label({text: _('Temperature:')})); rb_values.add_actor(this._currentWeatherTemperature); rb_captions.add_actor(new St.Label({text: _('Humidity:')})); rb_values.add_actor(this._currentWeatherHumidity); rb_captions.add_actor(new St.Label({text: _('Pressure:')})); rb_values.add_actor(this._currentWeatherPressure); rb_captions.add_actor(new St.Label({text: _('Wind:')})); rb_values.add_actor(this._currentWeatherWind); let xb = new St.BoxLayout(); xb.add_actor(bb); xb.add_actor(rb); let box = new St.BoxLayout({style_class: 'weather-current-iconbox'}); box.add_actor(this._currentWeatherIcon); box.add_actor(xb); this._currentWeather.set_child(box); }, rebuildFutureWeatherUi: function() { this.destroyFutureWeather(); this._forecast = []; this._forecastBox = new St.BoxLayout(); this._futureWeather.set_child(this._forecastBox); for (let i = 0; i <= 1; i++) { let forecastWeather = {}; forecastWeather.Icon = new St.Icon({ icon_type: St.IconType.FULLCOLOR, icon_size: 48, icon_name: 'view-refresh-symbolic', style_class: 'weather-forecast-icon' }); forecastWeather.Day = new St.Label({style_class: 'weather-forecast-day'}); forecastWeather.Summary = new St.Label({style_class: 'weather-forecast-summary'}); forecastWeather.Temperature = new St.Label({style_class: 'weather-forecast-temperature'}); let by = new St.BoxLayout({vertical: true, style_class: 'weather-forecast-databox'}); by.add_actor(forecastWeather.Day); by.add_actor(forecastWeather.Summary); by.add_actor(forecastWeather.Temperature); let bb = new St.BoxLayout({style_class: 'weather-forecast-box'}); bb.add_actor(forecastWeather.Icon); bb.add_actor(by); this._forecast[i] = forecastWeather; this._forecastBox.add_actor(bb); } }, // Copied from Gnome shell's popupMenu.js _onSeparatorAreaRepaint: function(area) { let cr = area.get_context(); let themeNode = area.get_theme_node(); let [width, height] = area.get_surface_size(); let margin = themeNode.get_length('-margin-horizontal'); let gradientHeight = themeNode.get_length('-gradient-height'); let startColor = themeNode.get_color('-gradient-start'); let endColor = themeNode.get_color('-gradient-end'); let gradientWidth = (width - margin * 2); let gradientOffset = (height - gradientHeight) / 2; let pattern = new Cairo.LinearGradient(margin, gradientOffset, width - margin, gradientOffset + gradientHeight); pattern.addColorStopRGBA(0, startColor.red / 255, startColor.green / 255, startColor.blue / 255, startColor.alpha / 255); pattern.addColorStopRGBA(0.5, endColor.red / 255, endColor.green / 255, endColor.blue / 255, endColor.alpha / 255); pattern.addColorStopRGBA(1, startColor.red / 255, startColor.green / 255, startColor.blue / 255, startColor.alpha / 255); cr.setSource(pattern); cr.rectangle(margin, gradientOffset, gradientWidth, gradientHeight); cr.fill(); } }; function main() { this._weatherMenu = new WeatherMenuButton(); }