retrozinndev
73 lines
3.2 KiB
TypeScript
73 lines
3.2 KiB
TypeScript
import { Astal, Gdk, Gtk } from "ags/gtk4";
|
|
import { execApp, getAppIcon, getApps, getAstalApps } from "../scripts/apps";
|
|
import { PopupWindow } from "../widget/PopupWindow";
|
|
|
|
import AstalApps from "gi://AstalApps";
|
|
import Pango from "gi://Pango?version=1.0";
|
|
import { createState, For } from "ags";
|
|
|
|
const ignoredKeys = [
|
|
Gdk.KEY_Right,
|
|
Gdk.KEY_Down,
|
|
Gdk.KEY_Up,
|
|
Gdk.KEY_Left,
|
|
Gdk.KEY_Return,
|
|
Gdk.KEY_space
|
|
];
|
|
|
|
export const AppsWindow = (mon: number) => {
|
|
const [results, setResults] = createState(getApps() as Array<AstalApps.Application>);
|
|
|
|
const entry: Gtk.SearchEntry = <Gtk.SearchEntry onSearchChanged={(self) => {
|
|
setResults(getAstalApps().fuzzy_query(self.text.trim()));
|
|
}}/> as Gtk.SearchEntry;
|
|
|
|
return <PopupWindow namespace="apps-window" layer={Astal.Layer.OVERLAY}
|
|
exclusivity={Astal.Exclusivity.IGNORE} monitor={mon} marginTop={64}
|
|
cssBackgroundWindow="background={rgba(0, 0, 0, .2)"
|
|
actionKeyPressed={(_, key) => {
|
|
for(const ignoredKey of ignoredKeys)
|
|
if(key === ignoredKey) return
|
|
|
|
!entry.is_focus && entry.grab_focus();
|
|
}}>
|
|
|
|
<Gtk.Box class={"apps-window-container"} orientation={Gtk.Orientation.VERTICAL}>
|
|
<Gtk.Box class="apps-area">
|
|
<Gtk.ScrolledWindow vscrollbarPolicy={Gtk.PolicyType.AUTOMATIC}
|
|
hscrollbarPolicy={Gtk.PolicyType.NEVER} overlayScrolling={true}
|
|
propagateNaturalHeight={false}>
|
|
|
|
<Gtk.FlowBox rowSpacing={60} columnSpacing={60}
|
|
homogeneous={true} visible={true} minChildrenPerLine={1}
|
|
activateOnSingleClick={true}>
|
|
|
|
<For each={results}>
|
|
{(app) =>
|
|
<Gtk.Button visible={true} heightRequest={150} tooltipMarkup={
|
|
`${app.name}${app.description ? `\n<span foreground="#7f7f7f">${
|
|
app.description}</span>` : ""}`.replace(/\&/g, "&")}
|
|
|
|
onActivate={() => {
|
|
execApp(app);
|
|
window.close();
|
|
}} onClicked={() => {
|
|
execApp(app);
|
|
window.close();
|
|
}}>
|
|
|
|
<Gtk.Box orientation={Gtk.Orientation.VERTICAL}>
|
|
<Gtk.Image iconName={getAppIcon(app) ?? "application-x-executable"} />
|
|
<Gtk.Label ellipsize={Pango.EllipsizeMode.END} valign={Gtk.Align.START}
|
|
label={app.name || "Unnamed App"} />
|
|
</Gtk.Box>
|
|
</Gtk.Button>
|
|
}
|
|
</For>
|
|
</Gtk.FlowBox>
|
|
</Gtk.ScrolledWindow>
|
|
</Gtk.Box>
|
|
</Gtk.Box>
|
|
</PopupWindow>
|
|
}
|