73 lines
1.8 KiB
TypeScript
73 lines
1.8 KiB
TypeScript
|
import { App, Gtk, Widget } from 'astal/gtk3';
|
||
|
|
import { register } from 'astal/gobject';
|
||
|
|
|
||
|
|
/* Types */
|
||
|
|
import AstalApps from 'gi://AstalApps?version=0.1';
|
||
|
|
type AppItemProps = Widget.BoxProps & {
|
||
|
|
app: AstalApps.Application
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
@register()
|
||
|
|
export class AppItem extends Widget.Box {
|
||
|
|
readonly app: AstalApps.Application;
|
||
|
|
|
||
|
|
constructor({
|
||
|
|
app,
|
||
|
|
hexpand = true,
|
||
|
|
className = '',
|
||
|
|
...rest
|
||
|
|
}: AppItemProps) {
|
||
|
|
super({
|
||
|
|
...rest,
|
||
|
|
className: `app ${className}`,
|
||
|
|
hexpand,
|
||
|
|
});
|
||
|
|
this.app = app;
|
||
|
|
|
||
|
|
const icon = (
|
||
|
|
<icon css="font-size: 42px; margin-right: 25px;" />
|
||
|
|
) as Widget.Icon;
|
||
|
|
|
||
|
|
if (app.get_icon_name() && Widget.Icon.lookup_icon(app.get_icon_name())) {
|
||
|
|
icon.icon = this.app.get_icon_name();
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
const iconString = this.app.get_key('Icon');
|
||
|
|
|
||
|
|
App.add_icons(iconString);
|
||
|
|
icon.icon = iconString;
|
||
|
|
}
|
||
|
|
|
||
|
|
const textBox = (
|
||
|
|
<box
|
||
|
|
vertical
|
||
|
|
>
|
||
|
|
<label
|
||
|
|
className="title"
|
||
|
|
label={app.name}
|
||
|
|
xalign={0}
|
||
|
|
truncate
|
||
|
|
valign={Gtk.Align.CENTER}
|
||
|
|
/>
|
||
|
|
|
||
|
|
{app.description !== '' && (
|
||
|
|
<label
|
||
|
|
className="description"
|
||
|
|
label={app.description}
|
||
|
|
wrap
|
||
|
|
xalign={0}
|
||
|
|
justify={Gtk.Justification.LEFT}
|
||
|
|
valign={Gtk.Align.CENTER}
|
||
|
|
/>
|
||
|
|
)}
|
||
|
|
</box>
|
||
|
|
);
|
||
|
|
|
||
|
|
this.add(icon);
|
||
|
|
this.add(textBox);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default (props: AppItemProps) => new AppItem(props);
|