From b4830536a246c99e263aa48488c658bfb043d95e Mon Sep 17 00:00:00 2001
From: Florian Schmid <melonencool@gmail.com>
Date: Wed, 26 Apr 2023 23:20:38 +0200
Subject: [PATCH] add button click

---
 src/newMode.ts | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/newMode.ts b/src/newMode.ts
index b63287f..e82c469 100644
--- a/src/newMode.ts
+++ b/src/newMode.ts
@@ -5,6 +5,7 @@ class UI {
     private model: ViewModel;
 
     private buttons: HTMLElement[];
+    private cpuName: HTMLElement;
 
     constructor() {
         this.model = new ViewModel();
@@ -19,9 +20,23 @@ class UI {
     async init() {
         await this.model.init();
 
+        this.cpuName = document.getElementById("cpuName");
+        this.cpuName.innerText = this.model.currentCpu.name;
+
         this.model.Dates.forEach((value, index) => 
             (this.buttons[index].innerText = value)
         );
+
+        this.buttons.forEach(
+            (btn) => {
+                btn.addEventListener("click", (e:Event) => this.buttonClick(btn));
+            }
+        )
+    }
+
+    buttonClick(btn: HTMLElement) {
+        let result = this.model.processClick(btn.innerText);
+        btn.style.backgroundColor = result ? "lightgreen" : "#FF4444";
     }
 }
 
@@ -100,6 +115,10 @@ class ViewModel {
         return new Date(timestamp).toISOString().split("T")[0];
     }
 
+    processClick(text: string): boolean {
+        return text == this.repo.currentCpu.date;
+    }
+
     get currentCpu() {
         return this.repo.currentCpu;
     }