krichtof/app.kluk.fr
1
0
Fork 0
Code Issues 9 Pull requests Projects 1 Releases Packages Wiki Activity Actions

add feedback for selected day

Browse source
This commit is contained in:
Christophe Robillard 2026-02-06 16:07:51 +01:00
parent 0a66906138
commit 2667360c42
3 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/assets/stylesheets/kluk.css
View file

@ -73,6 +73,13 @@ main {
height: 15px;
}
.selected-day {
border: 2px double white;
margin: 4px;
width: 15px;
height: 15px;
}
.creatif {
background-color: red;
}

5
app/javascript/controllers/mood_controller.js
View file

@ -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() {

2
app/views/moods/index.html.erb
View file

@ -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 %>