62 lines
2.5 KiB
HTML
62 lines
2.5 KiB
HTML
<section class="rankings-grid">
|
|
<article class="ranking-card">
|
|
<header>
|
|
<h2>Most supportive</h2>
|
|
<span>Top 10</span>
|
|
</header>
|
|
{% if rankings.supportive %}
|
|
<ol class="ranking-list">
|
|
{% for row in rankings.supportive %}
|
|
{% set next_compare = toggle_compare(compare, row.legislator_id) %}
|
|
<li class="{{ 'selected' if row.legislator_id in compare else '' }}">
|
|
<a href="{{ build_url(request, compare=next_compare) }}"
|
|
hx-get="{{ build_dashboard_partial_url(request, compare=next_compare) }}"
|
|
hx-target="#dashboard-body"
|
|
hx-push-url="{{ build_url(request, compare=next_compare) }}">
|
|
<span class="rank">{{ loop.index }}</span>
|
|
<strong class="score positive">{{ row.score|round(1) }}</strong>
|
|
<span class="member">
|
|
<strong>{{ row.display_name }}</strong>
|
|
<small>{{ row.state or "US" }}{% if row.party %} · {{ row.party[:1] }}{% endif %}</small>
|
|
</span>
|
|
<span class="votes">{{ row.total }} rows</span>
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ol>
|
|
{% else %}
|
|
<p class="empty-state">{{ empty_message }}</p>
|
|
{% endif %}
|
|
</article>
|
|
|
|
<article class="ranking-card">
|
|
<header>
|
|
<h2>Most opposed</h2>
|
|
<span>Bottom 10</span>
|
|
</header>
|
|
{% if rankings.opposed %}
|
|
<ol class="ranking-list">
|
|
{% for row in rankings.opposed %}
|
|
{% set next_compare = toggle_compare(compare, row.legislator_id) %}
|
|
<li class="{{ 'selected' if row.legislator_id in compare else '' }}">
|
|
<a href="{{ build_url(request, compare=next_compare) }}"
|
|
hx-get="{{ build_dashboard_partial_url(request, compare=next_compare) }}"
|
|
hx-target="#dashboard-body"
|
|
hx-push-url="{{ build_url(request, compare=next_compare) }}">
|
|
<span class="rank">{{ loop.index }}</span>
|
|
<strong class="score negative">{{ row.score|round(1) }}</strong>
|
|
<span class="member">
|
|
<strong>{{ row.display_name }}</strong>
|
|
<small>{{ row.state or "US" }}{% if row.party %} · {{ row.party[:1] }}{% endif %}</small>
|
|
</span>
|
|
<span class="votes">{{ row.total }} rows</span>
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ol>
|
|
{% else %}
|
|
<p class="empty-state">{{ empty_message }}</p>
|
|
{% endif %}
|
|
</article>
|
|
</section>
|