✨ chore: control-center and center-window widgets to gtk4 and ags v3

2025-07-06 19:56:09 -03:00
parent 7b758bd298
commit 9db1d6fc12
37 changed files with 1477 additions and 1867 deletions
@@ -0,0 +1,35 @@
+import { Gtk } from "ags/gtk4";
+import { TileNetwork } from "./tiles/Network";
+import { TileBluetooth } from "./tiles/Bluetooth";
+import { TileDND } from "./tiles/DoNotDisturb";
+import { TileRecording } from "./tiles/Recording";
+import { TileNightLight } from "./tiles/NightLight";
+import { Pages } from "./Pages";
+
+
+export let TilesPages: (Pages|null) = null;
+export const tileList: Array<() => Gtk.Widget> = [
+    TileNetwork,
+    TileBluetooth,
+    TileRecording,
+    TileDND,
+    TileNightLight
+];
+
+export function Tiles(): Gtk.Widget {
+    return <Gtk.Box class={"tiles-container"} orientation={Gtk.Orientation.VERTICAL}
+      onDestroy={() => TilesPages = null} $={(self) => {
+          if(!TilesPages)
+              TilesPages = <Pages class="tile-pages" /> as Pages;
+
+          self.append(TilesPages as unknown as Gtk.Widget);
+      }}>
+
+        <Gtk.FlowBox orientation={Gtk.Orientation.HORIZONTAL} rowSpacing={6}
+          columnSpacing={6} minChildrenPerLine={2} activateOnSingleClick={true}
+          maxChildrenPerLine={2} hexpand={true} vexpand={true} homogeneous={true}>
+
+            {tileList.map(tile => tile())}
+        </Gtk.FlowBox>
+    </Gtk.Box> as Gtk.Box;
+}