templates/toplist.html.ep


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<div class="container">
  <ul class="collapsible" data-collapsible="accordion">
    <li>
      <div class="collapsible-header">Form</div>
      <div class="collapsible-body">
        <div style="padding: 0 0.75rem">
          %= include 'topform';
        </div>
      </div>
    </li>
  </ul>
</div>

% if (@{$toplist} == 0) {
  <div class="error">
    Keine Daten mit diesen Parametern gefunden.
  </div>
  % }
  % else {
    <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') // [] }) {
          % 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>
      % }