You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
432 lines
18 KiB
432 lines
18 KiB
/*
|
|
|
|
* 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 <venemo@msn.com>,
|
|
Elad Alfassa <elad@fedoraproject.org>,
|
|
Simon Legner <Simon.Legner@gmail.com>
|
|
|
|
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 <http://www.gnu.org/licenses/>.
|
|
|
|
*/
|
|
|
|
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();
|
|
}
|
|
|
|
|