From bab3dafafe324389c932554de3051e7f38f087c5 Mon Sep 17 00:00:00 2001
From: Daniel Friesel <derf@finalrewind.org>
Date: Sun, 8 Mar 2015 18:06:46 +0100
Subject: toplist: background bargraphs for percentages

---
 templates/toplist.html.ep | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'templates/toplist.html.ep')

diff --git a/templates/toplist.html.ep b/templates/toplist.html.ep
index 2784386..daead42 100644
--- a/templates/toplist.html.ep
+++ b/templates/toplist.html.ep
@@ -3,8 +3,13 @@
 <div class="toplist">
 <table>
 <tr><th>Meldung</th><th>Anteil</th><th>Anzahl</th></tr>
+% my $max = stash('toplist')->[0][2];
 % for my $entry (@{ stash('toplist') // [] }) {
-<tr><td><%= $entry->[0] %></td><td><%= $entry->[1] %></td><td><%= $entry->[2] %></td></tr>
+% my ($desc, $percent, $raw) = @{$entry};
+<tr>
+<td style="position: relative;"><div style="z-index: -1; position: absolute; width:<%= int($raw * 100 / $max) %>%; background-color: #e2e2e2;">&nbsp;</div><%= $desc %></td>
+<td><%= $percent %></td>
+<td><%= $raw %></td></tr>
 % }
 </table>
 </div>
-- 
cgit v1.2.3