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

✨ chore: use util methods, improvements

Browse Source
This commit is contained in:
retrozinndev
2025-07-23 22:22:18 -03:00
parent 7b158b8c89
commit d4c1fcf327
5 changed files with 68 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ags/widget/CustomDialog.tsx
+41 -44
View File
@@ -4,7 +4,7 @@ import { PopupWindow } from "./PopupWindow";
import { Separator } from "./Separator";
import { tr } from "../i18n/intl";
import { Accessor, For, With } from "ags";
import { variableToBoolean, WidgetNodeType } from "../scripts/utils";
import { transformWidget, variableToBoolean, WidgetNodeType } from "../scripts/utils";
export type CustomDialogProps = {
@@ -28,61 +28,58 @@ export interface CustomDialogOption {
closeOnClick?: boolean | Accessor<boolean>;
}
function CustomDialogOption(props: CustomDialogOption & { dialog: Astal.Window }) {
function CustomDialogOption({closeOnClick = true, ...props}: CustomDialogOption & { dialog: Astal.Window }) {
function onClicked() {
props.onClick?.();
props.closeOnClick && props.dialog.close();
closeOnClick &&
props.dialog?.close();
}
return <Gtk.Button class="option" hexpand={true} label={props.text}
return <Gtk.Button class="option" hexpand label={props.text}
onClicked={onClicked} onActivate={onClicked}/>
}
export function CustomDialog({ options = [{ text: tr("accept") }], ...props}: CustomDialogProps) {
let dialog: Astal.Window;
return Windows.getDefault().createWindowForFocusedMonitor((mon: number) =>
<PopupWindow namespace={props.namespace ?? "custom-dialog"} monitor={mon}
return Windows.getDefault().createWindowForFocusedMonitor((mon) =>
<PopupWindow namespace={props.namespace ?? "custom-dialog"} monitor={mon}
cssBackgroundWindow={props.cssBackground ?? "background: rgba(0, 0, 0, .3);"}
exclusivity={Astal.Exclusivity.IGNORE} layer={Astal.Layer.OVERLAY}
halign={Gtk.Align.CENTER} valign={Gtk.Align.CENTER}
widthRequest={props.widthRequest ?? 400} heightRequest={props.heightRequest ?? 220}
onDestroy={props.onFinish} $={(self) => dialog = self}>
<Gtk.Box class={props.className ?? "custom-dialog-container"}
orientation={Gtk.Orientation.VERTICAL}>
<Gtk.Label class={"title"} visible={variableToBoolean(props.title)} label={props.title} />
<Gtk.Label class={"text"} visible={variableToBoolean(props.text)} label={props.text} />
<Gtk.Box class={"custom-children custom-child"} visible={variableToBoolean(props.children)}
orientation={props.childOrientation ?? Gtk.Orientation.VERTICAL}>
onDestroy={props.onFinish} $={(self) => self.set_child(
{
(props.children instanceof Accessor) ?
(Array.isArray(props.children) ?
<For each={props.children! as Accessor<Array<JSX.Element>>}>
{(widget) => widget && widget}
</For>
: <With value={props.children as Accessor<JSX.Element>}>
{(widget) => widget && widget}
</With>)
: (Array.isArray(props.children) ?
props.children.map(widget => widget && widget).filter(w => w)
: props.children)
}
</Gtk.Box>
<Separator alpha={.2} visible={options && options.length > 0}
spacing={8} orientation={Gtk.Orientation.VERTICAL} />
<Gtk.Box class={props.className ?? "custom-dialog-container"}
orientation={Gtk.Orientation.VERTICAL}>
{(<Gtk.Box class={"options"} orientation={props.optionsOrientation ?? Gtk.Orientation.HORIZONTAL}
hexpand={true} heightRequest={38} homogeneous={true}>
{
(options instanceof Accessor) ?
<For each={options}>
{(option) => <CustomDialogOption {...option} dialog={dialog} />}
</For>
: options.map(option =>
<CustomDialogOption {...option} dialog={dialog} />)
}
</Gtk.Box>)}
</Gtk.Box>
</PopupWindow>)();
<Gtk.Label class={"title"} visible={variableToBoolean(props.title)} label={props.title} />
<Gtk.Label class={"text"} visible={variableToBoolean(props.text)} label={props.text}
vexpand/>
<Gtk.Box class={"custom-children custom-child"} visible={variableToBoolean(props.children)}
orientation={props.childOrientation ?? Gtk.Orientation.VERTICAL}>
{
(props.children instanceof Accessor) ?
(Array.isArray(props.children) ?
<For each={props.children! as Accessor<Array<JSX.Element>>}>
{(widget) => widget && widget}
</For>
: <With value={props.children as Accessor<JSX.Element>}>
{(widget) => widget && widget}
</With>)
: (Array.isArray(props.children) ?
props.children.map(widget => widget && widget).filter(w => w)
: props.children)
}
</Gtk.Box>
<Separator alpha={.2} visible={options && options.length > 0}
spacing={8} orientation={Gtk.Orientation.VERTICAL} />
<Gtk.Box class={"options"} orientation={props.optionsOrientation ?? Gtk.Orientation.HORIZONTAL}
hexpand={true} heightRequest={38} homogeneous={true}>
{transformWidget(options, (props) => <CustomDialogOption {...props} dialog={self} />)}
</Gtk.Box>
</Gtk.Box> as Gtk.Box
)}
/> as Astal.Window
)();
}