💥 ags: fix startup issues (and with that, errors with focusedClient bar widget)

2025-02-04 21:45:18 -03:00
parent 11f919ab1d
commit 80969071c4
21 changed files with 363 additions and 200 deletions
@@ -0,0 +1,8 @@
+import { Gtk, Widget } from "astal/gtk3";
+
+export const TileInternet = new Widget.Box({
+    className: "tile more internet",
+    children: [
+        toggleButton
+    ]
+} as Widget.BoxProps);
@@ -0,0 +1,60 @@
+import { Binding } from "astal";
+import { Gtk, Widget } from "astal/gtk3";
+
+export interface MoreTileProps {
+    className?: string | Binding<string | undefined>;
+    iconName?: string | Binding<string | undefined>;
+    iconSize?: Gtk.IconSize;
+    title: string | Binding<string>;
+    description?: string | Binding<string | undefined>;
+    defaultToggleState?: boolean;
+    onToggledOn: Function;
+    onToggledOff: Function;
+    onClickMore: Function;
+}
+
+export function MoreTile(props: MoreTileProps): Gtk.Widget {
+
+    let toggleState: boolean = props?.defaultToggleState !== undefined ? 
+        props.defaultToggleState : false;
+
+    const mainEventBox = new Widget.EventBox({
+        onClick: () => toggleState ? props.onToggledOff() : props.onToggledOn(),
+        expand: true,
+        child: new Widget.Box({
+            className: props?.className || "",
+            expand: true,
+            children: [
+                new Widget.Icon({
+                    iconName: props?.iconName,
+                    visible: props.iconName !== undefined,
+                    iconSize: props.iconSize || Gtk.IconSize.BUTTON
+                }),
+                new Widget.Box({
+                    className: "text",
+                    orientation: Gtk.Orientation.VERTICAL,
+                    children: [
+                        new Widget.Label({
+                            className: "title",
+                            label: props.title
+                        } as Widget.LabelProps),
+                        new Widget.Label({
+                            className: "description",
+                            visible: props?.description !== undefined,
+                            label: props?.description
+                        } as Widget.LabelProps)
+                    ]
+                } as Widget.BoxProps),
+                new Widget.Button({
+                    onClick: () => props.onClickMore(),
+                    child: new Widget.Icon({
+                        iconName: "go-next",
+                        iconSize: Gtk.IconSize.BUTTON
+                    } as Widget.IconProps),
+                } as Widget.ButtonProps)
+            ]
+        } as Widget.BoxProps)
+    } as Widget.EventBoxProps);
+
+    return mainEventBox;
+}
@@ -0,0 +1,61 @@
+import { Binding } from "astal";
+import { Gtk, Widget } from "astal/gtk3";
+
+export interface NormalTileProps {
+    className?: string | Binding<string | undefined>;
+    iconName?: string | Binding<string | undefined>;
+    iconSize?: Gtk.IconSize;
+    title: string | Binding<string>;
+    description?: string | Binding<string | undefined>;
+    toggleState?: boolean | Binding<boolean | undefined>;
+    onToggledOn: Function;
+    onToggledOff: Function;
+}
+
+export function MoreTile(props: NormalTileProps): Gtk.Widget {
+
+    let toggleState: boolean = props?.toggleState !== undefined ? 
+        props.toggleState : false;
+
+    const mainEventBox = new Widget.EventBox({
+        onClick: () => toggleState ? props.onToggledOff() : props.onToggledOn(),
+        expand: true,
+        child: new Widget.Box({
+            className: props?.className || "",
+            expand: true,
+            children: [
+                new Widget.Icon({
+                    iconName: props?.iconName,
+                    visible: props.iconName !== undefined,
+                    iconSize: props.iconSize || Gtk.IconSize.BUTTON
+                }),
+                new Widget.Box({
+                    className: "text",
+                    orientation: Gtk.Orientation.VERTICAL,
+                    children: [
+                        new Widget.Label({
+                            className: "title",
+                            label: props.title
+                        } as Widget.LabelProps),
+                        new Widget.Label({
+                            className: "description",
+                            visible: props?.description !== undefined,
+                            label: props?.description
+                        } as Widget.LabelProps)
+                    ]
+                } as Widget.BoxProps)
+            ]
+        } as Widget.BoxProps)
+    } as Widget.EventBoxProps);
+
+    function toggleOn(): void {
+        mainEventBox.set_class_name(mainEventBox + "")
+        props.onToggledOn();
+    }
+
+    function toggleOff(): void {
+        props.onToggledOff();
+    }
+
+    return mainEventBox;
+}