98 lines
3.8 KiB
HTML
98 lines
3.8 KiB
HTML
<!doctype html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>DAFTAR PEMILIH — {{ bp }}</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@400&family=EB+Garamond:ital,wght@0,400;1,400&family=JetBrains+Mono:wght@400&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css', v=5) }}">
|
|
</head>
|
|
<body>
|
|
<header class="top-nav">
|
|
<span class="nav-label">DAFTAR</span>
|
|
<span class="wordmark">DATABISNISID</span>
|
|
<span class="nav-label"><a class="nav-link" href="{{ url_for('history') }}">RIWAYAT</a></span>
|
|
</header>
|
|
|
|
<main class="page">
|
|
<section class="hero">
|
|
<p class="caption">PEMILIH BP · SUARA TUNGGAL · STAKE ≥ 1.000 VEX</p>
|
|
<h1 class="display-xl">DAFTAR PEMILIH</h1>
|
|
<p class="caption">PEMINDAIAN TERAKHIR · <span class="ts">{{ scanned }}</span></p>
|
|
</section>
|
|
|
|
<section class="stats">
|
|
<div class="spec-cell">
|
|
<span class="cell-value">{{ total_voters }}</span>
|
|
<span class="cell-label">TOTAL PEMILIH</span>
|
|
</div>
|
|
<div class="spec-cell">
|
|
<span class="cell-value">{{ total_staked|vex }}</span>
|
|
<span class="cell-label">TOTAL VEX</span>
|
|
</div>
|
|
<div class="spec-cell">
|
|
<span class="cell-value">{{ top_staked|vex }}</span>
|
|
<span class="cell-label">STAKE TERTINGGI</span>
|
|
</div>
|
|
<div class="spec-cell">
|
|
<span class="cell-value">{{ liquid_vex|vex if liquid_vex is not none else '—' }}</span>
|
|
<span class="cell-label">SALDO LIQUID</span>
|
|
</div>
|
|
</section>
|
|
|
|
<form class="search" method="get" action="{{ url_for('index') }}">
|
|
<input class="search-input" type="search" name="q" id="search-input"
|
|
value="{{ q }}" placeholder="CARI AKUN..." autocomplete="off">
|
|
<button class="pill" type="submit">CARI</button>
|
|
{% if q %}
|
|
<a class="clear" href="{{ url_for('index') }}">HAPUS</a>
|
|
{% endif %}
|
|
</form>
|
|
|
|
<p class="caption search-result" id="search-result">
|
|
{% if q %}HASIL · {{ filtered_count }} AKUN UNTUK "{{ q }}"{% endif %}
|
|
</p>
|
|
|
|
<section class="spec-list" id="spec-list">
|
|
<div class="list-header">
|
|
<span>RANK</span>
|
|
<span>AKUN</span>
|
|
<span>STAKE (VEX)</span>
|
|
<span>VOTE TERAKHIR</span>
|
|
</div>
|
|
<div class="list-rows" id="rows">
|
|
{% for row in rows %}
|
|
<div class="list-row">
|
|
<span class="rank">{{ row[4] }}</span>
|
|
<span class="owner">{{ row[0] }}</span>
|
|
<span class="stake" data-label="STAKE (VEX)">{{ row[1]|vex }}</span>
|
|
<span class="vote-date" data-label="VOTE TERAKHIR">{{ row[5]|shortdate }}</span>
|
|
</div>
|
|
{% else %}
|
|
<div class="empty">
|
|
{% if q %}TAK ADA AKUN COCOK — "{{ q }}"{% else %}BELUM ADA DATA — JALANKAN get_voters.py{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|
|
|
|
<nav class="pager" id="pager" aria-label="Navigasi halaman">
|
|
{% set qp = q if q else None %}
|
|
<a class="pill {% if page <= 1 %}pill-disabled{% endif %}"
|
|
href="{{ url_for('index', page=page-1, q=qp) }}">← SEBELUMNYA</a>
|
|
<span class="page-count">{{ page }} / {{ total_pages }}</span>
|
|
<a class="pill {% if page >= total_pages %}pill-disabled{% endif %}"
|
|
href="{{ url_for('index', page=page+1, q=qp) }}">BERIKUTNYA →</a>
|
|
</nav>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<span>DATA TERVALIDASI DARI JARINGAN VEXANIUM · VEXCORE · VOTERS</span>
|
|
</footer>
|
|
|
|
<script src="{{ url_for('static', filename='app.js') }}"></script>
|
|
</body>
|
|
</html>
|