40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
|
import { App, Variable, Astal, Gtk } from 'astal';
|
||
|
|
|
||
|
|
const time = Variable<string>('').poll(1000, 'date');
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param monitor the id of the monitor on which we want the widget to appear
|
||
|
|
* @returns the bar window
|
||
|
|
*/
|
||
|
|
export default function Bar(monitor: number) {
|
||
|
|
return (
|
||
|
|
<window
|
||
|
|
className="Bar"
|
||
|
|
monitor={monitor}
|
||
|
|
exclusivity={Astal.Exclusivity.EXCLUSIVE}
|
||
|
|
anchor={
|
||
|
|
Astal.WindowAnchor.TOP |
|
||
|
|
Astal.WindowAnchor.LEFT |
|
||
|
|
Astal.WindowAnchor.RIGHT
|
||
|
|
}
|
||
|
|
application={App}
|
||
|
|
>
|
||
|
|
<centerbox>
|
||
|
|
<button
|
||
|
|
onClicked="echo hello"
|
||
|
|
halign={Gtk.Align.CENTER}
|
||
|
|
>
|
||
|
|
Welcome to AGS!
|
||
|
|
</button>
|
||
|
|
<box />
|
||
|
|
<button
|
||
|
|
onClick={() => print('hello')}
|
||
|
|
halign={Gtk.Align.CENTER}
|
||
|
|
>
|
||
|
|
<label label={time()} />
|
||
|
|
</button>
|
||
|
|
</centerbox>
|
||
|
|
</window>
|
||
|
|
);
|
||
|
|
}
|