init

packages/ags/bk/modules/datemenu/DateColumn.js

@@ -0,0 +1,38 @@
+import { uptime } from "../../lib/variables.js"
+import clock from "../../services/clock.js"
+
+function up(up) {
+  const h = Math.floor(up / 60)
+  const m = Math.floor(up % 60)
+  return `uptime: ${h}:${m < 10 ? "0" + m : m}`
+}
+
+export default () => Widget.Box({
+  vertical: true,
+  class_name: "date-column vertical",
+  children: [
+    Widget.Box({
+      class_name: "clock-box",
+      vertical: true,
+      children: [
+        Widget.Label({
+          class_name: "clock",
+          label: clock.bind('time').as(t => t.format("%H:%M")),
+        }),
+        Widget.Label({
+          class_name: "uptime",
+          label: uptime.bind().as(up),
+        }),
+      ],
+    }),
+    Widget.Box({
+      class_name: "calendar",
+      children: [
+        Widget.Calendar({
+          hexpand: true,
+          hpack: "center",
+        }),
+      ],
+    }),
+  ],
+})

packages/ags/bk/modules/datemenu/DateMenu.js

@@ -0,0 +1,33 @@
+import PopupWindow from "../PopupWindow.js"
+import DateColumn from "./DateColumn.js"
+import options from "../../options.js"
+
+const { bar, datemenu } = options
+const pos = bar.position
+const layout = `${bar.position}-${datemenu.position}`
+
+const Settings = () => Widget.Box({
+  class_name: "datemenu horizontal",
+  vexpand: false,
+  children: [
+    // NotificationColumn(),
+    // Widget.Separator({ orientation: 1 }),
+    DateColumn(),
+  ],
+})
+
+const DateMenu = () => PopupWindow({
+  name: "datemenu",
+  exclusivity: "exclusive",
+  transition: pos === "top" ? "slide_down" : "slide_up",
+  layout: layout,
+  child: Settings(),
+})
+
+export function setupDateMenu() {
+  App.addWindow(DateMenu())
+  // layout.connect("changed", () => {
+  //   App.removeWindow("datemenu")
+  //   App.addWindow(DateMenu())
+  // })
+}