retrozinndev
63 lines
2.4 KiB
TypeScript
63 lines
2.4 KiB
TypeScript
import { Astal, Gtk, Widget } from "astal/gtk3";
|
|
import { GLib } from "astal";
|
|
|
|
import { getDateTime } from "../scripts/time";
|
|
import { BigMedia } from "../widget/center-window/BigMedia";
|
|
|
|
export const CenterWindow: Widget.Window = new Widget.Window({
|
|
className: "center-window",
|
|
namespace: "center-window",
|
|
canFocus: true,
|
|
monitor: 0,
|
|
layer: Astal.Layer.OVERLAY,
|
|
exclusivity: Astal.Exclusivity.NORMAL,
|
|
visible: false,
|
|
height_request: 400,
|
|
margin_top: 10,
|
|
anchor: Astal.WindowAnchor.TOP,
|
|
child: new Widget.Box({
|
|
className: "center-window-container",
|
|
children: [
|
|
new Widget.Box({
|
|
className: "vertical left",
|
|
orientation: Gtk.Orientation.VERTICAL,
|
|
width_request: 300,
|
|
children: [
|
|
new Widget.Box({
|
|
className: "top",
|
|
orientation: Gtk.Orientation.VERTICAL,
|
|
valign: Gtk.Align.START,
|
|
children: [
|
|
new Widget.Label({
|
|
className: "time",
|
|
label: getDateTime().as((dateTime: GLib.DateTime) =>
|
|
dateTime.format("%H:%M"))
|
|
} as Widget.LabelProps),
|
|
new Widget.Label({
|
|
className: "date",
|
|
label: getDateTime().as((dateTime: GLib.DateTime) =>
|
|
dateTime.format("%A, %B %d %Y"))
|
|
} as Widget.LabelProps)
|
|
]
|
|
} as Widget.BoxProps),
|
|
BigMedia
|
|
]
|
|
} as Widget.BoxProps),
|
|
new Widget.Box({
|
|
className: "vertical right",
|
|
children: [
|
|
new Widget.Box({
|
|
className: "calendar-box",
|
|
child: new Gtk.Calendar({
|
|
visible: true,
|
|
show_heading: true,
|
|
show_day_names: true,
|
|
show_week_numbers: false
|
|
} as Gtk.Calendar.ConstructorProps)
|
|
} as Widget.BoxProps)
|
|
]
|
|
} as Widget.BoxProps)
|
|
]
|
|
} as Widget.BoxProps)
|
|
} as Widget.WindowProps);
|