8a8539ee67
The Config module is shared between the main process, D-Bus services and tests, which previously prevented it from being ported to ESM. The previous commit removed the last outstanding blocker, so we can now port the last remaining module. Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2880>
809 lines
27 KiB
JavaScript
809 lines
27 KiB
JavaScript
// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*-
|
|
|
|
import Atk from 'gi://Atk';
|
|
import Clutter from 'gi://Clutter';
|
|
import GLib from 'gi://GLib';
|
|
import GObject from 'gi://GObject';
|
|
import Meta from 'gi://Meta';
|
|
import Shell from 'gi://Shell';
|
|
import St from 'gi://St';
|
|
|
|
import * as Animation from './animation.js';
|
|
import {AppMenu} from './appMenu.js';
|
|
import * as Config from '../misc/config.js';
|
|
import * as CtrlAltTab from './ctrlAltTab.js';
|
|
import * as DND from './dnd.js';
|
|
import * as Overview from './overview.js';
|
|
import * as PopupMenu from './popupMenu.js';
|
|
import * as PanelMenu from './panelMenu.js';
|
|
import {QuickSettingsMenu, SystemIndicator} from './quickSettings.js';
|
|
import * as Main from './main.js';
|
|
|
|
import * as RemoteAccessStatus from './status/remoteAccess.js';
|
|
import * as PowerProfileStatus from './status/powerProfiles.js';
|
|
import * as RFKillStatus from './status/rfkill.js';
|
|
import * as CameraStatus from './status/camera.js';
|
|
import * as VolumeStatus from './status/volume.js';
|
|
import * as BrightnessStatus from './status/brightness.js';
|
|
import * as SystemStatus from './status/system.js';
|
|
import * as LocationStatus from './status/location.js';
|
|
import * as NightLightStatus from './status/nightLight.js';
|
|
import * as DarkModeStatus from './status/darkMode.js';
|
|
import * as BacklightStatus from './status/backlight.js';
|
|
import * as ThunderboltStatus from './status/thunderbolt.js';
|
|
import * as AutoRotateStatus from './status/autoRotate.js';
|
|
import * as BackgroundAppsStatus from './status/backgroundApps.js';
|
|
|
|
import {DateMenuButton} from './dateMenu.js';
|
|
import {ATIndicator} from './status/accessibility.js';
|
|
import {InputSourceIndicator} from './status/keyboard.js';
|
|
import {DwellClickIndicator} from './status/dwellClick.js';
|
|
import {ScreenRecordingIndicator, ScreenSharingIndicator} from './status/remoteAccess.js';
|
|
|
|
const PANEL_ICON_SIZE = 16;
|
|
const APP_MENU_ICON_MARGIN = 0;
|
|
|
|
const BUTTON_DND_ACTIVATION_TIMEOUT = 250;
|
|
|
|
const N_QUICK_SETTINGS_COLUMNS = 2;
|
|
|
|
/**
|
|
* AppMenuButton:
|
|
*
|
|
* This class manages the "application menu" component. It tracks the
|
|
* currently focused application. However, when an app is launched,
|
|
* this menu also handles startup notification for it. So when we
|
|
* have an active startup notification, we switch modes to display that.
|
|
*/
|
|
const AppMenuButton = GObject.registerClass({
|
|
Signals: {'changed': {}},
|
|
}, class AppMenuButton extends PanelMenu.Button {
|
|
_init(panel) {
|
|
super._init(0.0, null, true);
|
|
|
|
this.accessible_role = Atk.Role.MENU;
|
|
|
|
this._startingApps = [];
|
|
|
|
this._menuManager = panel.menuManager;
|
|
this._targetApp = null;
|
|
|
|
let bin = new St.Bin({name: 'appMenu'});
|
|
this.add_actor(bin);
|
|
|
|
this.bind_property('reactive', this, 'can-focus', 0);
|
|
this.reactive = false;
|
|
|
|
this._container = new St.BoxLayout({style_class: 'panel-status-menu-box'});
|
|
bin.set_child(this._container);
|
|
|
|
let textureCache = St.TextureCache.get_default();
|
|
textureCache.connect('icon-theme-changed',
|
|
this._onIconThemeChanged.bind(this));
|
|
|
|
let iconEffect = new Clutter.DesaturateEffect();
|
|
this._iconBox = new St.Bin({
|
|
style_class: 'app-menu-icon',
|
|
y_align: Clutter.ActorAlign.CENTER,
|
|
});
|
|
this._iconBox.add_effect(iconEffect);
|
|
this._container.add_actor(this._iconBox);
|
|
|
|
this._iconBox.connect('style-changed', () => {
|
|
let themeNode = this._iconBox.get_theme_node();
|
|
iconEffect.enabled = themeNode.get_icon_style() === St.IconStyle.SYMBOLIC;
|
|
});
|
|
|
|
this._label = new St.Label({
|
|
y_expand: true,
|
|
y_align: Clutter.ActorAlign.CENTER,
|
|
});
|
|
this._container.add_actor(this._label);
|
|
|
|
this._visible = !Main.overview.visible;
|
|
if (!this._visible)
|
|
this.hide();
|
|
Main.overview.connectObject(
|
|
'hiding', this._sync.bind(this),
|
|
'showing', this._sync.bind(this), this);
|
|
|
|
this._spinner = new Animation.Spinner(PANEL_ICON_SIZE, {
|
|
animate: true,
|
|
hideOnStop: true,
|
|
});
|
|
this._container.add_actor(this._spinner);
|
|
|
|
let menu = new AppMenu(this);
|
|
this.setMenu(menu);
|
|
this._menuManager.addMenu(menu);
|
|
|
|
Shell.WindowTracker.get_default().connectObject('notify::focus-app',
|
|
this._focusAppChanged.bind(this), this);
|
|
Shell.AppSystem.get_default().connectObject('app-state-changed',
|
|
this._onAppStateChanged.bind(this), this);
|
|
global.window_manager.connectObject('switch-workspace',
|
|
this._sync.bind(this), this);
|
|
|
|
this._sync();
|
|
}
|
|
|
|
fadeIn() {
|
|
if (this._visible)
|
|
return;
|
|
|
|
this._visible = true;
|
|
this.reactive = true;
|
|
this.remove_all_transitions();
|
|
this.ease({
|
|
opacity: 255,
|
|
duration: Overview.ANIMATION_TIME,
|
|
mode: Clutter.AnimationMode.EASE_OUT_QUAD,
|
|
});
|
|
}
|
|
|
|
fadeOut() {
|
|
if (!this._visible)
|
|
return;
|
|
|
|
this._visible = false;
|
|
this.reactive = false;
|
|
this.remove_all_transitions();
|
|
this.ease({
|
|
opacity: 0,
|
|
mode: Clutter.AnimationMode.EASE_OUT_QUAD,
|
|
duration: Overview.ANIMATION_TIME,
|
|
});
|
|
}
|
|
|
|
_syncIcon(app) {
|
|
const icon = app.create_icon_texture(PANEL_ICON_SIZE - APP_MENU_ICON_MARGIN);
|
|
this._iconBox.set_child(icon);
|
|
}
|
|
|
|
_onIconThemeChanged() {
|
|
if (this._iconBox.child == null)
|
|
return;
|
|
|
|
if (this._targetApp)
|
|
this._syncIcon(this._targetApp);
|
|
}
|
|
|
|
stopAnimation() {
|
|
this._spinner.stop();
|
|
}
|
|
|
|
startAnimation() {
|
|
this._spinner.play();
|
|
}
|
|
|
|
_onAppStateChanged(appSys, app) {
|
|
let state = app.state;
|
|
if (state !== Shell.AppState.STARTING)
|
|
this._startingApps = this._startingApps.filter(a => a !== app);
|
|
else if (state === Shell.AppState.STARTING)
|
|
this._startingApps.push(app);
|
|
// For now just resync on all running state changes; this is mainly to handle
|
|
// cases where the focused window's application changes without the focus
|
|
// changing. An example case is how we map OpenOffice.org based on the window
|
|
// title which is a dynamic property.
|
|
this._sync();
|
|
}
|
|
|
|
_focusAppChanged() {
|
|
let tracker = Shell.WindowTracker.get_default();
|
|
let focusedApp = tracker.focus_app;
|
|
if (!focusedApp) {
|
|
// If the app has just lost focus to the panel, pretend
|
|
// nothing happened; otherwise you can't keynav to the
|
|
// app menu.
|
|
if (global.stage.key_focus != null)
|
|
return;
|
|
}
|
|
this._sync();
|
|
}
|
|
|
|
_findTargetApp() {
|
|
let workspaceManager = global.workspace_manager;
|
|
let workspace = workspaceManager.get_active_workspace();
|
|
let tracker = Shell.WindowTracker.get_default();
|
|
let focusedApp = tracker.focus_app;
|
|
if (focusedApp && focusedApp.is_on_workspace(workspace))
|
|
return focusedApp;
|
|
|
|
for (let i = 0; i < this._startingApps.length; i++) {
|
|
if (this._startingApps[i].is_on_workspace(workspace))
|
|
return this._startingApps[i];
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
_sync() {
|
|
let targetApp = this._findTargetApp();
|
|
|
|
if (this._targetApp !== targetApp) {
|
|
this._targetApp?.disconnectObject(this);
|
|
|
|
this._targetApp = targetApp;
|
|
|
|
if (this._targetApp) {
|
|
this._targetApp.connectObject('notify::busy', this._sync.bind(this), this);
|
|
this._label.set_text(this._targetApp.get_name());
|
|
this.set_accessible_name(this._targetApp.get_name());
|
|
|
|
this._syncIcon(this._targetApp);
|
|
}
|
|
}
|
|
|
|
let visible = this._targetApp != null && !Main.overview.visibleTarget;
|
|
if (visible)
|
|
this.fadeIn();
|
|
else
|
|
this.fadeOut();
|
|
|
|
let isBusy = this._targetApp != null &&
|
|
(this._targetApp.get_state() === Shell.AppState.STARTING ||
|
|
this._targetApp.get_busy());
|
|
if (isBusy)
|
|
this.startAnimation();
|
|
else
|
|
this.stopAnimation();
|
|
|
|
this.reactive = visible && !isBusy;
|
|
|
|
this.menu.setApp(this._targetApp);
|
|
this.emit('changed');
|
|
}
|
|
});
|
|
|
|
const ActivitiesButton = GObject.registerClass(
|
|
class ActivitiesButton extends PanelMenu.Button {
|
|
_init() {
|
|
super._init(0.0, null, true);
|
|
this.accessible_role = Atk.Role.TOGGLE_BUTTON;
|
|
|
|
this.name = 'panelActivities';
|
|
|
|
/* Translators: If there is no suitable word for "Activities"
|
|
in your language, you can use the word for "Overview". */
|
|
this._label = new St.Label({
|
|
text: _('Activities'),
|
|
y_align: Clutter.ActorAlign.CENTER,
|
|
});
|
|
this.add_actor(this._label);
|
|
|
|
this.label_actor = this._label;
|
|
|
|
Main.overview.connect('showing', () => {
|
|
this.add_style_pseudo_class('checked');
|
|
this.add_accessible_state(Atk.StateType.CHECKED);
|
|
});
|
|
Main.overview.connect('hiding', () => {
|
|
this.remove_style_pseudo_class('checked');
|
|
this.remove_accessible_state(Atk.StateType.CHECKED);
|
|
});
|
|
|
|
this._xdndTimeOut = 0;
|
|
}
|
|
|
|
handleDragOver(source, _actor, _x, _y, _time) {
|
|
if (source !== Main.xdndHandler)
|
|
return DND.DragMotionResult.CONTINUE;
|
|
|
|
if (this._xdndTimeOut !== 0)
|
|
GLib.source_remove(this._xdndTimeOut);
|
|
this._xdndTimeOut = GLib.timeout_add(GLib.PRIORITY_DEFAULT, BUTTON_DND_ACTIVATION_TIMEOUT, () => {
|
|
this._xdndToggleOverview();
|
|
});
|
|
GLib.Source.set_name_by_id(this._xdndTimeOut, '[gnome-shell] this._xdndToggleOverview');
|
|
|
|
return DND.DragMotionResult.CONTINUE;
|
|
}
|
|
|
|
vfunc_event(event) {
|
|
if (event.type() === Clutter.EventType.TOUCH_END ||
|
|
event.type() === Clutter.EventType.BUTTON_RELEASE) {
|
|
if (Main.overview.shouldToggleByCornerOrButton())
|
|
Main.overview.toggle();
|
|
}
|
|
|
|
return Clutter.EVENT_PROPAGATE;
|
|
}
|
|
|
|
vfunc_key_release_event(event) {
|
|
let symbol = event.get_key_symbol();
|
|
if (symbol === Clutter.KEY_Return || symbol === Clutter.KEY_space) {
|
|
if (Main.overview.shouldToggleByCornerOrButton()) {
|
|
Main.overview.toggle();
|
|
return Clutter.EVENT_STOP;
|
|
}
|
|
}
|
|
|
|
return Clutter.EVENT_PROPAGATE;
|
|
}
|
|
|
|
_xdndToggleOverview() {
|
|
let [x, y] = global.get_pointer();
|
|
let pickedActor = global.stage.get_actor_at_pos(Clutter.PickMode.REACTIVE, x, y);
|
|
|
|
if (pickedActor === this && Main.overview.shouldToggleByCornerOrButton())
|
|
Main.overview.toggle();
|
|
|
|
GLib.source_remove(this._xdndTimeOut);
|
|
this._xdndTimeOut = 0;
|
|
return GLib.SOURCE_REMOVE;
|
|
}
|
|
});
|
|
|
|
const UnsafeModeIndicator = GObject.registerClass(
|
|
class UnsafeModeIndicator extends SystemIndicator {
|
|
_init() {
|
|
super._init();
|
|
|
|
this._indicator = this._addIndicator();
|
|
this._indicator.icon_name = 'channel-insecure-symbolic';
|
|
|
|
global.context.bind_property('unsafe-mode',
|
|
this._indicator, 'visible',
|
|
GObject.BindingFlags.SYNC_CREATE);
|
|
}
|
|
});
|
|
|
|
const QuickSettings = GObject.registerClass(
|
|
class QuickSettings extends PanelMenu.Button {
|
|
constructor() {
|
|
super(0.0, C_('System menu in the top bar', 'System'), true);
|
|
|
|
this._indicators = new St.BoxLayout({
|
|
style_class: 'panel-status-indicators-box',
|
|
});
|
|
this.add_child(this._indicators);
|
|
|
|
this.setMenu(new QuickSettingsMenu(this, N_QUICK_SETTINGS_COLUMNS));
|
|
|
|
this._setupIndicators().catch(error =>
|
|
logError(error, 'Failed to setup quick settings'));
|
|
}
|
|
|
|
async _setupIndicators() {
|
|
if (Config.HAVE_NETWORKMANAGER) {
|
|
/** @type {import('./status/network.js')} */
|
|
const NetworkStatus = await import('./status/network.js');
|
|
|
|
this._network = new NetworkStatus.Indicator();
|
|
} else {
|
|
this._network = null;
|
|
}
|
|
|
|
if (Config.HAVE_BLUETOOTH) {
|
|
/** @type {import('./status/bluetooth.js')} */
|
|
const BluetoothStatus = await import('./status/bluetooth.js');
|
|
|
|
this._bluetooth = new BluetoothStatus.Indicator();
|
|
} else {
|
|
this._bluetooth = null;
|
|
}
|
|
|
|
this._system = new SystemStatus.Indicator();
|
|
this._camera = new CameraStatus.Indicator();
|
|
this._volumeOutput = new VolumeStatus.OutputIndicator();
|
|
this._volumeInput = new VolumeStatus.InputIndicator();
|
|
this._brightness = new BrightnessStatus.Indicator();
|
|
this._remoteAccess = new RemoteAccessStatus.RemoteAccessApplet();
|
|
this._location = new LocationStatus.Indicator();
|
|
this._thunderbolt = new ThunderboltStatus.Indicator();
|
|
this._nightLight = new NightLightStatus.Indicator();
|
|
this._darkMode = new DarkModeStatus.Indicator();
|
|
this._backlight = new BacklightStatus.Indicator();
|
|
this._powerProfiles = new PowerProfileStatus.Indicator();
|
|
this._rfkill = new RFKillStatus.Indicator();
|
|
this._autoRotate = new AutoRotateStatus.Indicator();
|
|
this._unsafeMode = new UnsafeModeIndicator();
|
|
this._backgroundApps = new BackgroundAppsStatus.Indicator();
|
|
|
|
this._indicators.add_child(this._remoteAccess);
|
|
this._indicators.add_child(this._camera);
|
|
this._indicators.add_child(this._volumeInput);
|
|
this._indicators.add_child(this._location);
|
|
this._indicators.add_child(this._brightness);
|
|
this._indicators.add_child(this._thunderbolt);
|
|
this._indicators.add_child(this._nightLight);
|
|
if (this._network)
|
|
this._indicators.add_child(this._network);
|
|
this._indicators.add_child(this._darkMode);
|
|
this._indicators.add_child(this._backlight);
|
|
this._indicators.add_child(this._powerProfiles);
|
|
if (this._bluetooth)
|
|
this._indicators.add_child(this._bluetooth);
|
|
this._indicators.add_child(this._rfkill);
|
|
this._indicators.add_child(this._autoRotate);
|
|
this._indicators.add_child(this._volumeOutput);
|
|
this._indicators.add_child(this._unsafeMode);
|
|
this._indicators.add_child(this._system);
|
|
|
|
this._addItems(this._system.quickSettingsItems, N_QUICK_SETTINGS_COLUMNS);
|
|
this._addItems(this._camera.quickSettingsItems, N_QUICK_SETTINGS_COLUMNS);
|
|
this._addItems(this._volumeOutput.quickSettingsItems, N_QUICK_SETTINGS_COLUMNS);
|
|
this._addItems(this._volumeInput.quickSettingsItems, N_QUICK_SETTINGS_COLUMNS);
|
|
this._addItems(this._brightness.quickSettingsItems, N_QUICK_SETTINGS_COLUMNS);
|
|
|
|
this._addItems(this._remoteAccess.quickSettingsItems);
|
|
this._addItems(this._thunderbolt.quickSettingsItems);
|
|
this._addItems(this._location.quickSettingsItems);
|
|
if (this._network)
|
|
this._addItems(this._network.quickSettingsItems);
|
|
if (this._bluetooth)
|
|
this._addItems(this._bluetooth.quickSettingsItems);
|
|
this._addItems(this._powerProfiles.quickSettingsItems);
|
|
this._addItems(this._nightLight.quickSettingsItems);
|
|
this._addItems(this._darkMode.quickSettingsItems);
|
|
this._addItems(this._backlight.quickSettingsItems);
|
|
this._addItems(this._rfkill.quickSettingsItems);
|
|
this._addItems(this._autoRotate.quickSettingsItems);
|
|
this._addItems(this._unsafeMode.quickSettingsItems);
|
|
|
|
this._addItems(this._backgroundApps.quickSettingsItems, N_QUICK_SETTINGS_COLUMNS);
|
|
}
|
|
|
|
_addItems(items, colSpan = 1) {
|
|
items.forEach(item => this.menu.addItem(item, colSpan));
|
|
}
|
|
});
|
|
|
|
const PANEL_ITEM_IMPLEMENTATIONS = {
|
|
'activities': ActivitiesButton,
|
|
'appMenu': AppMenuButton,
|
|
'quickSettings': QuickSettings,
|
|
'dateMenu': DateMenuButton,
|
|
'a11y': ATIndicator,
|
|
'keyboard': InputSourceIndicator,
|
|
'dwellClick': DwellClickIndicator,
|
|
'screenRecording': ScreenRecordingIndicator,
|
|
'screenSharing': ScreenSharingIndicator,
|
|
};
|
|
|
|
export const Panel = GObject.registerClass(
|
|
class Panel extends St.Widget {
|
|
_init() {
|
|
super._init({
|
|
name: 'panel',
|
|
reactive: true,
|
|
});
|
|
|
|
this.set_offscreen_redirect(Clutter.OffscreenRedirect.ALWAYS);
|
|
|
|
this._sessionStyle = null;
|
|
|
|
this.statusArea = {};
|
|
|
|
this.menuManager = new PopupMenu.PopupMenuManager(this);
|
|
|
|
this._leftBox = new St.BoxLayout({name: 'panelLeft'});
|
|
this.add_child(this._leftBox);
|
|
this._centerBox = new St.BoxLayout({name: 'panelCenter'});
|
|
this.add_child(this._centerBox);
|
|
this._rightBox = new St.BoxLayout({name: 'panelRight'});
|
|
this.add_child(this._rightBox);
|
|
|
|
this.connect('button-press-event', this._onButtonPress.bind(this));
|
|
this.connect('touch-event', this._onTouchEvent.bind(this));
|
|
|
|
Main.overview.connect('showing', () => {
|
|
this.add_style_pseudo_class('overview');
|
|
});
|
|
Main.overview.connect('hiding', () => {
|
|
this.remove_style_pseudo_class('overview');
|
|
});
|
|
|
|
Main.layoutManager.panelBox.add(this);
|
|
Main.ctrlAltTabManager.addGroup(this,
|
|
_('Top Bar'), 'focus-top-bar-symbolic',
|
|
{sortGroup: CtrlAltTab.SortGroup.TOP});
|
|
|
|
Main.sessionMode.connect('updated', this._updatePanel.bind(this));
|
|
|
|
global.display.connect('workareas-changed', () => this.queue_relayout());
|
|
this._updatePanel();
|
|
}
|
|
|
|
vfunc_get_preferred_width(_forHeight) {
|
|
let primaryMonitor = Main.layoutManager.primaryMonitor;
|
|
|
|
if (primaryMonitor)
|
|
return [0, primaryMonitor.width];
|
|
|
|
return [0, 0];
|
|
}
|
|
|
|
vfunc_allocate(box) {
|
|
this.set_allocation(box);
|
|
|
|
let allocWidth = box.x2 - box.x1;
|
|
let allocHeight = box.y2 - box.y1;
|
|
|
|
let [, leftNaturalWidth] = this._leftBox.get_preferred_width(-1);
|
|
let [, centerNaturalWidth] = this._centerBox.get_preferred_width(-1);
|
|
let [, rightNaturalWidth] = this._rightBox.get_preferred_width(-1);
|
|
|
|
let sideWidth, centerWidth;
|
|
centerWidth = centerNaturalWidth;
|
|
|
|
// get workspace area and center date entry relative to it
|
|
let monitor = Main.layoutManager.findMonitorForActor(this);
|
|
let centerOffset = 0;
|
|
if (monitor) {
|
|
let workArea = Main.layoutManager.getWorkAreaForMonitor(monitor.index);
|
|
centerOffset = 2 * (workArea.x - monitor.x) + workArea.width - monitor.width;
|
|
}
|
|
|
|
sideWidth = Math.max(0, (allocWidth - centerWidth + centerOffset) / 2);
|
|
|
|
let childBox = new Clutter.ActorBox();
|
|
|
|
childBox.y1 = 0;
|
|
childBox.y2 = allocHeight;
|
|
if (this.get_text_direction() === Clutter.TextDirection.RTL) {
|
|
childBox.x1 = Math.max(
|
|
allocWidth - Math.min(Math.floor(sideWidth), leftNaturalWidth),
|
|
0);
|
|
childBox.x2 = allocWidth;
|
|
} else {
|
|
childBox.x1 = 0;
|
|
childBox.x2 = Math.min(Math.floor(sideWidth), leftNaturalWidth);
|
|
}
|
|
this._leftBox.allocate(childBox);
|
|
|
|
childBox.x1 = Math.ceil(sideWidth);
|
|
childBox.y1 = 0;
|
|
childBox.x2 = childBox.x1 + centerWidth;
|
|
childBox.y2 = allocHeight;
|
|
this._centerBox.allocate(childBox);
|
|
|
|
childBox.y1 = 0;
|
|
childBox.y2 = allocHeight;
|
|
if (this.get_text_direction() === Clutter.TextDirection.RTL) {
|
|
childBox.x1 = 0;
|
|
childBox.x2 = Math.min(Math.floor(sideWidth), rightNaturalWidth);
|
|
} else {
|
|
childBox.x1 = Math.max(
|
|
allocWidth - Math.min(Math.floor(sideWidth), rightNaturalWidth),
|
|
0);
|
|
childBox.x2 = allocWidth;
|
|
}
|
|
this._rightBox.allocate(childBox);
|
|
}
|
|
|
|
_tryDragWindow(event) {
|
|
if (Main.modalCount > 0)
|
|
return Clutter.EVENT_PROPAGATE;
|
|
|
|
const targetActor = global.stage.get_event_actor(event);
|
|
if (targetActor !== this)
|
|
return Clutter.EVENT_PROPAGATE;
|
|
|
|
const [x, y_] = event.get_coords();
|
|
let dragWindow = this._getDraggableWindowForPosition(x);
|
|
|
|
if (!dragWindow)
|
|
return Clutter.EVENT_PROPAGATE;
|
|
|
|
return dragWindow.begin_grab_op(
|
|
Meta.GrabOp.MOVING,
|
|
event.get_device(),
|
|
event.get_event_sequence(),
|
|
event.get_time()) ? Clutter.EVENT_STOP : Clutter.EVENT_PROPAGATE;
|
|
}
|
|
|
|
_onButtonPress(actor, event) {
|
|
if (event.get_button() !== Clutter.BUTTON_PRIMARY)
|
|
return Clutter.EVENT_PROPAGATE;
|
|
|
|
return this._tryDragWindow(event);
|
|
}
|
|
|
|
_onTouchEvent(actor, event) {
|
|
if (event.type() !== Clutter.EventType.TOUCH_BEGIN)
|
|
return Clutter.EVENT_PROPAGATE;
|
|
|
|
return this._tryDragWindow(event);
|
|
}
|
|
|
|
vfunc_key_press_event(event) {
|
|
let symbol = event.get_key_symbol();
|
|
if (symbol === Clutter.KEY_Escape) {
|
|
global.display.focus_default_window(event.get_time());
|
|
return Clutter.EVENT_STOP;
|
|
}
|
|
|
|
return super.vfunc_key_press_event(event);
|
|
}
|
|
|
|
_toggleMenu(indicator) {
|
|
if (!indicator || !indicator.mapped)
|
|
return; // menu not supported by current session mode
|
|
|
|
let menu = indicator.menu;
|
|
if (!indicator.reactive)
|
|
return;
|
|
|
|
menu.toggle();
|
|
if (menu.isOpen)
|
|
menu.actor.navigate_focus(null, St.DirectionType.TAB_FORWARD, false);
|
|
}
|
|
|
|
_closeMenu(indicator) {
|
|
if (!indicator || !indicator.mapped)
|
|
return; // menu not supported by current session mode
|
|
|
|
if (!indicator.reactive)
|
|
return;
|
|
|
|
indicator.menu.close();
|
|
}
|
|
|
|
toggleCalendar() {
|
|
this._toggleMenu(this.statusArea.dateMenu);
|
|
}
|
|
|
|
toggleQuickSettings() {
|
|
this._toggleMenu(this.statusArea.quickSettings);
|
|
}
|
|
|
|
closeCalendar() {
|
|
this._closeMenu(this.statusArea.dateMenu);
|
|
}
|
|
|
|
closeQuickSettings() {
|
|
this._closeMenu(this.statusArea.quickSettings);
|
|
}
|
|
|
|
set boxOpacity(value) {
|
|
let isReactive = value > 0;
|
|
|
|
this._leftBox.opacity = value;
|
|
this._leftBox.reactive = isReactive;
|
|
this._centerBox.opacity = value;
|
|
this._centerBox.reactive = isReactive;
|
|
this._rightBox.opacity = value;
|
|
this._rightBox.reactive = isReactive;
|
|
}
|
|
|
|
get boxOpacity() {
|
|
return this._leftBox.opacity;
|
|
}
|
|
|
|
_updatePanel() {
|
|
let panel = Main.sessionMode.panel;
|
|
this._hideIndicators();
|
|
this._updateBox(panel.left, this._leftBox);
|
|
this._updateBox(panel.center, this._centerBox);
|
|
this._updateBox(panel.right, this._rightBox);
|
|
|
|
if (panel.left.includes('dateMenu'))
|
|
Main.messageTray.bannerAlignment = Clutter.ActorAlign.START;
|
|
else if (panel.right.includes('dateMenu'))
|
|
Main.messageTray.bannerAlignment = Clutter.ActorAlign.END;
|
|
// Default to center if there is no dateMenu
|
|
else
|
|
Main.messageTray.bannerAlignment = Clutter.ActorAlign.CENTER;
|
|
|
|
if (this._sessionStyle)
|
|
this.remove_style_class_name(this._sessionStyle);
|
|
|
|
this._sessionStyle = Main.sessionMode.panelStyle;
|
|
if (this._sessionStyle)
|
|
this.add_style_class_name(this._sessionStyle);
|
|
}
|
|
|
|
_hideIndicators() {
|
|
for (let role in PANEL_ITEM_IMPLEMENTATIONS) {
|
|
let indicator = this.statusArea[role];
|
|
if (!indicator)
|
|
continue;
|
|
indicator.container.hide();
|
|
}
|
|
}
|
|
|
|
_ensureIndicator(role) {
|
|
let indicator = this.statusArea[role];
|
|
if (!indicator) {
|
|
let constructor = PANEL_ITEM_IMPLEMENTATIONS[role];
|
|
if (!constructor) {
|
|
// This icon is not implemented (this is a bug)
|
|
return null;
|
|
}
|
|
indicator = new constructor(this);
|
|
this.statusArea[role] = indicator;
|
|
}
|
|
return indicator;
|
|
}
|
|
|
|
_updateBox(elements, box) {
|
|
let nChildren = box.get_n_children();
|
|
|
|
for (let i = 0; i < elements.length; i++) {
|
|
let role = elements[i];
|
|
let indicator = this._ensureIndicator(role);
|
|
if (indicator == null)
|
|
continue;
|
|
|
|
this._addToPanelBox(role, indicator, i + nChildren, box);
|
|
}
|
|
}
|
|
|
|
_addToPanelBox(role, indicator, position, box) {
|
|
let container = indicator.container;
|
|
container.show();
|
|
|
|
let parent = container.get_parent();
|
|
if (parent)
|
|
parent.remove_actor(container);
|
|
|
|
|
|
box.insert_child_at_index(container, position);
|
|
this.statusArea[role] = indicator;
|
|
let destroyId = indicator.connect('destroy', emitter => {
|
|
delete this.statusArea[role];
|
|
emitter.disconnect(destroyId);
|
|
});
|
|
indicator.connect('menu-set', this._onMenuSet.bind(this));
|
|
this._onMenuSet(indicator);
|
|
}
|
|
|
|
addToStatusArea(role, indicator, position, box) {
|
|
if (this.statusArea[role])
|
|
throw new Error(`Extension point conflict: there is already a status indicator for role ${role}`);
|
|
|
|
if (!(indicator instanceof PanelMenu.Button))
|
|
throw new TypeError('Status indicator must be an instance of PanelMenu.Button');
|
|
|
|
position ??= 0;
|
|
let boxes = {
|
|
left: this._leftBox,
|
|
center: this._centerBox,
|
|
right: this._rightBox,
|
|
};
|
|
let boxContainer = boxes[box] || this._rightBox;
|
|
this.statusArea[role] = indicator;
|
|
this._addToPanelBox(role, indicator, position, boxContainer);
|
|
return indicator;
|
|
}
|
|
|
|
_onMenuSet(indicator) {
|
|
if (!indicator.menu || indicator.menu._openChangedId)
|
|
return;
|
|
|
|
this.menuManager.addMenu(indicator.menu);
|
|
|
|
indicator.menu._openChangedId = indicator.menu.connect('open-state-changed',
|
|
(menu, isOpen) => {
|
|
let boxAlignment;
|
|
if (this._leftBox.contains(indicator.container))
|
|
boxAlignment = Clutter.ActorAlign.START;
|
|
else if (this._centerBox.contains(indicator.container))
|
|
boxAlignment = Clutter.ActorAlign.CENTER;
|
|
else if (this._rightBox.contains(indicator.container))
|
|
boxAlignment = Clutter.ActorAlign.END;
|
|
|
|
if (boxAlignment === Main.messageTray.bannerAlignment)
|
|
Main.messageTray.bannerBlocked = isOpen;
|
|
});
|
|
}
|
|
|
|
_getDraggableWindowForPosition(stageX) {
|
|
let workspaceManager = global.workspace_manager;
|
|
const windows = workspaceManager.get_active_workspace().list_windows();
|
|
const allWindowsByStacking =
|
|
global.display.sort_windows_by_stacking(windows).reverse();
|
|
|
|
return allWindowsByStacking.find(metaWindow => {
|
|
let rect = metaWindow.get_frame_rect();
|
|
return metaWindow.is_on_primary_monitor() &&
|
|
metaWindow.showing_on_its_workspace() &&
|
|
metaWindow.get_window_type() !== Meta.WindowType.DESKTOP &&
|
|
metaWindow.maximized_vertically &&
|
|
stageX > rect.x && stageX < rect.x + rect.width;
|
|
});
|
|
}
|
|
});
|