Olivier/colorshell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ ags(widget/result-widget): add support for widgets and nerd font icons on icon prop

Browse Source
This commit is contained in:
retrozinndev
2025-05-11 22:22:21 -03:00
parent 8eb1fcf648
commit b1eef4285f
1 changed files with 23 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ags/widget/runner/ResultWidget.ts
+21 -6
View File
@@ -4,7 +4,7 @@ import { Gtk, Widget } from "astal/gtk3";
export { ResultWidget, ResultWidgetProps }; export { ResultWidget, ResultWidgetProps };
type ResultWidgetProps = { type ResultWidgetProps = {
icon?: string | Binding<string | undefined>; icon?: string | Binding<string> | Gtk.Widget | Binding<Gtk.Widget>;
title: string | Binding<string | undefined>; title: string | Binding<string | undefined>;
description?: string | Binding<string | undefined>; description?: string | Binding<string | undefined>;
closeOnClick?: boolean; closeOnClick?: boolean;
@@ -14,10 +14,11 @@ type ResultWidgetProps = {
@register({ GTypeName: "ResultWidget" }) @register({ GTypeName: "ResultWidget" })
class ResultWidget extends Widget.Box { class ResultWidget extends Widget.Box {
public readonly onClick: (() => void); public readonly onClick: (() => void);
public readonly icon: (string | Binding<string|undefined> | undefined);
public readonly setup: ((() => void)|undefined); public readonly setup: ((() => void)|undefined);
public readonly closeOnClick: boolean = true; public icon: (string | Binding<string> | Gtk.Widget | Binding<Gtk.Widget> | undefined);
public closeOnClick: boolean = true;
constructor(props: ResultWidgetProps) { constructor(props: ResultWidgetProps) {
@@ -31,11 +32,25 @@ class ResultWidget extends Widget.Box {
this.closeOnClick = props.closeOnClick ?? true; this.closeOnClick = props.closeOnClick ?? true;
this.onClick = () => props.onClick?.(); this.onClick = () => props.onClick?.();
if(this.icon != null) { if(this.icon !== undefined) {
if(this.icon instanceof Binding) {
if(typeof this.icon.get() === "string") {
this.add(new Widget.Icon({ this.add(new Widget.Icon({
visible: props.icon, icon: this.icon as Binding<string>
icon: props.icon || "image-missing"
} as Widget.IconProps)); } as Widget.IconProps));
} else {
this.add(new Widget.Box({
child: this.icon as Binding<Gtk.Widget>
} as Widget.BoxProps));
}
} else {
if(typeof this.icon === "string") {
this.add(new Widget.Icon({
icon: this.icon as string
} as Widget.IconProps));
} else
this.add(this.icon as Gtk.Widget);
}
} }
this.add(new Widget.Box({ this.add(new Widget.Box({