45 lines
1.8 KiB
Text
45 lines
1.8 KiB
Text
|
<% titre = @day_log.day ? date_longue(@day_log.day).capitalize : "Journal" %>
|
|||
|
|
<% content_for :title, "#{titre} – Kluk" %>
|
|||
|
|
<% mode_id = params.dig(:day_log, :mode_id).presence&.to_i || @mood&.mode_id %>
|
|||
|
|
<% mode = Current.user.modes.find { |m| m.id == mode_id } %>
|
|||
|
|
|
|||
|
|
<div class="page-jour" data-controller="choix-mode">
|
|||
|
|
<header class="page-jour-entete">
|
|||
|
|
<p class="retour"><%= link_to "Retour à mes humeurs", dashboard_path(day: @day_log.day) %></p>
|
|||
|
|
<h1 class="page-jour-titre"><%= titre %></h1>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<figure class="carte-humeur" data-choix-mode-target="carte" style="<%= "--humeur: #{mode.color}" if mode %>">
|
|||
|
|
<%= image_tag (mode || Mode.new).image_url, alt: "", data: { choix_mode_target: "image" } %>
|
|||
|
|
</figure>
|
|||
|
|
|
|||
|
|
<%= form_with model: @day_log, class: "formulaire" do |f| %>
|
|||
|
|
<%= render "charte/formulaire_erreur", messages: @day_log.errors.full_messages %>
|
|||
|
|
<%= f.hidden_field :day %>
|
|||
|
|
|
|||
|
|
<fieldset class="champ">
|
|||
|
|
<legend>Mode du jour</legend>
|
|||
|
|
<ul class="choix-modes">
|
|||
|
|
<% Current.user.modes.each do |m| %>
|
|||
|
|
<li>
|
|||
|
|
<%= radio_button_tag "day_log[mode_id]", m.id, m.id == mode_id,
|
|||
|
|
data: { image: m.image_url, couleur: m.color, action: "choix-mode#changer" } %>
|
|||
|
|
<%= label_tag "day_log_mode_id_#{m.id}" do %>
|
|||
|
|
<span class="pastille" style="--humeur: <%= m.color %>"></span><%= m.label %>
|
|||
|
|
<% end %>
|
|||
|
|
</li>
|
|||
|
|
<% end %>
|
|||
|
|
</ul>
|
|||
|
|
</fieldset>
|
|||
|
|
|
|||
|
|
<%= render "charte/champ", form: f, attribut: :info, libelle: "Journal" do %>
|
|||
|
|
<%= f.text_area :info, rows: 8, placeholder: "Ce qui a compté ce jour-là…" %>
|
|||
|
|
<% end %>
|
|||
|
|
|
|||
|
|
<div class="actions">
|
|||
|
|
<%= f.submit "Enregistrer", class: "bouton" %>
|
|||
|
|
<%= link_to "Annuler", dashboard_path(day: @day_log.day) %>
|
|||
|
|
</div>
|
|||
|
|
<% end %>
|
|||
|
|
</div>
|