gilles/GNOME_extension
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

datetime add tooltip

Browse Source
This commit is contained in:
sonichy
2025-05-02 16:12:26 +08:00
parent eabafb41bd
commit cbd6e42a09
2 changed files with 42 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
datetime@sonichy/README.md
View File

@@ -4,7 +4,12 @@ Display date and time on GNOME taskbar.
## Changelog
### V1.0 (2025-04-22)
Display date and time on GNOME taskbar.
## Reference
[guide](https://gjs.guide/extensions/development/creating.html)
[Guide](https://gjs.guide/extensions/development/creating.html)
[Cinnamon_Applet](https://github.com/sonichy/Cinnamon_Applet)
[Calendar](https://gitlab.gnome.org/GNOME/gnome-shell/-/blob/main/js/ui/dateMenu.js#L901)
## Debug
dbus-run-session -- gnome-shell --nested --wayland

45
datetime@sonichy/extension.js
View File

@@ -1,26 +1,50 @@
import GLib from "gi://GLib";
import St from 'gi://St';
import {Extension} from 'resource:///org/gnome/shell/extensions/extension.js';
import { Extension } from 'resource:///org/gnome/shell/extensions/extension.js';
import * as Main from 'resource:///org/gnome/shell/ui/main.js';
import * as PanelMenu from 'resource:///org/gnome/shell/ui/panelMenu.js';
import * as PopupMenu from 'resource:///org/gnome/shell/ui/popupMenu.js';
import * as Calendar from 'resource:///org/gnome/shell/ui/calendar.js';
export default class DatetimeExtension extends Extension {
enable() {
// Create a panel button
this._indicator = new PanelMenu.Button(0.0, this.metadata.name, false);
var label = new St.Label({ text: '00:00\n1/1 一' });
label.set_style('text-align:center');
this._indicator.add_child(label);
// Add the indicator to the panel
label.set_style('text-align:center');
this._indicator.add_child(label);
Main.panel.addToStatusArea(this.uuid, this._indicator);
const menuItem = new PopupMenu.PopupMenuItem('');
//https://gitlab.gnome.org/GNOME/gnome-shell/-/blob/main/js/ui/dateMenu.js#L901
let calendar = new Calendar.Calendar();
menuItem.add_child(calendar);
menuItem.height = 300;
let now = new Date();
calendar.setDate(now);
this._indicator.menu.addMenuItem(menuItem);
const menuItem1 = new PopupMenu.PopupMenuItem('');
//menuItem1.label.set_style('text-align:center'); //无效
this._indicator.menu.addMenuItem(menuItem1);
this.label_tooltip = new St.Label({ text: '' });
this.label_tooltip.set_style('background:#222;padding:10px;');
global.stage.add_child(this.label_tooltip);
this.label_tooltip.hide();
this._indicator.connect('notify::hover', () => {
const [x, y] = this._indicator.get_transformed_position();
//console.log(x,y);
this.label_tooltip.set_position(x, y - this.label_tooltip.height);
if (this._indicator.hover)
this.label_tooltip.show();
else
this.label_tooltip.hide();
});
this._timeout = GLib.timeout_add_seconds(GLib.PRIORITY_DEFAULT, 1, () => {
var date = new Date();
var h = date.getHours();
@@ -32,9 +56,10 @@ export default class DatetimeExtension extends Extension {
var day = date.getDay();
var weekday = ["日", "一", "二", "三", "四", "五", "六"];
var weekday1 = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
const text = h + ' : ' + m + '\n' + (date.getMonth() + 1) + '/' + date.getDate() + ' ' + weekday[day];
label.set_text(text);
menuItem.label.text = date.toLocaleString() + ' ' + weekday1[day];
var text = h + ' : ' + m + '\n' + (date.getMonth() + 1) + '/' + date.getDate() + ' ' + weekday[day];
label.set_text(text);
menuItem1.label.text = date.toLocaleString() + ' ' + weekday1[day];
this.label_tooltip.text = date.toLocaleString() + ' ' + weekday1[day];
// Run as loop, not once.
return GLib.SOURCE_CONTINUE;
});
@@ -46,6 +71,8 @@ export default class DatetimeExtension extends Extension {
GLib.source_remove(this._timeout);
this._timeout = null;
}
this.label_tooltip?.destroy();
this.label_tooltip = null;
this._indicator?.destroy();
this._indicator = null;
}