prefs.js

import { ExtensionPreferences,gettext } from "resource:///org/gnome/Shell/Extensions/js/extensions/prefs.js";
import Adw from "gi://Adw";
import Gio from "gi://Gio";
import GLib from "gi://GLib";
import Gtk from "gi://Gtk";

const schema = 'org.gnome.shell.extensions.netStatus';
var settings,config;

export default class netStatusPreferences extends ExtensionPreferences {
    fillPreferencesWindow(window) {
        settings = this.getSettings(schema);
        config={
            refreshTime:settings.get_int('refreshtime'),
            history:JSON.parse(settings.get_string('history')),
            days:settings.get_int('days'),
            bit:settings.get_boolean('bit')
        };
        
        const page = new Adw.PreferencesPage();
        const group = new Adw.PreferencesGroup();
        page.add(group);
        
        const refreshtimeRow = new Adw.ActionRow({
            title: gettext("refreshSettings"),
            subtitle: gettext("refreshInterval")
        });
        group.add(refreshtimeRow);

        const refreshtime = new Gtk.SpinButton({
            adjustment: new Gtk.Adjustment({
                lower: 1,
                upper: 60,
                step_increment: 1,
                page_increment: 10
            }),
            valign: Gtk.Align.CENTER,
            hexpand: true,
            numeric: true,
            snap_to_ticks: true,
            value: config.refreshTime
        });

        settings.bind("refreshtime", refreshtime, "value", Gio.SettingsBindFlags.DEFAULT);
        refreshtimeRow.add_suffix(refreshtime);
        refreshtimeRow.activatable_widget = refreshtime;
        
        const daysRow = new Adw.ActionRow({
            title: gettext("statisticsSettings"),
            subtitle: gettext("statisticsRange")
        });
        group.add(daysRow);

        const days = new Gtk.SpinButton({
            adjustment: new Gtk.Adjustment({
                lower: 1,
                upper: 60,
                step_increment: 1,
                page_increment: 10
            }),
            valign: Gtk.Align.CENTER,
            hexpand: true,
            numeric: true,
            snap_to_ticks: true,
            value: config.days
        });

        settings.bind("days", days, "value", Gio.SettingsBindFlags.DEFAULT);
        daysRow.add_suffix(days);
        daysRow.activatable_widget = days;
        
        const bitRow = new Adw.ActionRow({
            title: gettext("displaySettings"),
            subtitle: gettext("bitUnitsMode")
        });
        group.add(bitRow);

        const bit = new Gtk.Switch({
            active: config.bit,
            valign: Gtk.Align.CENTER,
        });
        settings.bind("bit",bit,"active",Gio.SettingsBindFlags.DEFAULT);

        bitRow.add_suffix(bit);
        bitRow.activatable_widget = bit;


        let ifaces=[];
        try{
            let input_file = Gio.file_new_for_path('/proc/net/dev');
            let [, contents, etag] = input_file.load_contents(null);
            contents = new TextDecoder().decode(contents);
            let lines = contents.split('\n');
            for (let line of lines) {
                line = line.trim();
                let fields = line.split(/\W+/);
                if (fields.length <= 2) break;
                if(!isNaN(parseInt(fields[1])) && !ifaces.includes(fields[0]))ifaces.push(fields[0]);
            }
        }catch(e){}
        ifaces.sort();
        ifaces.unshift(gettext("default"));
        
        const ifaceRow = new Adw.ActionRow({
            title: gettext("ifaceSettings"),
            subtitle: gettext("ifaceSelect")
        });
        group.add(ifaceRow);

        let selectedId=ifaces.indexOf(settings.get_string("ifacewhitelist"));
        if(selectedId<0)selectedId=0;
        const ifaceList = new Gtk.DropDown({
            valign: Gtk.Align.CENTER,
            model: Gtk.StringList.new(ifaces),
            selected: selectedId
        });
        ifaceList.connect('notify::selected', widget => {
            settings.set_string('ifacewhitelist', widget.selected>0?ifaces[widget.selected]:"");
        });

        ifaceRow.add_suffix(ifaceList);
        ifaceRow.activatable_widget = ifaceList;
        
        window.add(page);
    }
}