Initial draft of timer setup, with results outputting and items being awarded

1 files changed, 43 insertions, 0 deletions

diff --git a/app/javascript/controllers/activities/timer_controller.js b/app/javascript/controllers/activities/timer_controller.js
new file mode 100644
index 0000000..11057c0
--- /dev/null
+++ b/app/javascript/controllers/activities/timer_controller.js
@@ -0,0 +1,43 @@
+import { Controller } from "stimulus";
+import Rails from "@rails/ujs";
+
+export default class extends Controller {
+  static targets = [ "timer" ];
+
+  static values = {
+    start: Number,
+  }
+
+  initialize() {
+    this.counter = this.startValue;
+    this.timerTarget.textContent = this.counter;
+  }
+
+  connect() {
+    this.startUpdating();
+  }
+
+  disconnect() {
+    this.stopUpdating();
+  }
+
+  startUpdating() {
+    this.timerInterval = setInterval(() => {
+      if (this.counter > 0) {
+        this.timerTarget.textContent = this.counter.toString();
+        this.counter--;
+      } else if (this.counter === 0) {
+        Rails.ajax({
+          type: "POST",
+          url: "/finish_activity",
+        });
+      }
+    }, 1000);
+  }
+
+  stopUpdating() {
+    if (this.timerInterval) {
+      clearInterval(this.timerInterval);
+    }
+  }
+}