Skip to content

Update MainWindow.vala #152

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update MainWindow.vala #152

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
239 changes: 206 additions & 33 deletions src/MainWindow.vala
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,15 +10,24 @@ public class MainWindow : Gtk.ApplicationWindow {
private Granite.Placeholder placeholder;
private GWeather.Location? location = null;
private GWeather.Info weather_info;
private Gtk.Button refresh_button;
private Gtk.Button forecast_button;
private Gtk.Popover forecast_popover;
private GLib.Settings settings;

construct {
settings = new GLib.Settings ("io.elementary.nimbus");

weather_info = new GWeather.Info (location) {
application_id = Application.get_default ().application_id,
contact_info = "[email protected]",
enabled_providers = METAR | MET_NO
};

var weather_icon = new Gtk.Image ();
// Main weather display
var weather_icon = new Gtk.Image () {
pixel_size = 64
};
weather_icon.add_css_class ("weather-icon");

var weather_label = new Gtk.Label ("") {
Expand All @@ -33,11 +42,17 @@ public class MainWindow : Gtk.ApplicationWindow {
};
temp_label.add_css_class (Granite.STYLE_CLASS_H1_LABEL);

var feels_label = new Gtk.Label ("") {
halign = Gtk.Align.START
};
feels_label.add_css_class (Granite.STYLE_CLASS_H4_LABEL);

var location_label = new Gtk.Label ("") {
halign = Gtk.Align.END,
valign = Gtk.Align.START
};

// Weather details
var wind_icon = new Gtk.Image.from_icon_name ("weather-windy-symbolic") {
halign = END,
tooltip_text = _("Wind")
Expand All @@ -48,6 +63,16 @@ public class MainWindow : Gtk.ApplicationWindow {
halign = START
};

var humidity_icon = new Gtk.Image.from_icon_name ("humidity-symbolic") {
halign = END,
tooltip_text = _("Humidity")
};
humidity_icon.add_css_class ("conditions");

var humidity_label = new Gtk.Label ("") {
halign = START
};

var visibility_icon = new Gtk.Image.from_icon_name ("eye-open-negative-filled-symbolic") {
halign = END,
tooltip_text = _("Visibility")
Expand All @@ -68,31 +93,100 @@ public class MainWindow : Gtk.ApplicationWindow {
halign = START
};

grid = new Gtk.Grid ();
var dew_icon = new Gtk.Image.from_icon_name ("dew-symbolic") {
halign = END,
tooltip_text = _("Dew Point")
};
dew_icon.add_css_class ("conditions");

var dew_label = new Gtk.Label ("") {
halign = START
};

// Forecast UI
forecast_button = new Gtk.Button.with_label (_("Forecast")) {
visible = false,
sensitive = false
};
forecast_button.add_css_class (Granite.STYLE_CLASS_FLAT);

var forecast_box = new Gtk.Box (Gtk.Orientation.VERTICAL, 12) {
margin_top = 12,
margin_bottom = 12,
margin_start = 12,
margin_end = 12
};

forecast_popover = new Gtk.Popover () {
child = forecast_box,
position = Gtk.PositionType.BOTTOM
};
forecast_button.popover = forecast_popover;

// Main grid layout
grid = new Gtk.Grid () {
row_spacing = 12,
column_spacing = 12,
margin_top = 12,
margin_bottom = 12,
margin_start = 12,
margin_end = 12
};
grid.attach (weather_icon, 0, 0, 1, 2);
grid.attach (temp_label, 1, 0, 1, 2);
grid.attach (weather_label, 2, 0);
grid.attach (location_label, 2, 1);

grid.attach (wind_icon, 0, 2);
grid.attach (wind_label, 1, 2, 2);
grid.attach (visibility_icon, 0, 3);
grid.attach (visibility_label, 1, 3, 2);
grid.attach (pressure_icon, 0, 4);
grid.attach (pressure_label, 1, 4, 2);
grid.attach (feels_label, 1, 2, 2);

grid.attach (wind_icon, 0, 3);
grid.attach (wind_label, 1, 3, 2);
grid.attach (humidity_icon, 0, 4);
grid.attach (humidity_label, 1, 4, 2);
grid.attach (visibility_icon, 0, 5);
grid.attach (visibility_label, 1, 5, 2);
grid.attach (pressure_icon, 0, 6);
grid.attach (pressure_label, 1, 6, 2);
grid.attach (dew_icon, 0, 7);
grid.attach (dew_label, 1, 7, 2);
grid.add_css_class ("weather");

// Loading spinner
spinner = new Gtk.Spinner () {
halign = Gtk.Align.CENTER,
vexpand = true,
spinning = true
};

// Error placeholder
placeholder = new Granite.Placeholder (_("Unable to Get Location")) {
icon = new ThemedIcon ("location-disabled-symbolic"),
description = _("Make sure location access is turned on in <a href='settings://privacy/location'>System Settings → Security &amp; Privacy</a>")
};

// Refresh button
refresh_button = new Gtk.Button.from_icon_name ("view-refresh-symbolic") {
tooltip_text = _("Refresh")
};
refresh_button.add_css_class (Granite.STYLE_CLASS_FLAT);
refresh_button.clicked.connect (() => {
if (location != null) {
weather_info.update ();
stack.visible_child = spinner;
} else {
get_location ();
}
});

// Headerbar
var headerbar = new Gtk.HeaderBar () {
title_widget = new Gtk.Label ("")
};
headerbar.add_css_class (Granite.STYLE_CLASS_FLAT);
headerbar.add_css_class (Granite.STYLE_CLASS_DEFAULT_DECORATION);
headerbar.pack_end (refresh_button);
headerbar.pack_end (forecast_button);

// Stack for main content
stack = new Gtk.Stack () {
transition_type = Gtk.StackTransitionType.CROSSFADE,
valign = Gtk.Align.CENTER,
Expand All @@ -106,20 +200,17 @@ public class MainWindow : Gtk.ApplicationWindow {
child = stack
};

var headerbar = new Gtk.HeaderBar () {
title_widget = new Gtk.Label ("")
};
headerbar.add_css_class (Granite.STYLE_CLASS_FLAT);
headerbar.add_css_class (Granite.STYLE_CLASS_DEFAULT_DECORATION);

child = window_handle;
default_width = 350;
default_width = 380;
default_height = 600;
icon_name = Application.get_default ().application_id;
titlebar = headerbar;
title = _("Nimbus");

// Load initial location
get_location ();

// Update when window becomes active
notify["is-active"].connect (() => {
if (stack.visible_child == spinner || !is_active) {
return;
Expand All @@ -132,13 +223,13 @@ public class MainWindow : Gtk.ApplicationWindow {
}
});

// Handle weather updates
weather_info.updated.connect (() => {
if (location == null) {
return;
}

location_label.label = dgettext ("libgweather-locations", location.get_city_name ());

weather_icon.icon_name = weather_info.get_symbolic_icon_name ();

var conditions = weather_info.get_conditions ();
Expand All @@ -152,30 +243,113 @@ public class MainWindow : Gtk.ApplicationWindow {
weather_info.get_value_temp (GWeather.TemperatureUnit.DEFAULT, out temp);
temp_label.label = _("%i°").printf ((int) temp);

double feels_temp;
weather_info.get_value_feels_like_temp (GWeather.TemperatureUnit.DEFAULT, out feels_temp);
feels_label.label = _("Feels like %i°").printf ((int) feels_temp);

visibility_label.label = dgettext ("libgweather", weather_info.get_visibility ());
pressure_label.label = dgettext ("libgweather", weather_info.get_pressure ());
wind_label.label = dgettext ("libgweather", weather_info.get_wind ());

double dew_point;
weather_info.get_value_dew (GWeather.TemperatureUnit.DEFAULT, out dew_point);
dew_label.label = _("%i°").printf ((int) dew_point);

humidity_label.label = weather_info.get_humidity ().to_string () + "%";

switch (weather_icon.icon_name) {
case "weather-clear-night-symbolic":
case "weather-few-clouds-night-symbolic":
css_classes = {"night", "background", "csd"};
break;
case "weather-overcast-symbolic":
css_classes = {"cloudy", "background", "csd"};
case "weather-showers-symbolic":
case "weather-showers-scattered-symbolic":
css_classes = {"showers", "background", "csd"};
break;
default:
css_classes = {"day", "background", "csd"};
break;
}
// Update forecast button
forecast_button.visible = true;
forecast_button.sensitive = true;
update_forecast ();

// Update theme based on weather
update_theme (weather_icon.icon_name);

stack.visible_child = grid;
});

// Handle forecast button click
forecast_button.clicked.connect (update_forecast);
}

private void update_theme (string icon_name) {
switch (icon_name) {
case "weather-clear-night-symbolic":
case "weather-few-clouds-night-symbolic":
add_css_class ("night");
remove_css_class ("day");
remove_css_class ("rain");
remove_css_class ("cloudy");
break;
case "weather-overcast-symbolic":
add_css_class ("cloudy");
remove_css_class ("day");
remove_css_class ("night");
remove_css_class ("rain");
break;
case "weather-showers-symbolic":
case "weather-showers-scattered-symbolic":
case "weather-rain-symbolic":
add_css_class ("rain");
remove_css_class ("day");
remove_css_class ("night");
remove_css_class ("cloudy");
break;
default:
add_css_class ("day");
remove_css_class ("night");
remove_css_class ("rain");
remove_css_class ("cloudy");
break;
}
}

private void update_forecast () {
if (location == null) return;

var forecast_box = forecast_popover.child as Gtk.Box;
foreach (var child in forecast_box.get_children ()) {
child.destroy ();
}

var now = new GLib.DateTime.now_local ();
var time_label = new Gtk.Label (now.format ("%A, %B %d")) {
halign = Gtk.Align.CENTER
};
time_label.add_css_class (Granite.STYLE_CLASS_H3_LABEL);
forecast_box.append (time_label);

for (int i = 0; i < 5; i++) {
var forecast_day = now.add_days (i);
var day_box = new Gtk.Box (Gtk.Orientation.HORIZONTAL, 12) {
halign = Gtk.Align.CENTER
};

var day_label = new Gtk.Label (forecast_day.format ("%a")) {
width_chars = 3
};

double min_temp, max_temp;
weather_info.get_value_temp_min_max (i, GWeather.TemperatureUnit.DEFAULT, out min_temp, out max_temp);

var temp_label = new Gtk.Label (_("%i°/%i°").printf ((int) min_temp, (int) max_temp)) {
width_chars = 8
};

var icon = new Gtk.Image.from_icon_name (weather_info.get_symbolic_icon_name_for_time (i * 24)) {
pixel_size = 24
};

day_box.append (day_label);
day_box.append (icon);
day_box.append (temp_label);
forecast_box.append (day_box);
}
}

private void get_location () {
stack.visible_child = spinner;
forecast_button.visible = false;

get_gclue_simple.begin ((obj, res) => {
var simple = get_gclue_simple.end (res);
Expand Down Expand Up @@ -207,7 +381,6 @@ public class MainWindow : Gtk.ApplicationWindow {
if (location != null) {
weather_info.location = location;
weather_info.update ();
stack.visible_child = grid;
}
}
}