retrozinndev
69 lines
2.2 KiB
TypeScript
69 lines
2.2 KiB
TypeScript
import { Binding, register } from "astal";
|
|
import { Gtk, Widget } from "astal/gtk3";
|
|
import { Runner } from "../../runner/Runner";
|
|
|
|
export { ResultWidget, ResultWidgetProps };
|
|
|
|
type ResultWidgetProps = {
|
|
icon?: string | Binding<string | undefined>;
|
|
title: string | Binding<string | undefined>;
|
|
description?: string | Binding<string | undefined>;
|
|
closeOnClick?: boolean;
|
|
setup?: () => void;
|
|
onClick?: () => void;
|
|
};
|
|
|
|
@register({ GTypeName: "ResultWidget" })
|
|
class ResultWidget extends Widget.Box {
|
|
public readonly onClick: (() => void);
|
|
public readonly icon: (string | Binding<string|undefined> | undefined);
|
|
public readonly setup: ((() => void)|undefined);
|
|
public readonly closeOnClick: boolean = true;
|
|
|
|
|
|
constructor(props: ResultWidgetProps) {
|
|
super();
|
|
if(props.icon)
|
|
this.icon = props.icon;
|
|
if(props.setup)
|
|
this.setup = props.setup;
|
|
if(props.closeOnClick !== undefined)
|
|
this.closeOnClick = props.closeOnClick;
|
|
|
|
this.onClick = () => {
|
|
props.onClick && props.onClick();
|
|
this.closeOnClick && Runner.close();
|
|
};
|
|
|
|
this.set_class_name("result");
|
|
this.set_hexpand(true);
|
|
|
|
this.add(new Widget.Icon({
|
|
visible: Boolean(props.icon),
|
|
icon: props.icon || "image-missing"
|
|
} as Widget.IconProps));
|
|
|
|
this.add(new Widget.Box({
|
|
orientation: Gtk.Orientation.VERTICAL,
|
|
valign: Gtk.Align.CENTER,
|
|
children: [
|
|
new Widget.Label({
|
|
className: "title",
|
|
xalign: 0,
|
|
truncate: true,
|
|
label: props.title
|
|
} as Widget.LabelProps),
|
|
new Widget.Label({
|
|
className: "description",
|
|
visible: (props.description instanceof Binding) ?
|
|
props.description.as(Boolean)
|
|
: Boolean(props.description),
|
|
truncate: true,
|
|
xalign: 0,
|
|
label: props.description || ""
|
|
} as Widget.LabelProps)
|
|
]
|
|
} as Widget.BoxProps));
|
|
}
|
|
}
|