aktualizace souboru finance.csv

Vytvořeno tlačítko, které nyní stahuje finance_2024.csv
Fix: Centrovaná tabulka v archivu (2024.html), oprava šířky, smazán soubor finance_2024_corrected.csv
2025-02-15 11:52:59 +01:00 · 2025-02-09 17:36:20 +01:00 · 2025-02-09 11:37:27 +01:00 · 2025-02-09 11:16:10 +01:00 · 2025-02-09 10:09:50 +01:00 · 2024-10-10 23:03:57 +02:00
5 changed files with 196 additions and 71 deletions
--- a/2024.html
+++ b/2024.html
@ -4,22 +4,31 @@
    <meta charset="UTF-8">
    <title>Přehled Financí 2024</title>
    <link rel="stylesheet" href="styly.css">
+
 </head>
 <body>
-    <h1>Přehled Financí za rok 2024</h1>
-    <table id="finance-table" border="1">
-        <thead>
-            <tr>
-                <th>Datum</th>
-                <th>Popis</th>
-                <th>Částka</th>
-                <th>Měna</th>
-                <th>Typ</th>
-            </tr>
-        </thead>
-        <tbody>
-        </tbody>
-    </table>
+    <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">
+            <thead>
+                <tr>
+                    <th>Datum</th>
+                    <th>Popis</th>
+                    <th>Částka</th>
+                    <th>Měna</th>
+                    <th>Typ</th>
+                </tr>
+            </thead>
+            <tbody>
+            </tbody>
+        </table>
+    </div>

    <script>
        fetch('finance_2024.csv')
--- a/finance.csv
+++ b/finance.csv
@ -35,3 +35,4 @@
 2025-02-07,Příspěvek @fabia_man,200,CZK,Příjem
 2025-02-07,Platba domény archoslinux,-297,CZK,Výdaj
 2025-02-09,Příspěvek Infoek,550,CZK,Příjem
+2025-02-15,Příspěvěk pan Wu,100,CZK,Příjem
--- a/index.html
+++ b/index.html
@ -49,6 +49,12 @@
                </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>&copy; 2024 <a href="https://git.arch-linux.cz/Archos/prehlad-financi-komunity" target="_blank">Archos</a></p>
--- a/skript.js
+++ b/skript.js
@ -1,62 +1,70 @@
 document.addEventListener('DOMContentLoaded', function() {
-    fetch('finance.csv')
-        .then(response => {
-            if (!response.ok) {
-                throw new Error('Network response was not ok');
-            }
-            return response.text();
-        })
-        .then(data => {
-            let rows = data.split('\n').slice(1);
-            rows = rows.filter(row => row.trim() !== ""); // Remove empty rows
-            rows.reverse(); // Reverse the order of rows
-            const tableBody = document.querySelector('#finance-table tbody');
-            let accountBalance = 0;
-            rows.forEach(row => {
-                const columns = row.split(',');
-                if (columns.length >= 5) {
-                    const tr = document.createElement('tr');
-                    columns.forEach(column => {
-                        const td = document.createElement('td');
-                        td.textContent = column.trim();
-                        tr.appendChild(td);
-                    });
-                    tableBody.appendChild(tr);
-
-                    // Debug output
-                    console.log('Row:', row);
-                    console.log('Columns:', columns);
-
-                    // Calculate account balance
-                    const amount = parseFloat(columns[2].replace(/,/g, '').replace(/[^0-9.-]/g, '')); // Remove any invalid characters and ensure proper decimal handling
-                    const currency = columns[3].trim();
-                    
-                    // Debug output
-                    console.log('Amount:', amount);
-                    console.log('Currency:', currency);
-
-                    if (!isNaN(amount)) {
-                        if (currency === 'CZK') {
-                            accountBalance += amount;
-                        } else if (currency === 'EUR') {
-                            // For simplicity, assume 1 EUR = 25 CZK (you can adjust the conversion rate)
-                            accountBalance += amount * 25;
-                        }
-                    } else {
-                        console.error('Invalid amount:', columns[2]);
-                    }
+    // Funkce pro načítání CSV souboru
+    function loadFinanceData(csvFile) {
+        console.log(`Načítání souboru: ${csvFile}`);  // Debug výpis
+        fetch(csvFile)
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error(`Soubor ${csvFile} nebyl nalezen.`);
                }
+                return response.text();
+            })
+            .then(data => {
+                console.log('Načtená data:', data);  // Debug výpis načtených dat
+                let rows = data.split('\n').slice(1); // Odstraníme hlavičku CSV souboru
+                rows = rows.filter(row => row.trim() !== ""); // Odstranit prázdné řádky
+                rows.reverse(); // Obrátit pořadí řádků
+                const tableBody = document.querySelector('#finance-table tbody');
+                tableBody.innerHTML = ''; // Vyprázdnit tabulku před načtením nových dat
+                let accountBalance = 0;
+                rows.forEach(row => {
+                    const columns = row.split(',');
+                    if (columns.length >= 5) {
+                        const tr = document.createElement('tr');
+                        columns.forEach(column => {
+                            const td = document.createElement('td');
+                            td.textContent = column.trim();
+                            tr.appendChild(td);
+                        });
+                        tableBody.appendChild(tr);
+
+                        // Výpočet zůstatku
+                        const amount = parseFloat(columns[2].replace(/,/g, '').replace(/[^0-9.-]/g, '')); // Ošetření čísel
+                        const currency = columns[3].trim();
+
+                        if (!isNaN(amount)) {
+                            if (currency === 'CZK') {
+                                accountBalance += amount;
+                            } else if (currency === 'EUR') {
+                                accountBalance += amount * 25;  // Pro jednoduchost: 1 EUR = 25 CZK
+                            } else {
+                                console.warn(`Nepodporovaná měna: ${currency}`);  // Pro chyby v měně
+                            }
+                        } else {
+                            console.warn('Neplatná částka:', columns[2]);
+                        }
+                    }
+                });
+                document.getElementById('account-balance').textContent = accountBalance.toFixed(2) + ' CZK';
+            })
+            .catch(error => {
+                console.error('Chyba při načítání CSV souboru:', error);
+                document.getElementById('account-balance').textContent = `Chyba: ${error.message}`;
            });
-            document.getElementById('account-balance').textContent = accountBalance.toFixed(2) + ' CZK';
-        })
-        .catch(error => {
-            console.error('Error fetching the CSV file:', error);
-            document.getElementById('account-balance').textContent = 'Chyba při načítání dat';
-        });
+    }
+
+    // Načítání aktuálního souboru finance.csv
+    loadFinanceData('finance.csv');  // Soubor je ve stejné složce, proto nemusíš zadávat cestu
+
+    // Přidání funkce pro načítání archivovaných dat za rok 2024
+    document.getElementById('load-archive-2024').addEventListener('click', function() {
+        loadFinanceData('finance_2024_corrected.csv');  // Stejná složka pro archivovaný soubor
+    });
 });
