From 2667360c4240dd0b0ec61d56568740c60238d78e Mon Sep 17 00:00:00 2001
From: Christophe Robillard <christophe@robiweb.net>
Date: Fri, 6 Feb 2026 16:07:51 +0100
Subject: [PATCH] add feedback for selected day

---
 app/assets/stylesheets/kluk.css               | 7 +++++++
 app/javascript/controllers/mood_controller.js | 5 +++++
 app/views/moods/index.html.erb                | 2 +-
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/kluk.css b/app/assets/stylesheets/kluk.css
index cb5ae5f..6227c24 100644
--- a/app/assets/stylesheets/kluk.css
+++ b/app/assets/stylesheets/kluk.css
@@ -73,6 +73,13 @@ main {
   height: 15px;
 }
 
+.selected-day {
+  border: 2px double white;
+  margin: 4px;
+  width: 15px;
+  height: 15px;
+}
+
 .creatif {
   background-color: red;
 }
diff --git a/app/javascript/controllers/mood_controller.js b/app/javascript/controllers/mood_controller.js
index 2d63a12..b6a373f 100644
--- a/app/javascript/controllers/mood_controller.js
+++ b/app/javascript/controllers/mood_controller.js
@@ -11,6 +11,11 @@ export default class extends Controller {
     image.src = event.target.dataset.image;
     modeDayMobile.textContent = modeDayContent;
     modeDay.textContent = modeDayContent;
+    event.target.className = "selected-day " + event.target.dataset.mode;
+  }
+
+  removeFeedback(event) {
+    event.target.className = "day " + event.target.dataset.mode;
   }
 
   connect() {
diff --git a/app/views/moods/index.html.erb b/app/views/moods/index.html.erb
index 0ad5297..ce29b8b 100644
--- a/app/views/moods/index.html.erb
+++ b/app/views/moods/index.html.erb
@@ -49,7 +49,7 @@
               </div>
               <% week.each do |d| %>
                 <% if mood[:mode] %>
-                  <div data-image="<%= asset_path(mood[:mode] + ".jpg") %>" data-mode="<%= mood[:mode] %>" data-day="<%= l mood[:day] %>" data-action="click->mood#updateDayInfo mouseover->mood#updateDayInfo mouseleave->mood#updateDayInfo" title="<%= mood[:day] %> : <%= mood[:mode] %>" class="day <%= mood[:mode] %>"></div>
+                  <div data-image="<%= asset_path(mood[:mode] + ".jpg") %>" data-mode="<%= mood[:mode] %>" data-day="<%= l mood[:day] %>" data-action="click->mood#updateDayInfo mouseover->mood#updateDayInfo mouseleave->mood#removeFeedback" title="<%= mood[:day] %> : <%= mood[:mode] %>" class="day <%= mood[:mode] %>"></div>
                 <% else %>
                   <div class="day"></div>
                 <% end %>