<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" />
<style>
table {
border: 1px solid #bdbdbd;
border-collapse: collapse;
width: 100%; }
th,
td,
table caption {
padding: 0.75rem;
text-align: left;
text-align: start;
/* 1 */ }
[dir="rtl"] th,
[dir="rtl"] td,
[dir="rtl"] table caption {
text-align: right;
text-align: start;
/* 1 */ }
td {
vertical-align: text-top;
}
th {
vertical-align: bottom; }
th[scope="col"] {
background-color: #024488;
color: #fff; }
dl {
display: flex;
flex-flow: row wrap;
}
dt {
flex-basis: 20%;
padding: 2px 4px;
text-align: right;
}
dd {
flex-basis: 70%;
flex-grow: 1;
margin: 0;
padding: 2px 4px;
}
dl dt {
font-weight: bold; }
dl dd + dt {
margin-top: 0.5em; }
dl dt + dd,
dl dd + dd {
margin-top: 0.25em; }
tr:nth-child(even) {
background-color: rgba(255, 255, 255, 0.25);
}
tr:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
th {
background-color: rgba(0, 0, 0, 0.5);
}
@media print {
body {
/*font-size: 6pt;*/
color: #000;
background-color: #fff;
background-image: none;
}
body,
main {
margin: 0;
padding: 0;
background-color: #fff;
border: none;
}
table {
page-break-inside: avoid;
}
div {
overflow: visible;
}
th {
color: #000;
background-color: #fff;
border-bottom: 1pt solid #000;
}
tr {
border-top: 1pt solid #000;
}
}
@media print and (max-width: 5in) {
caption {
color: #000;
background-color: #fff;
border-bottom: 1pt solid #000;
}
table {
page-break-inside: auto;
}
tr {
page-break-inside: avoid;
}
}
</style>
</head>
<body>
<h1><%= gettext("Participants for %{event}", event: @event.title) %></h1>
<dl>
<dt><%= gettext("Begins on") %></dt>
<dd><%= datetime_to_string(@event.begins_on, @locale, :long) %></dd>
<%= if @event.ends_on do %>
<dt><%= gettext("Ends on") %></dt>
<dd><%= datetime_to_string(@event.ends_on, @locale, :long) %></dd>
<% end %>
<%= if not is_nil(@event.physical_address) and not is_nil(render_address(@event.physical_address)) do %>
<dt><%= gettext("Location") %></dt>
<dd><%= render_address(@event.physical_address) %></dd>
<% end %>
<dt><%= gettext("Number of participants") %></dt>
<dd>
<%= @event.participant_stats.participant + @event.participant_stats.moderator +
@event.participant_stats.administrator + @event.participant_stats.creator %>
</dd>
</dl>
<table>
<thead>
<tr>
<%= for column <- @columns do %>
<th><%= column %></th>
<% end %>
</tr>
</thead>
<tbody>
<%= for line <- @data do %>
<tr>
<%= for cell <- line do %>
<td><%= cell %></td>
<% end %>
</tr>
<% end %>
</tbody>
</table>
</body>
</html>