proitlab
0b3a86aad2
- dashboard.py: Flask read-only, paged 50/page, ORDER BY staked DESC - templates/index.html + static/style.css: DESIGN.md Bugatti austere tokens - test_dashboard.py: oracle (ordering, paging, read-only) - DESIGN.md style guide (was untracked)
74 lines
2.6 KiB
HTML
74 lines
2.6 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') }}">
|
|
</head>
|
|
<body>
|
|
<header class="top-nav">
|
|
<span class="nav-label">DAFTAR</span>
|
|
<span class="wordmark">DATABISNISID</span>
|
|
<span class="nav-label">VEX</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 · {{ scanned }}</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>
|
|
</section>
|
|
|
|
<section class="spec-list">
|
|
<div class="list-header">
|
|
<span>RANK</span>
|
|
<span>AKUN</span>
|
|
<span>STAKE (VEX)</span>
|
|
<span>BOBOT SUARA</span>
|
|
</div>
|
|
{% for row in rows %}
|
|
<div class="list-row">
|
|
<span class="rank">{{ (page - 1) * 50 + loop.index }}</span>
|
|
<span class="owner">{{ row[0] }}</span>
|
|
<span class="stake">{{ row[1]|vex }}</span>
|
|
<span class="weight">{{ row[2] }}</span>
|
|
</div>
|
|
{% else %}
|
|
<div class="empty">BELUM ADA DATA — JALANKAN get_voters.py</div>
|
|
{% endfor %}
|
|
</section>
|
|
|
|
<nav class="pager" aria-label="Navigasi halaman">
|
|
<a class="pill {% if page <= 1 %}pill-disabled{% endif %}"
|
|
href="{{ url_for('index', page=page-1) }}">← 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) }}">BERIKUTNYA →</a>
|
|
</nav>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<span>DATA TERVALIDASI DARI JARINGAN VEXANIUM · VEXCORE · VOTERS</span>
|
|
</footer>
|
|
</body>
|
|
</html>
|