prefs.js

'use strict'

const Gio = imports.gi.Gio;
const Gtk = imports.gi.Gtk;
const GLib = imports.gi.GLib;
const Lang = imports.lang;
const GObject = imports.gi.GObject;

const ExtensionUtils = imports.misc.extensionUtils;
const Me = ExtensionUtils.getCurrentExtension();
const compat = Me.imports.helpers.compatibility;


function init(){

}

function buildPrefsWidget(){
    // Load the schema values
    this.settings = this.compat.getExtensionUtilsSettings().getSettings('castcontrol.hello.lukearran.com');

    // Create a parent widget that we'll return from this function
    let layout = new Gtk.Grid({
        margin: 50,
        column_spacing: 12,
        row_spacing: 18,
        visible: true
    });
    
    // Add a simple title and add it to the layout
    let title = new Gtk.Label({
        label: `<b>${Me.metadata.name} Settings</b>`,
        halign: Gtk.Align.START,
        use_markup: true,
        visible: true
    });
    layout.attach(title, 0, 0, 2, 1);
    
    // Auto Start Control
    let autoStartLabel = new Gtk.Label({
        label: ' Automatic Start Cast API ',
        halign: Gtk.Align.START,
        visible: true
    });
    layout.attach(autoStartLabel, 0, 1, 1, 1);
    
    let autoStartSwitchControl = new Gtk.Switch({
        visible: true,
        margin_right: 100
    });

    var isAuto = this.settings.get_boolean("auto-castapi");

    autoStartSwitchControl.set_state(isAuto);

    layout.attach(autoStartSwitchControl, 1, 1, 1, 1);

    // API Hostname
    let hostnameLabel = new Gtk.Label({
        label: ' API Hostname Custom Endpoint',
        halign: Gtk.Align.START,
        visible: true
    });
    layout.attach(hostnameLabel, 0, 2, 1, 2);
    
    let hostnameTextbox = new Gtk.Entry({
        visible: true
    });

    var hostnameValue = this.settings.get_string("castapi-hostname");

    hostnameTextbox.set_text(hostnameValue);

    layout.attach(hostnameTextbox, 1, 2, 2, 2);

    // API Port
    let portLabel = new Gtk.Label({
        label: ' API Port Custom Endpoint ',
        halign: Gtk.Align.START,
        visible: true
    });
    layout.attach(portLabel, 0, 4, 1, 3);
    
    let portTextbox = new Gtk.SpinButton({
        visible: true,
        numeric: true,
        snap_to_ticks: true,
        climb_rate: 1
    });

    var serverPortValue = this.settings.get_int("castapi-port");

    portTextbox.set_range(1000, 9999);
    portTextbox.set_increments(1, 1);
    portTextbox.set_value(serverPortValue);

    layout.attach(portTextbox, 1, 4, 1, 3);

    // Refresh Interval
    let refreshIntervalLabel = new Gtk.Label({
        label: ' Refresh Interval (Sec) ',
        halign: Gtk.Align.START,
        visible: true
    });
    layout.attach(refreshIntervalLabel, 0, 7, 1, 3);
    
    let refreshIntervalTextbox = new Gtk.SpinButton({
        visible: true,
        numeric: true,
        climb_rate: 1
    });

    var serverRefreshIntervalValue = this.settings.get_int("refresh-interval-ms") / 1000;

    refreshIntervalTextbox.set_range(1, 9999);
    refreshIntervalTextbox.set_increments(1, 1);
    refreshIntervalTextbox.set_value(serverRefreshIntervalValue);

    layout.attach(refreshIntervalTextbox, 1, 7, 1, 3);

    // Save Button
    let saveButton = new Gtk.Button({
        label: ' Save Changes ',
        visible: true
    });

    // On the Save Button clicked, apply settings
    saveButton.connect('clicked', (button) => {
        // Auto Start API
        this.settings.set_boolean(
            'auto-castapi',
            autoStartSwitchControl.get_state()
        );
        // Hostname
        this.settings.set_string(
            'castapi-hostname',
            hostnameTextbox.get_text()
        );
        // Port
        this.settings.set_int(
            'castapi-port',
            portTextbox.get_value()
        );
        // Refresh Interval
        this.settings.set_int(
            'refresh-interval-ms',
            refreshIntervalTextbox.get_value() * 1000
        );
    });

    layout.attach(saveButton, 1, 50, 1, 1);

    // Get Cast API Button
    let getApiButton = new Gtk.LinkButton({
        label: " Don't have Cast API installed? ",
        halign: Gtk.Align.START,
        visible: true,
        uri: 'https://github.com/lukearran/GNOME-Cast-Control'
    });

    layout.attach_next_to(getApiButton, saveButton, Gtk.PositionType.LEFT, 1, 1);

    return layout;
}