60 lines
2.5 KiB
HTML
60 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Přehled Financí Komunity</title>
|
|
<!-- Bootstrap CSS -->
|
|
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- Custom CSS -->
|
|
<link href="styly.css" rel="stylesheet">
|
|
<!-- Rel="me" link -->
|
|
<a rel="me" href="https://mamutovo.cz/@zdendys">Mastodon</a>
|
|
</head>
|
|
<body>
|
|
<div class="d-flex flex-column min-vh-100">
|
|
<header class="text-center mb-3">
|
|
<h1>Přehled Financí Komunity</h1>
|
|
<p>Tento projekt poskytuje transparentní přehled transakcí na našem <a href="https://transparentniucty.moneta.cz/264043266" target="_blank">transparentním účtu</a>.</p>
|
|
<p><strong>Přehled faktur:</strong> Přístup k vystaveným fakturám naleznete v našem <a href="https://oscloud.cz/s/PxkK2LXCzGeGfPS" target="_blank">Nextcloud úložišti</a>.</p>
|
|
</header>
|
|
|
|
<div class="account-balance text-center mb-3">
|
|
Aktuální stav účtu: <span id="account-balance">Načítání...</span>
|
|
</div>
|
|
|
|
<div class="container flex-grow-1">
|
|
<table id="finance-table" class="table table-striped mb-3">
|
|
<thead class="thead-dark">
|
|
<tr>
|
|
<th>Datum</th>
|
|
<th>Popis</th>
|
|
<th>Částka</th>
|
|
<th>Měna</th>
|
|
<th>Typ</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Archiv přehledů financí -->
|
|
<div class="container text-center mt-4">
|
|
<h2>Archiv přehledů financí</h2>
|
|
<button id="load-archive-2024" class="btn btn-secondary">Načíst rok 2024</button>
|
|
</div>
|
|
|
|
<footer class="text-center mt-auto py-3">
|
|
<p>© 2024 <a href="https://git.arch-linux.cz/Archos/prehlad-financi-komunity" target="_blank">Archos</a></p>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- Bootstrap JS and dependencies -->
|
|
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
|
|
<!-- Custom JS -->
|
|
<script src="skript.js"></script>
|
|
</body>
|
|
</html>
|