home/natto/ags: init

Signed-off-by: Amneesh Singh <natto@weirdnatto.in>

home/natto/ags/windows/bar/time.js

@@ -0,0 +1,42 @@
+const time = Variable("", {
+  poll: [1000, 'date "+%H:%M:%S"'],
+});
+
+const getDate = () => " " + Utils.exec('date "+%a, %b %e"');
+const date = Variable(getDate());
+
+export default () => {
+  const revealer = Widget.Revealer({
+    revealChild: false,
+    transitionDuration: 300,
+    transition: "slide_left",
+    child: Widget.Label({
+      label: date.bind(),
+    }),
+  });
+
+  return Widget.EventBox({
+    cursor: "pointer",
+    setup: (self) => {
+      self.on("leave-notify-event", () => {
+        revealer.reveal_child = false;
+      });
+      self.on("enter-notify-event", () => {
+        date.value = getDate();
+        revealer.reveal_child = true;
+      });
+    },
+    child: Widget.Button({
+      className: "date-wrapper",
+      onPrimaryClick: () => App.toggleWindow("calendar-0"),
+      child: Widget.Box({
+        children: [
+          Widget.Label({
+            label: time.bind(),
+          }),
+          revealer,
+        ],
+      }),
+    }),
+  });
+};