From cbd6e42a09d6f3674ec4e0d1e3a90f242fd38544 Mon Sep 17 00:00:00 2001
From: sonichy <sonichy@163.com>
Date: Fri, 2 May 2025 16:12:26 +0800
Subject: [PATCH] datetime add tooltip

---
 datetime@sonichy/README.md    |  7 +++++-
 datetime@sonichy/extension.js | 45 ++++++++++++++++++++++++++++-------
 2 files changed, 42 insertions(+), 10 deletions(-)

diff --git a/datetime@sonichy/README.md b/datetime@sonichy/README.md
index 2b92828..15bc584 100755
--- a/datetime@sonichy/README.md
+++ b/datetime@sonichy/README.md
@@ -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
diff --git a/datetime@sonichy/extension.js b/datetime@sonichy/extension.js
index 8883e67..9e8bf4d 100755
--- a/datetime@sonichy/extension.js
+++ b/datetime@sonichy/extension.js
@@ -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;        
     }