app.kluk.fr/app/views/moods/index.html.erb

<% content_for :title, "Mes humeurs – Kluk" %>
<% history = @user.history %>
<% selected_date = (Date.parse(params[:day]) rescue Date.current) %>
<% selected = find_day(history, selected_date) || find_day(history, selected_date = Date.current) %>
<% status = day_status(selected, @user) if selected %>
<% mode = mode_for(selected, @user) if selected %>

<div class="tableau" data-controller="calendrier">
  <div class="tableau-calendrier">
    <h1 class="tableau-titre">Mes humeurs</h1>
    <%= render "moods/legende", user: @user, journal: true %>
    <%= render "moods/calendrier", history: history, user: @user, interactive: true, selected_date: selected_date %>
  </div>

  <aside class="detail" aria-live="polite" aria-label="Jour sélectionné">
    <figure class="carte-humeur" data-calendrier-target="carte" style="<%= "--humeur: #{mode.color}" if mode %>">
      <%= image_tag (mode || Mode.new).image_url, alt: "", data: { calendrier_target: "image" } %>
    </figure>
    <div class="detail-texte">
      <h2 class="detail-date" data-calendrier-target="date"><%= date_longue(selected_date) %></h2>
      <p class="detail-mode">
        <span data-calendrier-target="mode"><%= mode&.label || "Pas de tasse posée" %></span>
        <span class="detail-statut" data-calendrier-target="statut"><%= libelle_statut(status) if mode %></span>
      </p>
      <% info = selected&.dig(:day_log)&.info %>
      <p class="detail-journal <%= "detail-journal-vide" unless info %>" data-calendrier-target="journal" data-vide="Rien d’écrit ce jour-là."><%= info || "Rien d’écrit ce jour-là." %></p>
      <%= link_to info ? "Modifier le journal" : "Écrire dans le journal", edit_day_log_for_day_path(day: selected_date),
            class: "bouton bouton-petit", data: { calendrier_target: "lien" } %>
    </div>
  </aside>
</div>