+
+// Dropdown menu toggle (Bootstrap)
 $(document).ready(function() {
    $('#dropdownMenuButton').on('click', function() {
        $('.dropdown-menu').toggle(); // Ruční zobrazení dropdown menu
    });
 });
-
--- a/styly.css
+++ b/styly.css
@ -33,8 +33,8 @@ a[rel="me"] {
 }
 .dropdown {
    display: flex;
-    justify-content: flex-end; /* Posune tlačítko doprava */
-    margin-right: 20px; /* Přidá trochu prostoru od kraje */
+    justify-content: flex-end;
+    margin-right: 20px;
 }
 header .d-flex {
    display: flex;
@ -47,6 +47,107 @@ header h1 {
    text-align: center;
 }

-.dropdown {
-    margin-right: 20px;
+/* Hlavní tabulka - beze změn */
+#finance-table {
+    width: 100%;
+    margin-top: 20px;
+    border-collapse: collapse;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+    overflow: hidden;
+}
+
+/* Hlavička tabulky */
+#finance-table th {
+    background-color: #343a40;
+    color: #fff;
+    text-transform: uppercase;
+    padding: 12px 18px;
+    text-align: center;
+}
+
+/* Řádky tabulky */
+#finance-table td {
+    padding: 10px 15px;
+    text-align: left;
+    border-bottom: 1px solid #ddd;
+}
+
+/* Speciální úpravy pro archivní tabulku */
+.archive-table-container {
+    max-width: 1000px; /* Pevná maximální šířka tabulky */
+    width: 100%;
+    margin: 0 auto; /* Centrované umístění */
+    padding: 20px;
+}
+
+/* Archivní tabulka - nebude přes celý monitor */
+.archive-table {
+    width: 100%;
+    border-collapse: collapse;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+    overflow: hidden;
+}
+
+/* Zvýraznění řádků pro archivní tabulku */
+.archive-table tbody tr:nth-child(even) {
+    background-color: #d9d9d9; /* O něco tmavší šedá */
+}
+
+.archive-table tbody tr:nth-child(odd) {
+    background-color: #f2f2f2; /* O něco světlejší šedá */
+}
+
+/* Barevné odlišení příjmů a výdajů pro archivní tabulku */
+.archive-table td.pozitivni {
+    color: #218838; /* Sytější zelená */
+    font-weight: bold;
+}
+
+.archive-table td.negativni {
+    color: #c82333; /* Sytější červená */
+    font-weight: bold;
+}
+
+/* Responzivní design */
+@media (max-width: 768px) {
+    .archive-table-container {
+        max-width: 100%; /* Na mobilech bude tabulka široká 100% */
+    }
+    #finance-table th, #finance-table td {
+        padding: 8px;
+        font-size: 14px;
+    }
+}
+
+/* Zvýraznění nadpisu archivu */
+.archive-title {
+    text-align: center;
+    font-size: 26px;
+    font-weight: bold;
+    color: #343a40;
+    text-transform: uppercase;
+    margin-bottom: 20px;
+    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 */
 }
Author	SHA1	Message	Date
archos	3d909058c6	aktualizace souboru finance.csv	2025-02-15 11:52:59 +01:00
archos	50ca911468	Vytvořeno tlačítko, které nyní stahuje finance_2024.csv	2025-02-09 17:36:20 +01:00
archos	9e3f2eec02	Fix: Centrovaná tabulka v archivu (2024.html), oprava šířky, smazán soubor finance_2024_corrected.csv	2025-02-09 11:37:27 +01:00
archos	7086eb6974	Zvýraznění a zarovnání nadpisu v 2024.html, zlepšen vzhled tabulky 2024	2025-02-09 11:16:10 +01:00
archos	2fd312c922	Merge branch 'main' into dev Merge branch 'main' into dev	2025-02-09 10:09:50 +01:00
archos	66ebf78e6b	upraven index.html,přidán testovací csv soubor a upraven skrip.js	2024-10-10 23:03:57 +02:00