Refactor preferences screen

Fixes #3

src/metadata.json

@@ -5,5 +5,5 @@
 	"url": "https://github.com/MateusRodCosta/gnome-shell-extension-default-workspace",
 	"uuid": "default-workspace@mateusrodcosta.com",
 	"settings-schema": "org.gnome.shell.extensions.default-workspace",
-	"version": 7
+	"version": 8
 }

src/prefs.js

@@ -1,6 +1,7 @@
+import Adw from 'gi://Adw';
 import Gio from 'gi://Gio';
 import Gtk from 'gi://Gtk';
-import {ExtensionPreferences} from 'resource:///org/gnome/Shell/Extensions/js/extensions/prefs.js';
+import {ExtensionPreferences, gettext as _} from 'resource:///org/gnome/Shell/Extensions/js/extensions/prefs.js';
 
 const DEFAULT_WORKSPACE_KEY = 'default-workspace-number';
 
@@ -9,21 +10,39 @@ export default class DefaultWorkspacePreferences extends ExtensionPreferences {
   fillPreferencesWindow(window) {
     let settings = this.getSettings();
 
-    let builder = new Gtk.Builder();
+    const page = new Adw.PreferencesPage({
+      title: _('Default Workspace'),
+      icon_name: 'dialog-information-symbolic',
+    });
+    window.add(page);
+
+    const group = new Adw.PreferencesGroup({
+      title: _('Workspace'),
+    });
+    page.add(group);
+
+    const spin_row = new Adw.SpinRow({
+      title: _('Default Workspace'),
+    });
+    group.add(spin_row);
 
-    builder.add_from_file(`${this.path}/ui/prefs.ui`);
+    const adjustment = new Gtk.Adjustment({
+      lower: 1.0,
+      page_increment: 1.0,
+      page_size: 1.0,
+      step_increment: 1.0,
+      upper: 37.0,
+      lower: 1.0,
+    });
+    spin_row.set_adjustment(adjustment);
 
-    let spin_row = builder.get_object('default_workspace_spinrow');
-    if (spin_row) {
-      settings.bind(
-        DEFAULT_WORKSPACE_KEY,
-        spin_row,
-        'value',
-        Gio.SettingsBindFlags.DEFAULT
-      );
-    }
+    settings.bind(
+      DEFAULT_WORKSPACE_KEY,
+      spin_row,
+      'value',
+      Gio.SettingsBindFlags.DEFAULT
+    );
 
-    let page = builder.get_object('preferences_main_page');
     window.add(page);
   }
 }