Times of day, and a primitive clock in the header

1 files changed, 29 insertions, 0 deletions

diff --git a/app/javascript/controllers/clock_controller.js b/app/javascript/controllers/clock_controller.js
new file mode 100644
index 0000000..53a1014
--- /dev/null
+++ b/app/javascript/controllers/clock_controller.js
@@ -0,0 +1,29 @@
+import { Controller } from "stimulus";
+
+export default class extends Controller {
+  static targets = [ "clock" ];
+
+  static values = {
+    time: String,
+  }
+
+  connect() {
+    this.load();
+    let controller = this;
+    this.clockInterval = setInterval(function() {
+      controller.load();
+    }, 20 * 1000);
+  }
+
+  disconnect() {
+    clearInterval(this.clockInterval);
+  }
+
+  load() {
+    fetch(`/clock`)
+      .then(response => response.text())
+      .then(html => {
+        this.clockTarget.innerHTML = html;
+      });
+  }
+}