gnome-shell/js/ui/workspaceSwitcherPopup.js
Zander Brown 350cd296fa js: Stop using ClutterContainer API
These have been long deprecated over in clutter, and (via several
vtables) simply forward the call to the equivalent ClutterActor methods

Save ourselves the hassle and just use ClutterActor methods directly

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3010>
2023-11-10 20:19:13 +00:00

104 lines
2.9 KiB
JavaScript

// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*-
import Clutter from 'gi://Clutter';
import GLib from 'gi://GLib';
import GObject from 'gi://GObject';
import St from 'gi://St';
import * as Layout from './layout.js';
import * as Main from './main.js';
const ANIMATION_TIME = 100;
const DISPLAY_TIMEOUT = 600;
export const WorkspaceSwitcherPopup = GObject.registerClass(
class WorkspaceSwitcherPopup extends Clutter.Actor {
_init() {
super._init({
offscreen_redirect: Clutter.OffscreenRedirect.ALWAYS,
x_expand: true,
y_expand: true,
x_align: Clutter.ActorAlign.CENTER,
y_align: Clutter.ActorAlign.END,
});
const constraint = new Layout.MonitorConstraint({primary: true});
this.add_constraint(constraint);
Main.uiGroup.add_child(this);
this._timeoutId = 0;
this._list = new St.BoxLayout({
style_class: 'workspace-switcher',
});
this.add_child(this._list);
this._redisplay();
this.hide();
let workspaceManager = global.workspace_manager;
workspaceManager.connectObject(
'workspace-added', this._redisplay.bind(this),
'workspace-removed', this._redisplay.bind(this), this);
this.connect('destroy', this._onDestroy.bind(this));
}
_redisplay() {
let workspaceManager = global.workspace_manager;
this._list.destroy_all_children();
for (let i = 0; i < workspaceManager.n_workspaces; i++) {
const indicator = new St.Bin({
style_class: 'ws-switcher-indicator',
});
if (i === this._activeWorkspaceIndex)
indicator.add_style_pseudo_class('active');
this._list.add_child(indicator);
}
}
display(activeWorkspaceIndex) {
this._activeWorkspaceIndex = activeWorkspaceIndex;
this._redisplay();
if (this._timeoutId !== 0)
GLib.source_remove(this._timeoutId);
this._timeoutId = GLib.timeout_add(GLib.PRIORITY_DEFAULT, DISPLAY_TIMEOUT, this._onTimeout.bind(this));
GLib.Source.set_name_by_id(this._timeoutId, '[gnome-shell] this._onTimeout');
const duration = this.visible ? 0 : ANIMATION_TIME;
this.show();
this.opacity = 0;
this.ease({
opacity: 255,
duration,
mode: Clutter.AnimationMode.EASE_OUT_QUAD,
});
}
_onTimeout() {
GLib.source_remove(this._timeoutId);
this._timeoutId = 0;
this.ease({
opacity: 0.0,
duration: ANIMATION_TIME,
mode: Clutter.AnimationMode.EASE_OUT_QUAD,
onComplete: () => this.destroy(),
});
return GLib.SOURCE_REMOVE;
}
_onDestroy() {
if (this._timeoutId)
GLib.source_remove(this._timeoutId);
this._timeoutId = 0;
}
});