[Rails] Site internet de la World Tartiflette Tour.
Changed tartiflette list to flexbox container.
Changed files
app/assets/stylesheets/components/tartiflette_container.css
@@ -0,0 +1,39 @@
1
Added:
.tartiflette-container {
2
Added:
display: flex;
3
Added:
flex-wrap: wrap;
4
Added:
gap: 1rem;
5
Added:
justify-content: center;
6
Added:
7
Added:
.tartiflette-box {
8
Added:
border-radius: 1rem;
9
Added:
padding: 1rem;
10
Added:
width: 8rem;
11
Added:
text-align: center;
12
Added:
background-color: white;
13
Added:
}
14
Added:
15
Added:
.tartiflette-box:hover {
16
Added:
background-color: whitesmoke;
17
Added:
}
18
Added:
19
Added:
.tartiflette-link {
20
Added:
display: inline-block;
21
Added:
margin-top: 0.5rem;
22
Added:
padding: 0.5rem 1rem;
23
Added:
text-decoration: none;
24
Added:
color: white;
25
Added:
border-radius: 1rem;
26
Added:
}
27
Added:
28
Added:
.scored {
29
Added:
background-color: forestgreen;
30
Added:
}
31
Added:
32
Added:
.unscored {
33
Added:
background-color: firebrick;
34
Added:
}
35
Added:
36
Added:
.tartiflette-link:hover {
37
Added:
background-color: #0056b3; /* Darker blue for hover effect */
38
Added:
}
39
Added:
}
app/views/home/index.html.erb
@@ -4,39 +4,22 @@
4
4
5
5
<%= render "code_of_honor" %>
6
6
7
Removed:
<h2>Noter les Tartiflettes</h2>
8
Removed:
<ul>
7
Added:
<!-- <h2>Noter les Tartiflettes</h2> -->
8
Added:
<div class="tartiflette-container">
9
9
<% @tartiflettes.each do |tartiflette| %>
10
Removed:
<li><%= tartiflette.scoring_id %>
10
Added:
<div class="tartiflette-box">
11
Added:
<p>Tartiflette <%= tartiflette.scoring_id %></p>
11
12
<% if session[:agreed_to_code_of_honor] %>
12
13
<% if TartifletteScoringService.scored?(tartiflette, session) %>
13
Removed:
<%= link_to "modifier", tartiflette_edit_scores_path(tartiflette) %>
14
Added:
<%= link_to "Modifier", tartiflette_edit_scores_path(tartiflette), class: [ "tartiflette-link", "scored" ] %>
14
15
<% else %>
15
Removed:
<%= link_to "noter", new_tartiflette_score_path(tartiflette) %>
16
Added:
<%= link_to "Noter", new_tartiflette_score_path(tartiflette), class: [ "tartiflette-link", "unscored" ] %>
16
17
<% end %>
17
18
<% end %>
18
Removed:
</li>
19
Added:
</div>
19
20
<% end %>
20
Removed:
</ul>
21
Removed:
<!--
22
Removed:
<h2>Résultats</h2>
23
Removed:
<table>
24
Removed:
<thead>
25
Removed:
<tr>
26
Removed:
<th>Tartiflette</th>
27
Removed:
<th>Points</th>
28
Removed:
</tr>
29
Removed:
</thead>
30
Removed:
<tbody>
31
Removed:
<% TartifletteScoringService.leaderboard.each do |tartiflette, total_score| %>
32
Removed:
<tr>
33
Removed:
<td><%= tartiflette.scoring_id %></td>
34
Removed:
<td><%= total_score %></td>
35
Removed:
</tr>
36
Removed:
<% end %>
37
Removed:
</tbody>
38
Removed:
</table>
39
Removed:
-->
21
Added:
</div>
22
Added:
40
23
<p>
41
24
<%= link_to "Admin", admin_dashboard_path %>
42
25
</p>