/* * 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 this.refreshWeather(); }, get_weather_icon: function(code) { switch (parseInt(code, 10)){ case 4: return 'weather-storm'; case 5: case 10: case 11: case 12: case 39: case 40: return 'weather-showers'; case 26: return 'weather-overcast'; case 28: case 30: case 44: return 'weather-few-clouds'; case 32: case 34: case 36: return 'weather-clear'; default: return 'weather-snow'; } }, 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(); }, refreshWeather: function() { try { // Fetching current weather let weather = this.load_json(WEATHER_URL).get_object(); let forecast = this.load_json(FORECAST_URL).get_object(); // Refreshing current 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'); 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; for (let i = 0; i <= 1; i++) { let forecastUi = this._forecast[i]; let weatherData = weather.get_array_member('forecast').get_elements()[i].get_object(); let forecastData = forecast.get_object_member('query').get_object_member('results').get_array_member('channel').get_elements(); forecastData = forecastData[i].get_object(); forecastData = forecastData.get_object_member('item').get_object_member('forecast'); forecastUi.Day.text = weatherData.get_string_member('day'); forecastUi.Summary.text = forecastData.get_string_member('text'); forecastUi.Temperature.text = forecastData.get_string_member('low') + '\u2013' + forecastData.get_string_member('high') + ' ' + temperature_unit; forecastUi.Icon.icon_name = this.get_weather_icon(forecastData.get_string_member('code')); } } catch (e) { //TODO } // 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: _('Temperature') + ': ...' }); this._currentWeatherHumidity = new St.Label({ text: _('Humidity') + ': ...' }); this._currentWeatherPressure = new St.Label({ text: _('Pressure') + ': ...' }); this._currentWeatherWind = new St.Label({ text: _('Wind') + ': ...' }); 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(); }