settings window for gnome 40 & 41

Author: gistart

metadata.json

@@ -4,6 +4,8 @@
     "url": "https://github.com/gistart/tp_wattmeter",
     "description": "Shows battery power consumption of ThinkPad laptops. Now configurable!",
     "shell-version": [
+        "40",
+        "41",
         "42"
     ]
 }

prefs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const { Adw, Gio, Gtk } = imports.gi;
+const { Gio, Gtk } = imports.gi;
 
 const ExtensionUtils = imports.misc.extensionUtils;
 const Me = ExtensionUtils.getCurrentExtension();
@@ -10,21 +10,86 @@ function init() {
 }
 
 function fillPreferencesWindow(window) {
-    const settings = ExtensionUtils.getSettings('org.gnome.shell.extensions.tp_wattmeter');
+    // Gnome 42+: GTK5 & libadwaita
+    const Adw = imports.gi.Adw;
+
+    const settings = ExtensionUtils.getSettings(SETTINGS_ID);
 
     const page = new Adw.PreferencesPage();
     const group = new Adw.PreferencesGroup();
     page.add(group);
 
     // history depth
-    const avg_row = new Adw.ActionRow({ title: 'Show average of this many measurements' });
+    const avg_row = new Adw.ActionRow({ title: LBL_AVG });
     group.add(avg_row);
 
+    const avg_spin = makeAvgOfSpin(settings);
+    avg_row.add_suffix(avg_spin);
+    avg_row.activatable_widget = avg_spin;
+
+    // measure period
+    const period_row = new Adw.ActionRow({ title: LBL_PERIOD });
+    group.add(period_row);
+
+    const period_spin = makePeriodSpin(settings);
+    period_row.add_suffix(period_spin);
+    period_row.activatable_widget = period_spin;
+
+    // done
+    window.add(page);
+}
+
+
+function buildPrefsWidget() {
+    // Gnome 41-: GTK4 bare
+    const settings = ExtensionUtils.getSettings(SETTINGS_ID);
+
+    // history
+    const avg_lbl = new Gtk.Label({label: LBL_AVG});
+    const avg_spin = makeAvgOfSpin(settings);
+    
+    const avg_box = new Gtk.Box(); 
+    avg_box.set_spacing(10);
+    avg_box.set_orientation(Gtk.Orientation.HORIZONTAL);
+    avg_box.prepend(avg_lbl);
+    avg_box.append(avg_spin);
+
+    // period
+    const period_lbl = new Gtk.Label({label: LBL_PERIOD});
+    const period_spin = makePeriodSpin(settings);
+    
+    const period_box = new Gtk.Box(); 
+    period_box.set_spacing(10);
+    period_box.set_orientation(Gtk.Orientation.HORIZONTAL);
+    period_box.prepend(period_lbl);
+    period_box.append(period_spin);
+
+    // main
+    const main_box = new Gtk.Box(); 
+    main_box.set_spacing(25);
+    main_box.set_orientation(Gtk.Orientation.VERTICAL);
+    main_box.append(avg_box);
+    main_box.append(period_box);
+
+    // done
+    return main_box;
+}
+
+
+/** Common
+ */
+
+const SETTINGS_ID = 'org.gnome.shell.extensions.tp_wattmeter';
+const LBL_AVG = 'Show average of this many measurements';
+const LBL_PERIOD = 'Period between measurements in seconds';
+
+
+function makeAvgOfSpin(settings) {
     const avg_spin = new Gtk.SpinButton({
         climb_rate: 1,
         digits: 0,
         adjustment: new Gtk.Adjustment({
-            value: settings.get_uint('avg-of'),
+            value: settings.get_int('avg-of'),
             lower: 1,
             upper: 25,
             step_increment: 1,
@@ -36,13 +101,11 @@ function fillPreferencesWindow(window) {
         'value',
         Gio.SettingsBindFlags.DEFAULT
     );
-    avg_row.add_suffix(avg_spin);
-    avg_row.activatable_widget = avg_spin;
+    return avg_spin;
+}
 
-    // measure period
-    const period_row = new Adw.ActionRow({ title: 'Period between measurements in seconds' });
-    group.add(period_row);
 
+function makePeriodSpin(settings) {
     const period_spin = new Gtk.SpinButton({
         climb_rate: 1,
         digits: 1,
@@ -59,9 +122,5 @@ function fillPreferencesWindow(window) {
         'value',
         Gio.SettingsBindFlags.DEFAULT
     );
-    period_row.add_suffix(period_spin);
-    period_row.activatable_widget = period_spin;
-
-    // done
-    window.add(page);
+    return period_spin;
 }