activate_gnome/activate_gnome@isjerryxiao/prefs.js

const Gio = imports.gi.Gio
const Gtk = imports.gi.Gtk

const ExtensionUtils = imports.misc.extensionUtils
const Me = ExtensionUtils.getCurrentExtension()

function init() {
}

function buildPrefsWidget() {
    this.settings = ExtensionUtils.getSettings(Me.metadata['settings-schema'])

    let prefsWidget = new Gtk.Box({
        orientation: Gtk.Orientation.VERTICAL,
        halign: Gtk.Align.CENTER,
        spacing: 6,
        margin_top: 12,
        margin_bottom: 12,
        margin_start: 6,
        margin_end: 6,
    })

    // line 1
    let label_line_1 = new Gtk.Label({
        label: '<b>Line 1</b>',
        margin_top: 6,
        use_markup: true,
    })
    prefsWidget.append(label_line_1)

    let entry_line_1 = new Gtk.Entry({
        margin_top: 6,
        hexpand: true,
    })
    entry_line_1.set_width_chars(30)
    prefsWidget.append(entry_line_1)

    // line 2
    let label_line_2 = new Gtk.Label({
        label: '<b>Line 2</b>',
        margin_top: 6,
        use_markup: true,
    })
    prefsWidget.append(label_line_2)

    let entry_line_2 = new Gtk.Entry({
        margin_top: 6,
        hexpand: true,
    })
    entry_line_2.set_width_chars(30)
    prefsWidget.append(entry_line_2)

    // line 2 vertical position
    let label_line_2_vertical_position = new Gtk.Label({
        label: '<b>Vertical Position</b>',
        margin_top: 12,
        use_markup: true,
    })
    prefsWidget.append(label_line_2_vertical_position)

    let scale_line_2_vertical_position = new Gtk.Scale({
        adjustment: new Gtk.Adjustment({lower: 0.01, upper: 1.0, step_increment: 0.01, page_increment: 0.1}),
        margin_top: 6,
        draw_value: false,
        digits: 4,
    })
    prefsWidget.append(scale_line_2_vertical_position)

    // line 2 horizontal position
    let label_line_2_horizontal_position = new Gtk.Label({
        label: '<b>Horizontal Position</b>',
        margin_top: 6,
        use_markup: true,
    })
    prefsWidget.append(label_line_2_horizontal_position)

    let scale_line_2_horizontal_position = new Gtk.Scale({
        adjustment: new Gtk.Adjustment({lower: 0.01, upper: 1.0, step_increment: 0.01, page_increment: 0.1}),
        margin_top: 6,
        draw_value: false,
        digits: 4,
    })
    prefsWidget.append(scale_line_2_horizontal_position)

    // line 1 text size
    let label_line_1_text_size = new Gtk.Label({
        label: '<b>Line 1 Text Size</b>',
        margin_top: 12,
        use_markup: true,
    })
    prefsWidget.append(label_line_1_text_size)

    let spinbutton_line_1_text_size = new Gtk.SpinButton({
        adjustment: new Gtk.Adjustment({lower: 1.0, upper: 65535.0, step_increment: 1.0, page_increment: 10.0}),
        margin_top: 6,
        numeric: true,
        digits: 1,
    })
    prefsWidget.append(spinbutton_line_1_text_size)

    // line 2 text size
    let label_line_2_text_size = new Gtk.Label({
        label: '<b>Line 2 Text Size</b>',
        margin_top: 6,
        use_markup: true,
    })
    prefsWidget.append(label_line_2_text_size)

    let spinbutton_line_2_text_size = new Gtk.SpinButton({
        adjustment: new Gtk.Adjustment({lower: 1.0, upper: 65535.0, step_increment: 1.0, page_increment: 10.0}),
        margin_top: 6,
        numeric: true,
        digits: 1,
    })
    prefsWidget.append(spinbutton_line_2_text_size)

    // opacity
    let label_opacity = new Gtk.Label({
        label: '<b>Opacity</b>',
        margin_top: 6,
        use_markup: true,
    })
    prefsWidget.append(label_opacity)

    let scale_opacity = new Gtk.Scale({
        adjustment: new Gtk.Adjustment({lower: 0.1, upper: 255, step_increment: 0.1, page_increment: 1}),
        margin_top: 6,
        draw_value: false,
        digits: 1,
    })
    prefsWidget.append(scale_opacity)

    let button_reset = new Gtk.Button({
        label: 'reset',
        margin_top: 12,
        margin_bottom: 6,
    })
    button_reset.connect('clicked', () => {
        this.settings.reset('text-l1')
        this.settings.reset('text-l2')
        this.settings.reset('l2-vertical')
        this.settings.reset('l2-horizontal')
        this.settings.reset('size-l1')
        this.settings.reset('size-l2')
        this.settings.reset('opacity')
    })
    prefsWidget.append(button_reset)

    this.settings.bind('text-l1', entry_line_1, 'text', Gio.SettingsBindFlags.DEFAULT)
    this.settings.bind('text-l2', entry_line_2, 'text', Gio.SettingsBindFlags.DEFAULT)
    this.settings.bind('l2-vertical', scale_line_2_vertical_position.adjustment, 'value', Gio.SettingsBindFlags.DEFAULT)
    this.settings.bind('l2-horizontal', scale_line_2_horizontal_position.adjustment, 'value', Gio.SettingsBindFlags.DEFAULT)
    this.settings.bind('size-l1', spinbutton_line_1_text_size.adjustment, 'value', Gio.SettingsBindFlags.DEFAULT)
    this.settings.bind('size-l2', spinbutton_line_2_text_size.adjustment, 'value', Gio.SettingsBindFlags.DEFAULT)
    this.settings.bind('opacity', scale_opacity.adjustment, 'value', Gio.SettingsBindFlags.DEFAULT)

    return prefsWidget
}