8d48dc8c6f
`toLocaleFormat` is now `formatDateWithCFormatString` and formatTime and formatTimeSpan are moved into dateUtils. Instead of overriding system.clearDateCaches, add a helper in dateUtils. Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2827>
994 lines
33 KiB
JavaScript
994 lines
33 KiB
JavaScript
// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*-
|
||
/* exported DateMenuButton */
|
||
|
||
const Clutter = imports.gi.Clutter;
|
||
const Gio = imports.gi.Gio;
|
||
const GLib = imports.gi.GLib;
|
||
const GnomeDesktop = imports.gi.GnomeDesktop;
|
||
const GObject = imports.gi.GObject;
|
||
const GWeather = imports.gi.GWeather;
|
||
const Pango = imports.gi.Pango;
|
||
const Shell = imports.gi.Shell;
|
||
const St = imports.gi.St;
|
||
|
||
const Main = imports.ui.main;
|
||
const PanelMenu = imports.ui.panelMenu;
|
||
const Calendar = imports.ui.calendar;
|
||
const Weather = imports.misc.weather;
|
||
const DateUtils = imports.misc.dateUtils;
|
||
|
||
const {formatDateWithCFormatString, formatTime} = imports.misc.dateUtils;
|
||
const {loadInterfaceXML} = imports.misc.fileUtils;
|
||
|
||
const NC_ = (context, str) => `${context}\u0004${str}`;
|
||
const T_ = Shell.util_translate_time_string;
|
||
|
||
const MAX_FORECASTS = 5;
|
||
const EN_CHAR = '\u2013';
|
||
|
||
const ClocksIntegrationIface = loadInterfaceXML('org.gnome.Shell.ClocksIntegration');
|
||
const ClocksProxy = Gio.DBusProxy.makeProxyWrapper(ClocksIntegrationIface);
|
||
|
||
/**
|
||
* @private
|
||
*
|
||
* @param {Date} date a Date
|
||
* @returns {boolean}
|
||
*/
|
||
function _isToday(date) {
|
||
let now = new Date();
|
||
return now.getFullYear() === date.getFullYear() &&
|
||
now.getMonth() === date.getMonth() &&
|
||
now.getDate() === date.getDate();
|
||
}
|
||
|
||
/**
|
||
* @private
|
||
*
|
||
* @param {GLib.DateTime} datetime a GLib.DateTime
|
||
* @returns {Date}
|
||
*/
|
||
function _gDateTimeToDate(datetime) {
|
||
return new Date(datetime.to_unix() * 1000 + datetime.get_microsecond() / 1000);
|
||
}
|
||
|
||
var TodayButton = GObject.registerClass(
|
||
class TodayButton extends St.Button {
|
||
_init(calendar) {
|
||
// Having the ability to go to the current date if the user is already
|
||
// on the current date can be confusing. So don't make the button reactive
|
||
// until the selected date changes.
|
||
super._init({
|
||
style_class: 'datemenu-today-button',
|
||
x_expand: true,
|
||
can_focus: true,
|
||
reactive: false,
|
||
});
|
||
|
||
const hbox = new St.BoxLayout({vertical: true});
|
||
this.add_actor(hbox);
|
||
|
||
this._dayLabel = new St.Label({
|
||
style_class: 'day-label',
|
||
x_align: Clutter.ActorAlign.START,
|
||
});
|
||
hbox.add_actor(this._dayLabel);
|
||
|
||
this._dateLabel = new St.Label({style_class: 'date-label'});
|
||
hbox.add_actor(this._dateLabel);
|
||
|
||
this._calendar = calendar;
|
||
this._calendar.connect('selected-date-changed', (_calendar, datetime) => {
|
||
// Make the button reactive only if the selected date is not the
|
||
// current date.
|
||
this.reactive = !_isToday(_gDateTimeToDate(datetime));
|
||
});
|
||
}
|
||
|
||
vfunc_clicked() {
|
||
this._calendar.setDate(new Date(), false);
|
||
}
|
||
|
||
setDate(date) {
|
||
this._dayLabel.set_text(formatDateWithCFormatString(date, '%A'));
|
||
|
||
/* Translators: This is the date format to use when the calendar popup is
|
||
* shown - it is shown just below the time in the top bar (e.g.,
|
||
* "Tue 9:29 AM"). The string itself should become a full date, e.g.,
|
||
* "February 17 2015".
|
||
*/
|
||
const dateFormat = Shell.util_translate_time_string(N_('%B %-d %Y'));
|
||
this._dateLabel.set_text(formatDateWithCFormatString(date, dateFormat));
|
||
|
||
/* Translators: This is the accessible name of the date button shown
|
||
* below the time in the shell; it should combine the weekday and the
|
||
* date, e.g. "Tuesday February 17 2015".
|
||
*/
|
||
const dateAccessibleNameFormat = Shell.util_translate_time_string(N_('%A %B %e %Y'));
|
||
this.accessible_name = formatDateWithCFormatString(date, dateAccessibleNameFormat);
|
||
}
|
||
});
|
||
|
||
var EventsSection = GObject.registerClass(
|
||
class EventsSection extends St.Button {
|
||
_init() {
|
||
super._init({
|
||
style_class: 'events-button',
|
||
can_focus: true,
|
||
x_expand: true,
|
||
child: new St.BoxLayout({
|
||
style_class: 'events-box',
|
||
vertical: true,
|
||
x_expand: true,
|
||
}),
|
||
});
|
||
|
||
this._startDate = null;
|
||
this._endDate = null;
|
||
|
||
this._eventSource = null;
|
||
this._calendarApp = null;
|
||
|
||
this._title = new St.Label({
|
||
style_class: 'events-title',
|
||
});
|
||
this.child.add_child(this._title);
|
||
|
||
this._eventsList = new St.BoxLayout({
|
||
style_class: 'events-list',
|
||
vertical: true,
|
||
x_expand: true,
|
||
});
|
||
this.child.add_child(this._eventsList);
|
||
|
||
this._appSys = Shell.AppSystem.get_default();
|
||
this._appSys.connect('installed-changed',
|
||
this._appInstalledChanged.bind(this));
|
||
this._appInstalledChanged();
|
||
}
|
||
|
||
setDate(date) {
|
||
this._startDate =
|
||
new Date(date.getFullYear(), date.getMonth(), date.getDate());
|
||
this._endDate =
|
||
new Date(date.getFullYear(), date.getMonth(), date.getDate() + 1);
|
||
|
||
this._updateTitle();
|
||
this._reloadEvents();
|
||
}
|
||
|
||
setEventSource(eventSource) {
|
||
if (!(eventSource instanceof Calendar.EventSourceBase))
|
||
throw new Error('Event source is not valid type');
|
||
|
||
this._eventSource = eventSource;
|
||
this._eventSource.connect('changed', this._reloadEvents.bind(this));
|
||
this._eventSource.connect('notify::has-calendars',
|
||
this._sync.bind(this));
|
||
this._sync();
|
||
}
|
||
|
||
_updateTitle() {
|
||
/* Translators: Shown on calendar heading when selected day occurs on current year */
|
||
const sameYearFormat = T_(NC_('calendar heading', '%B %-d'));
|
||
|
||
/* Translators: Shown on calendar heading when selected day occurs on different year */
|
||
const otherYearFormat = T_(NC_('calendar heading', '%B %-d %Y'));
|
||
|
||
const timeSpanDay = GLib.TIME_SPAN_DAY / 1000;
|
||
const now = new Date();
|
||
|
||
if (this._startDate <= now && now < this._endDate)
|
||
this._title.text = _('Today');
|
||
else if (this._endDate <= now && now - this._endDate < timeSpanDay)
|
||
this._title.text = _('Yesterday');
|
||
else if (this._startDate > now && this._startDate - now <= timeSpanDay)
|
||
this._title.text = _('Tomorrow');
|
||
else if (this._startDate.getFullYear() === now.getFullYear())
|
||
this._title.text = formatDateWithCFormatString(this._startDate, sameYearFormat);
|
||
else
|
||
this._title.text = formatDateWithCFormatString(this._startDate, otherYearFormat);
|
||
}
|
||
|
||
_isAtMidnight(eventTime) {
|
||
return eventTime.getHours() === 0 && eventTime.getMinutes() === 0 && eventTime.getSeconds() === 0;
|
||
}
|
||
|
||
_formatEventTime(event) {
|
||
const eventStart = event.date;
|
||
let eventEnd = event.end;
|
||
|
||
const allDay =
|
||
eventStart.getTime() === this._startDate.getTime() && eventEnd.getTime() === this._endDate.getTime();
|
||
|
||
const startsBeforeToday = eventStart < this._startDate;
|
||
const endsAfterToday = eventEnd > this._endDate;
|
||
|
||
const startTimeOnly = formatTime(eventStart, {timeOnly: true});
|
||
const endTimeOnly = formatTime(eventEnd, {timeOnly: true});
|
||
|
||
const rtl = Clutter.get_default_text_direction() === Clutter.TextDirection.RTL;
|
||
|
||
let title;
|
||
if (allDay) {
|
||
/* Translators: Shown in calendar event list for all day events
|
||
* Keep it short, best if you can use less then 10 characters
|
||
*/
|
||
title = C_('event list time', 'All Day');
|
||
} else if (startsBeforeToday || endsAfterToday) {
|
||
const now = new Date();
|
||
const thisYear = now.getFullYear();
|
||
|
||
const startsAtMidnight = this._isAtMidnight(eventStart);
|
||
const endsAtMidnight = this._isAtMidnight(eventEnd);
|
||
|
||
const startYear = eventStart.getFullYear();
|
||
|
||
if (endsAtMidnight) {
|
||
eventEnd = new Date(eventEnd);
|
||
eventEnd.setDate(eventEnd.getDate() - 1);
|
||
}
|
||
|
||
const endYear = eventEnd.getFullYear();
|
||
|
||
let format;
|
||
if (startYear === thisYear && thisYear === endYear)
|
||
/* Translators: Shown in calendar event list as the start/end of events
|
||
* that only show day and month
|
||
*/
|
||
format = T_(N_('%m/%d'));
|
||
else
|
||
format = '%x';
|
||
|
||
const startDateOnly = formatDateWithCFormatString(eventStart, format);
|
||
const endDateOnly = formatDateWithCFormatString(eventEnd, format);
|
||
|
||
if (startsAtMidnight && endsAtMidnight)
|
||
title = `${rtl ? endDateOnly : startDateOnly} ${EN_CHAR} ${rtl ? startDateOnly : endDateOnly}`;
|
||
else if (rtl)
|
||
title = `${endTimeOnly} ${endDateOnly} ${EN_CHAR} ${startTimeOnly} ${startDateOnly}`;
|
||
else
|
||
title = `${startDateOnly} ${startTimeOnly} ${EN_CHAR} ${endDateOnly} ${endTimeOnly}`;
|
||
} else if (eventStart === eventEnd) {
|
||
title = startTimeOnly;
|
||
} else {
|
||
title = `${rtl ? endTimeOnly : startTimeOnly} ${EN_CHAR} ${rtl ? startTimeOnly : endTimeOnly}`;
|
||
}
|
||
|
||
return title;
|
||
}
|
||
|
||
_reloadEvents() {
|
||
if (this._eventSource.isLoading || this._reloading)
|
||
return;
|
||
|
||
this._reloading = true;
|
||
|
||
[...this._eventsList].forEach(c => c.destroy());
|
||
|
||
const events =
|
||
this._eventSource.getEvents(this._startDate, this._endDate);
|
||
|
||
for (let event of events) {
|
||
const box = new St.BoxLayout({
|
||
style_class: 'event-box',
|
||
vertical: true,
|
||
});
|
||
box.add(new St.Label({
|
||
text: event.summary,
|
||
style_class: 'event-summary',
|
||
}));
|
||
box.add(new St.Label({
|
||
text: this._formatEventTime(event),
|
||
style_class: 'event-time',
|
||
}));
|
||
this._eventsList.add_child(box);
|
||
}
|
||
|
||
if (this._eventsList.get_n_children() === 0) {
|
||
const placeholder = new St.Label({
|
||
text: _('No Events'),
|
||
style_class: 'event-placeholder',
|
||
});
|
||
this._eventsList.add_child(placeholder);
|
||
}
|
||
|
||
this._reloading = false;
|
||
this._sync();
|
||
}
|
||
|
||
vfunc_clicked() {
|
||
Main.overview.hide();
|
||
Main.panel.closeCalendar();
|
||
|
||
const appInfo = this._calendarApp;
|
||
const context = global.create_app_launch_context(0, -1);
|
||
if (appInfo.get_id() === 'org.gnome.Evolution.desktop')
|
||
appInfo.launch_action('calendar', context);
|
||
else
|
||
appInfo.launch([], context);
|
||
}
|
||
|
||
_appInstalledChanged() {
|
||
const apps = Gio.AppInfo.get_recommended_for_type('text/calendar');
|
||
if (apps && (apps.length > 0)) {
|
||
const app = Gio.AppInfo.get_default_for_type('text/calendar', false);
|
||
const defaultInRecommended = apps.some(a => a.equal(app));
|
||
this._calendarApp = defaultInRecommended ? app : apps[0];
|
||
} else {
|
||
this._calendarApp = null;
|
||
}
|
||
|
||
return this._sync();
|
||
}
|
||
|
||
_sync() {
|
||
this.visible = this._eventSource && this._eventSource.hasCalendars;
|
||
this.reactive = this._calendarApp !== null;
|
||
}
|
||
});
|
||
|
||
var WorldClocksSection = GObject.registerClass(
|
||
class WorldClocksSection extends St.Button {
|
||
_init() {
|
||
super._init({
|
||
style_class: 'world-clocks-button',
|
||
can_focus: true,
|
||
x_expand: true,
|
||
});
|
||
this._clock = new GnomeDesktop.WallClock();
|
||
this._clockNotifyId = 0;
|
||
this._tzNotifyId = 0;
|
||
|
||
this._locations = [];
|
||
|
||
const layout = new Clutter.GridLayout({orientation: Clutter.Orientation.VERTICAL});
|
||
this._grid = new St.Widget({
|
||
style_class: 'world-clocks-grid',
|
||
x_expand: true,
|
||
layout_manager: layout,
|
||
});
|
||
layout.hookup_style(this._grid);
|
||
|
||
this.child = this._grid;
|
||
|
||
this._clocksApp = null;
|
||
this._clocksProxy = new ClocksProxy(
|
||
Gio.DBus.session,
|
||
'org.gnome.clocks',
|
||
'/org/gnome/clocks',
|
||
this._onProxyReady.bind(this),
|
||
null /* cancellable */,
|
||
Gio.DBusProxyFlags.DO_NOT_AUTO_START | Gio.DBusProxyFlags.GET_INVALIDATED_PROPERTIES);
|
||
|
||
this._settings = new Gio.Settings({
|
||
schema_id: 'org.gnome.shell.world-clocks',
|
||
});
|
||
this._settings.connect('changed', this._clocksChanged.bind(this));
|
||
this._clocksChanged();
|
||
|
||
this._appSystem = Shell.AppSystem.get_default();
|
||
this._appSystem.connect('installed-changed',
|
||
this._sync.bind(this));
|
||
this._sync();
|
||
}
|
||
|
||
vfunc_clicked() {
|
||
if (this._clocksApp)
|
||
this._clocksApp.activate();
|
||
|
||
Main.overview.hide();
|
||
Main.panel.closeCalendar();
|
||
}
|
||
|
||
_sync() {
|
||
this._clocksApp = this._appSystem.lookup_app('org.gnome.clocks.desktop');
|
||
this.visible = this._clocksApp != null;
|
||
}
|
||
|
||
_clocksChanged() {
|
||
this._grid.destroy_all_children();
|
||
this._locations = [];
|
||
|
||
let world = GWeather.Location.get_world();
|
||
let clocks = this._settings.get_value('locations').deepUnpack();
|
||
for (let i = 0; i < clocks.length; i++) {
|
||
let l = world.deserialize(clocks[i]);
|
||
if (l && l.get_timezone() != null)
|
||
this._locations.push({location: l});
|
||
}
|
||
|
||
const unixtime = GLib.DateTime.new_now_local().to_unix();
|
||
this._locations.sort((a, b) => {
|
||
const tzA = a.location.get_timezone();
|
||
const tzB = b.location.get_timezone();
|
||
const intA = tzA.find_interval(GLib.TimeType.STANDARD, unixtime);
|
||
const intB = tzB.find_interval(GLib.TimeType.STANDARD, unixtime);
|
||
return tzA.get_offset(intA) - tzB.get_offset(intB);
|
||
});
|
||
|
||
let layout = this._grid.layout_manager;
|
||
const title = this._locations.length === 0
|
||
? _('Add world clocks…')
|
||
: _('World Clocks');
|
||
const header = new St.Label({
|
||
style_class: 'world-clocks-header',
|
||
x_align: Clutter.ActorAlign.START,
|
||
text: title,
|
||
});
|
||
if (this._grid.text_direction === Clutter.TextDirection.RTL)
|
||
layout.attach(header, 2, 0, 1, 1);
|
||
else
|
||
layout.attach(header, 0, 0, 2, 1);
|
||
this.label_actor = header;
|
||
|
||
for (let i = 0; i < this._locations.length; i++) {
|
||
let l = this._locations[i].location;
|
||
|
||
let name = l.get_city_name() || l.get_name();
|
||
const label = new St.Label({
|
||
style_class: 'world-clocks-city',
|
||
text: name,
|
||
x_align: Clutter.ActorAlign.START,
|
||
y_align: Clutter.ActorAlign.CENTER,
|
||
x_expand: true,
|
||
});
|
||
|
||
const time = new St.Label({style_class: 'world-clocks-time'});
|
||
|
||
const tz = new St.Label({
|
||
style_class: 'world-clocks-timezone',
|
||
x_align: Clutter.ActorAlign.END,
|
||
y_align: Clutter.ActorAlign.CENTER,
|
||
});
|
||
|
||
time.clutter_text.ellipsize = Pango.EllipsizeMode.NONE;
|
||
tz.clutter_text.ellipsize = Pango.EllipsizeMode.NONE;
|
||
|
||
if (this._grid.text_direction === Clutter.TextDirection.RTL) {
|
||
layout.attach(tz, 0, i + 1, 1, 1);
|
||
layout.attach(time, 1, i + 1, 1, 1);
|
||
layout.attach(label, 2, i + 1, 1, 1);
|
||
} else {
|
||
layout.attach(label, 0, i + 1, 1, 1);
|
||
layout.attach(time, 1, i + 1, 1, 1);
|
||
layout.attach(tz, 2, i + 1, 1, 1);
|
||
}
|
||
|
||
this._locations[i].timeLabel = time;
|
||
this._locations[i].tzLabel = tz;
|
||
}
|
||
|
||
if (this._grid.get_n_children() > 1) {
|
||
if (!this._clockNotifyId) {
|
||
this._clockNotifyId =
|
||
this._clock.connect('notify::clock', this._updateTimeLabels.bind(this));
|
||
}
|
||
if (!this._tzNotifyId) {
|
||
this._tzNotifyId =
|
||
this._clock.connect('notify::timezone', this._updateTimezoneLabels.bind(this));
|
||
}
|
||
this._updateTimeLabels();
|
||
this._updateTimezoneLabels();
|
||
} else {
|
||
if (this._clockNotifyId)
|
||
this._clock.disconnect(this._clockNotifyId);
|
||
this._clockNotifyId = 0;
|
||
|
||
if (this._tzNotifyId)
|
||
this._clock.disconnect(this._tzNotifyId);
|
||
this._tzNotifyId = 0;
|
||
}
|
||
}
|
||
|
||
_getTimezoneOffsetAtLocation(location) {
|
||
const tz = location.get_timezone();
|
||
const localOffset = GLib.DateTime.new_now_local().get_utc_offset();
|
||
const utcOffset = GLib.DateTime.new_now(tz).get_utc_offset();
|
||
const offsetCurrentTz = utcOffset - localOffset;
|
||
const offsetHours =
|
||
Math.floor(Math.abs(offsetCurrentTz) / GLib.TIME_SPAN_HOUR);
|
||
const offsetMinutes =
|
||
(Math.abs(offsetCurrentTz) % GLib.TIME_SPAN_HOUR) /
|
||
GLib.TIME_SPAN_MINUTE;
|
||
|
||
const prefix = offsetCurrentTz >= 0 ? '+' : '-';
|
||
const text = offsetMinutes === 0
|
||
? `${prefix}${offsetHours}`
|
||
: `${prefix}${offsetHours}\u2236${offsetMinutes}`;
|
||
return text;
|
||
}
|
||
|
||
_updateTimeLabels() {
|
||
for (let i = 0; i < this._locations.length; i++) {
|
||
let l = this._locations[i];
|
||
const now = GLib.DateTime.new_now(l.location.get_timezone());
|
||
l.timeLabel.text = formatTime(now, {timeOnly: true});
|
||
}
|
||
}
|
||
|
||
_updateTimezoneLabels() {
|
||
for (let i = 0; i < this._locations.length; i++) {
|
||
let l = this._locations[i];
|
||
l.tzLabel.text = this._getTimezoneOffsetAtLocation(l.location);
|
||
}
|
||
}
|
||
|
||
_onProxyReady(proxy, error) {
|
||
if (error) {
|
||
log(`Failed to create GNOME Clocks proxy: ${error}`);
|
||
return;
|
||
}
|
||
|
||
this._clocksProxy.connect('g-properties-changed',
|
||
this._onClocksPropertiesChanged.bind(this));
|
||
this._onClocksPropertiesChanged();
|
||
}
|
||
|
||
_onClocksPropertiesChanged() {
|
||
if (this._clocksProxy.g_name_owner == null)
|
||
return;
|
||
|
||
this._settings.set_value('locations',
|
||
new GLib.Variant('av', this._clocksProxy.Locations));
|
||
}
|
||
});
|
||
|
||
var WeatherSection = GObject.registerClass(
|
||
class WeatherSection extends St.Button {
|
||
_init() {
|
||
super._init({
|
||
style_class: 'weather-button',
|
||
can_focus: true,
|
||
x_expand: true,
|
||
});
|
||
|
||
this._weatherClient = new Weather.WeatherClient();
|
||
|
||
let box = new St.BoxLayout({
|
||
style_class: 'weather-box',
|
||
vertical: true,
|
||
x_expand: true,
|
||
});
|
||
|
||
this.child = box;
|
||
|
||
let titleBox = new St.BoxLayout({style_class: 'weather-header-box'});
|
||
this._titleLabel = new St.Label({
|
||
style_class: 'weather-header',
|
||
x_align: Clutter.ActorAlign.START,
|
||
x_expand: true,
|
||
y_align: Clutter.ActorAlign.END,
|
||
});
|
||
titleBox.add_child(this._titleLabel);
|
||
box.add_child(titleBox);
|
||
|
||
this._titleLocation = new St.Label({
|
||
style_class: 'weather-header location',
|
||
x_align: Clutter.ActorAlign.END,
|
||
y_align: Clutter.ActorAlign.END,
|
||
});
|
||
titleBox.add_child(this._titleLocation);
|
||
|
||
let layout = new Clutter.GridLayout({orientation: Clutter.Orientation.VERTICAL});
|
||
this._forecastGrid = new St.Widget({
|
||
style_class: 'weather-grid',
|
||
layout_manager: layout,
|
||
});
|
||
layout.hookup_style(this._forecastGrid);
|
||
box.add_child(this._forecastGrid);
|
||
|
||
this._weatherClient.connect('changed', this._sync.bind(this));
|
||
this._sync();
|
||
}
|
||
|
||
vfunc_map() {
|
||
this._weatherClient.update();
|
||
super.vfunc_map();
|
||
}
|
||
|
||
vfunc_clicked() {
|
||
this._weatherClient.activateApp();
|
||
|
||
Main.overview.hide();
|
||
Main.panel.closeCalendar();
|
||
}
|
||
|
||
_getInfos() {
|
||
let forecasts = this._weatherClient.info.get_forecast_list();
|
||
|
||
let now = GLib.DateTime.new_now_local();
|
||
let current = GLib.DateTime.new_from_unix_local(0);
|
||
let infos = [];
|
||
for (let i = 0; i < forecasts.length; i++) {
|
||
const [valid, timestamp] = forecasts[i].get_value_update();
|
||
if (!valid || timestamp === 0)
|
||
continue; // 0 means 'never updated'
|
||
|
||
const datetime = GLib.DateTime.new_from_unix_local(timestamp);
|
||
if (now.difference(datetime) > 0)
|
||
continue; // Ignore earlier forecasts
|
||
|
||
if (datetime.difference(current) < GLib.TIME_SPAN_HOUR)
|
||
continue; // Enforce a minimum interval of 1h
|
||
|
||
if (infos.push(forecasts[i]) === MAX_FORECASTS)
|
||
break; // Use a maximum of five forecasts
|
||
|
||
current = datetime;
|
||
}
|
||
return infos;
|
||
}
|
||
|
||
_addForecasts() {
|
||
let layout = this._forecastGrid.layout_manager;
|
||
|
||
let infos = this._getInfos();
|
||
if (this._forecastGrid.text_direction === Clutter.TextDirection.RTL)
|
||
infos.reverse();
|
||
|
||
let col = 0;
|
||
infos.forEach(fc => {
|
||
const [valid_, timestamp] = fc.get_value_update();
|
||
let timeStr = formatTime(new Date(timestamp * 1000), {
|
||
timeOnly: true,
|
||
ampm: false,
|
||
});
|
||
const [, tempValue] = fc.get_value_temp(GWeather.TemperatureUnit.DEFAULT);
|
||
const tempPrefix = Math.round(tempValue) >= 0 ? ' ' : '';
|
||
|
||
let time = new St.Label({
|
||
style_class: 'weather-forecast-time',
|
||
text: timeStr,
|
||
x_align: Clutter.ActorAlign.CENTER,
|
||
});
|
||
let icon = new St.Icon({
|
||
style_class: 'weather-forecast-icon',
|
||
icon_name: fc.get_symbolic_icon_name(),
|
||
x_align: Clutter.ActorAlign.CENTER,
|
||
x_expand: true,
|
||
});
|
||
let temp = new St.Label({
|
||
style_class: 'weather-forecast-temp',
|
||
text: `${tempPrefix}${Math.round(tempValue)}°`,
|
||
x_align: Clutter.ActorAlign.CENTER,
|
||
});
|
||
|
||
temp.clutter_text.ellipsize = Pango.EllipsizeMode.NONE;
|
||
time.clutter_text.ellipsize = Pango.EllipsizeMode.NONE;
|
||
|
||
layout.attach(time, col, 0, 1, 1);
|
||
layout.attach(icon, col, 1, 1, 1);
|
||
layout.attach(temp, col, 2, 1, 1);
|
||
col++;
|
||
});
|
||
}
|
||
|
||
_setStatusLabel(text) {
|
||
let layout = this._forecastGrid.layout_manager;
|
||
let label = new St.Label({text});
|
||
layout.attach(label, 0, 0, 1, 1);
|
||
}
|
||
|
||
_findBestLocationName(loc) {
|
||
const locName = loc.get_name();
|
||
|
||
if (loc.get_level() === GWeather.LocationLevel.CITY ||
|
||
!loc.has_coords())
|
||
return locName;
|
||
|
||
const world = GWeather.Location.get_world();
|
||
const city = world.find_nearest_city(...loc.get_coords());
|
||
const cityName = city.get_name();
|
||
|
||
return locName.includes(cityName) ? cityName : locName;
|
||
}
|
||
|
||
_updateForecasts() {
|
||
this._forecastGrid.destroy_all_children();
|
||
|
||
if (!this._weatherClient.hasLocation)
|
||
return;
|
||
|
||
const {info} = this._weatherClient;
|
||
this._titleLocation.text = this._findBestLocationName(info.location);
|
||
|
||
if (this._weatherClient.loading) {
|
||
this._setStatusLabel(_('Loading…'));
|
||
return;
|
||
}
|
||
|
||
if (info.is_valid()) {
|
||
this._addForecasts();
|
||
return;
|
||
}
|
||
|
||
if (info.network_error())
|
||
this._setStatusLabel(_('Go online for weather information'));
|
||
else
|
||
this._setStatusLabel(_('Weather information is currently unavailable'));
|
||
}
|
||
|
||
_sync() {
|
||
this.visible = this._weatherClient.available;
|
||
|
||
if (!this.visible)
|
||
return;
|
||
|
||
if (this._weatherClient.hasLocation)
|
||
this._titleLabel.text = _('Weather');
|
||
else
|
||
this._titleLabel.text = _('Select weather location…');
|
||
|
||
this._forecastGrid.visible = this._weatherClient.hasLocation;
|
||
this._titleLocation.visible = this._weatherClient.hasLocation;
|
||
|
||
this._updateForecasts();
|
||
}
|
||
});
|
||
|
||
var MessagesIndicator = GObject.registerClass(
|
||
class MessagesIndicator extends St.Icon {
|
||
_init() {
|
||
super._init({
|
||
icon_size: 16,
|
||
visible: false,
|
||
y_expand: true,
|
||
y_align: Clutter.ActorAlign.CENTER,
|
||
});
|
||
|
||
this._sources = [];
|
||
this._count = 0;
|
||
|
||
this._settings = new Gio.Settings({
|
||
schema_id: 'org.gnome.desktop.notifications',
|
||
});
|
||
this._settings.connect('changed::show-banners', this._sync.bind(this));
|
||
|
||
Main.messageTray.connect('source-added', this._onSourceAdded.bind(this));
|
||
Main.messageTray.connect('source-removed', this._onSourceRemoved.bind(this));
|
||
Main.messageTray.connect('queue-changed', this._updateCount.bind(this));
|
||
|
||
let sources = Main.messageTray.getSources();
|
||
sources.forEach(source => this._onSourceAdded(null, source));
|
||
|
||
this._sync();
|
||
|
||
this.connect('destroy', () => {
|
||
this._settings.run_dispose();
|
||
this._settings = null;
|
||
});
|
||
}
|
||
|
||
_onSourceAdded(tray, source) {
|
||
source.connect('notify::count', this._updateCount.bind(this));
|
||
this._sources.push(source);
|
||
this._updateCount();
|
||
}
|
||
|
||
_onSourceRemoved(tray, source) {
|
||
this._sources.splice(this._sources.indexOf(source), 1);
|
||
this._updateCount();
|
||
}
|
||
|
||
_updateCount() {
|
||
let count = 0;
|
||
this._sources.forEach(source => (count += source.unseenCount));
|
||
this._count = count - Main.messageTray.queueCount;
|
||
|
||
this._sync();
|
||
}
|
||
|
||
_sync() {
|
||
let doNotDisturb = !this._settings.get_boolean('show-banners');
|
||
this.icon_name = doNotDisturb
|
||
? 'notifications-disabled-symbolic'
|
||
: 'message-indicator-symbolic';
|
||
this.visible = doNotDisturb || this._count > 0;
|
||
}
|
||
});
|
||
|
||
var FreezableBinLayout = GObject.registerClass(
|
||
class FreezableBinLayout extends Clutter.BinLayout {
|
||
_init() {
|
||
super._init();
|
||
|
||
this._frozen = false;
|
||
this._savedWidth = [NaN, NaN];
|
||
this._savedHeight = [NaN, NaN];
|
||
}
|
||
|
||
set frozen(v) {
|
||
if (this._frozen === v)
|
||
return;
|
||
|
||
this._frozen = v;
|
||
if (!this._frozen)
|
||
this.layout_changed();
|
||
}
|
||
|
||
vfunc_get_preferred_width(container, forHeight) {
|
||
if (!this._frozen || this._savedWidth.some(isNaN))
|
||
return super.vfunc_get_preferred_width(container, forHeight);
|
||
return this._savedWidth;
|
||
}
|
||
|
||
vfunc_get_preferred_height(container, forWidth) {
|
||
if (!this._frozen || this._savedHeight.some(isNaN))
|
||
return super.vfunc_get_preferred_height(container, forWidth);
|
||
return this._savedHeight;
|
||
}
|
||
|
||
vfunc_allocate(container, allocation) {
|
||
super.vfunc_allocate(container, allocation);
|
||
|
||
let [width, height] = allocation.get_size();
|
||
this._savedWidth = [width, width];
|
||
this._savedHeight = [height, height];
|
||
}
|
||
});
|
||
|
||
var CalendarColumnLayout = GObject.registerClass(
|
||
class CalendarColumnLayout extends Clutter.BoxLayout {
|
||
_init(actors) {
|
||
super._init({orientation: Clutter.Orientation.VERTICAL});
|
||
this._colActors = actors;
|
||
}
|
||
|
||
vfunc_get_preferred_width(container, forHeight) {
|
||
const actors =
|
||
this._colActors.filter(a => a.get_parent() === container);
|
||
if (actors.length === 0)
|
||
return super.vfunc_get_preferred_width(container, forHeight);
|
||
return actors.reduce(([minAcc, natAcc], child) => {
|
||
const [min, nat] = child.get_preferred_width(forHeight);
|
||
return [Math.max(minAcc, min), Math.max(natAcc, nat)];
|
||
}, [0, 0]);
|
||
}
|
||
});
|
||
|
||
var DateMenuButton = GObject.registerClass(
|
||
class DateMenuButton extends PanelMenu.Button {
|
||
_init() {
|
||
let hbox;
|
||
|
||
super._init(0.5);
|
||
|
||
this._clockDisplay = new St.Label({style_class: 'clock'});
|
||
this._clockDisplay.clutter_text.y_align = Clutter.ActorAlign.CENTER;
|
||
this._clockDisplay.clutter_text.ellipsize = Pango.EllipsizeMode.NONE;
|
||
|
||
this._indicator = new MessagesIndicator();
|
||
|
||
const indicatorPad = new St.Widget();
|
||
this._indicator.bind_property('visible',
|
||
indicatorPad, 'visible',
|
||
GObject.BindingFlags.SYNC_CREATE);
|
||
indicatorPad.add_constraint(new Clutter.BindConstraint({
|
||
source: this._indicator,
|
||
coordinate: Clutter.BindCoordinate.SIZE,
|
||
}));
|
||
|
||
let box = new St.BoxLayout({style_class: 'clock-display-box'});
|
||
box.add_actor(indicatorPad);
|
||
box.add_actor(this._clockDisplay);
|
||
box.add_actor(this._indicator);
|
||
|
||
this.label_actor = this._clockDisplay;
|
||
this.add_actor(box);
|
||
this.add_style_class_name('clock-display');
|
||
|
||
let layout = new FreezableBinLayout();
|
||
let bin = new St.Widget({layout_manager: layout});
|
||
// For some minimal compatibility with PopupMenuItem
|
||
bin._delegate = this;
|
||
this.menu.box.add_child(bin);
|
||
|
||
hbox = new St.BoxLayout({name: 'calendarArea'});
|
||
bin.add_actor(hbox);
|
||
|
||
this._calendar = new Calendar.Calendar();
|
||
this._calendar.connect('selected-date-changed', (_calendar, datetime) => {
|
||
let date = _gDateTimeToDate(datetime);
|
||
layout.frozen = !_isToday(date);
|
||
this._eventsItem.setDate(date);
|
||
});
|
||
this._date = new TodayButton(this._calendar);
|
||
|
||
this.menu.connect('open-state-changed', (menu, isOpen) => {
|
||
// Whenever the menu is opened, select today
|
||
if (isOpen) {
|
||
let now = new Date();
|
||
this._calendar.setDate(now);
|
||
this._date.setDate(now);
|
||
this._eventsItem.setDate(now);
|
||
}
|
||
});
|
||
|
||
// Fill up the first column
|
||
this._messageList = new Calendar.CalendarMessageList();
|
||
hbox.add_child(this._messageList);
|
||
|
||
// Fill up the second column
|
||
const boxLayout = new CalendarColumnLayout([this._calendar, this._date]);
|
||
const vbox = new St.Widget({
|
||
style_class: 'datemenu-calendar-column',
|
||
layout_manager: boxLayout,
|
||
});
|
||
boxLayout.hookup_style(vbox);
|
||
hbox.add(vbox);
|
||
|
||
vbox.add_actor(this._date);
|
||
vbox.add_actor(this._calendar);
|
||
|
||
this._displaysSection = new St.ScrollView({
|
||
style_class: 'datemenu-displays-section vfade',
|
||
x_expand: true,
|
||
overlay_scrollbars: true,
|
||
});
|
||
this._displaysSection.set_policy(St.PolicyType.NEVER, St.PolicyType.EXTERNAL);
|
||
vbox.add_actor(this._displaysSection);
|
||
|
||
const displaysBox = new St.BoxLayout({
|
||
vertical: true,
|
||
x_expand: true,
|
||
style_class: 'datemenu-displays-box',
|
||
});
|
||
this._displaysSection.add_actor(displaysBox);
|
||
|
||
this._eventsItem = new EventsSection();
|
||
displaysBox.add_child(this._eventsItem);
|
||
|
||
this._clocksItem = new WorldClocksSection();
|
||
displaysBox.add_child(this._clocksItem);
|
||
|
||
this._weatherItem = new WeatherSection();
|
||
displaysBox.add_child(this._weatherItem);
|
||
|
||
// Done with hbox for calendar and event list
|
||
|
||
this._clock = new GnomeDesktop.WallClock();
|
||
this._clock.bind_property('clock', this._clockDisplay, 'text', GObject.BindingFlags.SYNC_CREATE);
|
||
this._clock.connect('notify::timezone', this._updateTimeZone.bind(this));
|
||
|
||
Main.sessionMode.connect('updated', this._sessionUpdated.bind(this));
|
||
this._sessionUpdated();
|
||
}
|
||
|
||
_getEventSource() {
|
||
return new Calendar.DBusEventSource();
|
||
}
|
||
|
||
_setEventSource(eventSource) {
|
||
if (this._eventSource)
|
||
this._eventSource.destroy();
|
||
|
||
this._calendar.setEventSource(eventSource);
|
||
this._eventsItem.setEventSource(eventSource);
|
||
|
||
this._eventSource = eventSource;
|
||
}
|
||
|
||
_updateTimeZone() {
|
||
DateUtils.clearCachedLocalTimeZone();
|
||
|
||
this._calendar.updateTimeZone();
|
||
}
|
||
|
||
_sessionUpdated() {
|
||
let eventSource;
|
||
let showEvents = Main.sessionMode.showCalendarEvents;
|
||
if (showEvents)
|
||
eventSource = this._getEventSource();
|
||
else
|
||
eventSource = new Calendar.EmptyEventSource();
|
||
|
||
this._setEventSource(eventSource);
|
||
|
||
// Displays are not actually expected to launch Settings when activated
|
||
// but the corresponding app (clocks, weather); however we can consider
|
||
// that display-specific settings, so re-use "allowSettings" here ...
|
||
this._displaysSection.visible = Main.sessionMode.allowSettings;
|
||
}
|
||
});
|