Vytvořeno tlačítko, které nyní stahuje finance_2024.csv

2025-02-09 17:36:20 +01:00
parent 9e3f2eec02
commit 50ca911468
2 changed files with 25 additions and 1 deletions
--- a/2024.html
+++ b/2024.html
@@ -4,10 +4,15 @@
    <meta charset="UTF-8">
    <title>Přehled Financí 2024</title>
    <link rel="stylesheet" href="styly.css">
+
 </head>
 <body>
    <h2 class="archive-title">Přehled Financí za rok 2024</h2>
-    
+    <div class="export-button-container">
+    <a href="finance_2024.csv" download="finance_2024.csv" class="btn btn-primary">📂 Stáhnout CSV</a>
+</div>
+</div>
+
    <!-- Obalíme tabulku do kontejneru pro centrování -->
    <div class="archive-table-container">
        <table id="finance-table" class="table table-striped mb-3 archive-table">
--- a/styly.css
+++ b/styly.css
@@ -132,3 +132,22 @@ header h1 {
    border-bottom: 3px solid #218838;
    padding-bottom: 8px;
 }
+/* Kontejner pro tlačítko exportu */
+.export-button-container {
+    text-align: center; /* Zarovná tlačítko na střed */
+    margin-top: 20px; /* Přidá trochu prostoru nad tlačítkem */
+}
+
+/* Styl tlačítka */
+#export-pdf {
+    padding: 10px 20px; /* Lepší padding */
+    font-size: 16px; /* Větší písmo pro lepší čitelnost */
+    border-radius: 5px; /* Zaoblené rohy */
+    cursor: pointer;
+    transition: background-color 0.3s ease-in-out;
+}
+
+/* Efekt při najetí myší */
+#export-pdf:hover {
+    background-color: #0056b3; /* Lehce tmavší modrá při hover */
+}