|
31 | 31 | </div> |
32 | 32 |
|
33 | 33 | <!-- Key stats --> |
34 | | - <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:360px"> |
35 | | - <% [[@stats[:kda], kda_color(@stats[:kda]), "KDA"], [@stats[:games], "text-white", "Jogos"], [@stats[:avg_cs], "text-kl-gold", "CS/jogo"]].each do |val, color_class, label| %> |
36 | | - <div style="text-align:center;padding:12px 10px;border:1px solid var(--retro-gold-dim);background:rgba(200,155,60,0.04)"> |
37 | | - <div style="font-size:26px;font-weight:bold;font-family:Verdana,sans-serif" class="<%= color_class %>"><%= val %></div> |
38 | | - <div style="font-size:17px;color:rgba(255,255,255,0.35);font-family:Verdana,sans-serif;letter-spacing:0.1em;margin-top:3px;text-transform:uppercase"><%= label %></div> |
| 34 | + <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:480px"> |
| 35 | + <% key_stats = [ |
| 36 | + [@stats[:kda], kda_color(@stats[:kda]), "KDA"], |
| 37 | + [@stats[:games], "text-white", "Jogos"], |
| 38 | + ["#{@stats[:win_rate]}%", @stats[:win_rate] >= 60 ? "text-kl-win" : (@stats[:win_rate] >= 40 ? "text-white" : "text-kl-loss"), "Win%"], |
| 39 | + [@stats[:avg_cs_min], "text-kl-gold", "CS/min"] |
| 40 | + ] %> |
| 41 | + <% key_stats.each do |val, color_class, label| %> |
| 42 | + <div style="text-align:center;padding:12px 8px;border:1px solid var(--retro-gold-dim);background:rgba(200,155,60,0.04)"> |
| 43 | + <div style="font-size:22px;font-weight:bold;font-family:Verdana,sans-serif" class="<%= color_class %>"><%= val %></div> |
| 44 | + <div style="font-size:15px;color:rgba(255,255,255,0.35);font-family:Verdana,sans-serif;letter-spacing:0.1em;margin-top:3px;text-transform:uppercase"><%= label %></div> |
39 | 45 | </div> |
40 | 46 | <% end %> |
41 | 47 | </div> |
|
47 | 53 | </div> |
48 | 54 |
|
49 | 55 | <!-- Stats grid --> |
50 | | - <div class="grid grid-cols-3 sm:grid-cols-6 gap-2 mb-6"> |
| 56 | + <div class="grid grid-cols-3 sm:grid-cols-6 gap-2 mb-2"> |
51 | 57 | <% [[@stats[:kills],"KILLS","var(--color-kl-win)"],[@stats[:deaths],"DEATHS","var(--color-kl-loss)"],[@stats[:assists],"ASSISTS","var(--retro-teal)"],[@stats[:avg_kills],"K/JOGO","rgba(255,255,255,0.7)"],[@stats[:avg_deaths],"D/JOGO","rgba(255,255,255,0.7)"],[@stats[:avg_assists],"A/JOGO","rgba(255,255,255,0.7)"]].each do |val, label, color| %> |
52 | 58 | <div style="border:1px solid var(--retro-gold-dim);background:var(--retro-card);padding:12px 8px;text-align:center;position:relative"> |
53 | 59 | <div style="height:2px;background:linear-gradient(to right,<%= color %>,transparent);margin-bottom:6px"></div> |
|
56 | 62 | </div> |
57 | 63 | <% end %> |
58 | 64 | </div> |
| 65 | + <% if @stats[:games] > 0 %> |
| 66 | + <div class="grid grid-cols-3 gap-2 mb-6"> |
| 67 | + <% gold_k = (@stats[:avg_gold].to_f / 1000).round(1) %> |
| 68 | + <% dmg_k = (@stats[:avg_dmg].to_f / 1000).round(1) %> |
| 69 | + <% [["#{gold_k}k","GOLD/JOGO","var(--retro-gold)"],["#{dmg_k}k","DMG/JOGO","rgba(255,100,80,0.9)"],[@stats[:avg_cs],"CS/JOGO","rgba(255,255,255,0.5)"]].each do |val, label, color| %> |
| 70 | + <div style="border:1px solid var(--retro-gold-dim);background:var(--retro-card);padding:10px 8px;text-align:center"> |
| 71 | + <div style="height:2px;background:linear-gradient(to right,<%= color %>,transparent);margin-bottom:6px"></div> |
| 72 | + <div style="font-size:22px;font-weight:bold;font-family:Verdana,sans-serif;color:<%= color %>"><%= val %></div> |
| 73 | + <div style="font-size:15px;color:rgba(255,255,255,0.3);font-family:Verdana,sans-serif;letter-spacing:0.1em;margin-top:3px"><%= label %></div> |
| 74 | + </div> |
| 75 | + <% end %> |
| 76 | + </div> |
| 77 | + <% else %> |
| 78 | + <div class="mb-6"></div> |
| 79 | + <% end %> |
59 | 80 |
|
60 | 81 | <!-- Champion stats --> |
61 | 82 | <% if @champ_stats.any? %> |
|
66 | 87 | <tr style="border-bottom:1px solid var(--retro-gold-dim)"> |
67 | 88 | <th class="retro-table-head" style="text-align:left">Campeão</th> |
68 | 89 | <th class="retro-table-head" style="text-align:center">Jogos</th> |
| 90 | + <th class="retro-table-head" style="text-align:center">V/D</th> |
69 | 91 | <th class="retro-table-head" style="text-align:center">KDA</th> |
70 | 92 | <th class="retro-table-head hidden sm:table-cell" style="text-align:center">K/D/A</th> |
71 | 93 | <th class="retro-table-head hidden md:table-cell" style="text-align:center">CS/jogo</th> |
|
81 | 103 | </div> |
82 | 104 | </td> |
83 | 105 | <td style="padding:10px 8px;text-align:center;font-size:16px;color:rgba(255,255,255,0.45);font-family:Verdana,sans-serif"><%= c["games"] %></td> |
| 106 | + <td style="padding:10px 8px;text-align:center;font-size:16px;font-family:Verdana,sans-serif"> |
| 107 | + <span style="color:var(--color-kl-win)"><%= c["wins"] %></span><span style="color:rgba(255,255,255,0.2)">/</span><span style="color:var(--color-kl-loss)"><%= c["games"] - c["wins"] %></span> |
| 108 | + </td> |
84 | 109 | <td style="padding:10px 8px;text-align:center"> |
85 | 110 | <span style="font-size:17px;font-weight:bold;font-family:Verdana,sans-serif" class="<%= kda_color(c['kda']) %>"><%= c["kda"] %></span> |
86 | 111 | </td> |
|
103 | 128 | <span class="retro-title">Histórico de Partidas</span> |
104 | 129 | </div> |
105 | 130 | <div style="display:flex;flex-direction:column;gap:6px"> |
106 | | - <% @match_history.reverse.each do |game| %> |
| 131 | + <% @match_history.each do |game| %> |
107 | 132 | <% sg = @games_index[game["UniqueGame"]] %> |
108 | 133 | <% if sg %> |
109 | 134 | <% won = sg["Winner"] == game["Team"] %> |
|
0 commit comments