retrozinndev
47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
import { register, Variable } from "astal";
|
|
import { Gtk, Widget } from "astal/gtk3";
|
|
|
|
type CalendarProps = Pick<Widget.BoxProps,
|
|
"name"
|
|
| "className"
|
|
| "css"
|
|
| "expand"
|
|
| "halign"
|
|
| "valign"> & {
|
|
|
|
showWeekDays?: boolean;
|
|
showHeader?: boolean;
|
|
fillGrid?: boolean; // I need a better name for this LMAOOO
|
|
};
|
|
|
|
@register({ GTypeName: "Calendar" })
|
|
class Calendar extends Gtk.Box {
|
|
#showWeekDays = new Variable<boolean>(true);
|
|
#showHeader = new Variable<boolean>(true);
|
|
#fillGrid = new Variable<boolean>(false);
|
|
|
|
set fillGrid(newValue: boolean) { this.#fillGrid.set(newValue); }
|
|
get fillGrid() { return this.#fillGrid.get(); }
|
|
set showHeader(newValue: boolean) { this.#showHeader.set(newValue); }
|
|
get showHeader() { return this.#showHeader.get(); }
|
|
set showWeekDays(newValue: boolean) { this.#showWeekDays.set(newValue); }
|
|
get showWeekDays() { return this.#showWeekDays.get(); }
|
|
|
|
constructor(props?: CalendarProps) {
|
|
super();
|
|
this.add(new Widget.Box({
|
|
...props,
|
|
widthRequest: 128,
|
|
heightRequest: 128,
|
|
children: [
|
|
new Widget.Box({
|
|
className: "header",
|
|
heightRequest: 24,
|
|
hexpand: true,
|
|
|
|
} as Widget.BoxProps)
|
|
]
|
|
} as Widget.BoxProps));
|
|
}
|
|
}
|