upraven index.html,přidán testovací csv soubor a upraven skrip.js

finance_2024_corrected.csv

@@ -0,0 +1,16 @@
+# Vytvoření testovacího DataFrame s podobnou strukturou jako uživatelův CSV soubor
+data_corrected = {
+    'Datum': ['2024-06-04', '2024-06-05', '2024-06-10', '2024-06-17', '2024-06-18'],
+    'Popis': ['Stav účtu', 'Příspěvek @tritol128', 'Příspěvek @fabia_man', 'Příspěvek @Onqa6', 'Příspěvek D.Kolaja'],
+    'Částka': [9253.0, 512.0, 100.0, 100.0, 111.0],
+    'Měna': ['CZK', 'CZK', 'CZK', 'CZK', 'CZK'],
+    'Typ': ['Příjem', 'Příjem', 'Příjem', 'Příjem', 'Příjem']
+}
+
+df_corrected = pd.DataFrame(data_corrected)
+
+# Uložení do CSV souboru
+corrected_csv_path = "/mnt/data/finance_2024_corrected.csv"
+df_corrected.to_csv(corrected_csv_path, index=False)
+
+corrected_csv_path

index.html

@@ -37,6 +37,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>

skript.js

@@ -1,56 +1,59 @@
 document.addEventListener('DOMContentLoaded', function() {
-    fetch('finance.csv')
+    // Funkce pro načítání financí
-        .then(response => {
+    function loadFinanceData(csvFile) {
-            if (!response.ok) {
+        console.log(`Načítání souboru: ${csvFile}`);  // Debug výpis
-                throw new Error('Network response was not ok');
+        fetch(csvFile)
-            }
+            .then(response => {
-            return response.text();
+                if (!response.ok) {
-        })
+                    throw new Error('Network response was not ok');
-        .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]);
-                    }
                 }
+                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
+                            }
+                        }
+                    }
+                });
+                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 při načítání dat';
             });
-            document.getElementById('account-balance').textContent = accountBalance.toFixed(2) + ' CZK';
+    }
-        })
+
-        .catch(error => {
+    // Načítání aktuálního souboru finance.csv
-            console.error('Error fetching the CSV file:', error);
+    loadFinanceData('finance.csv');  // Soubor je ve stejné složce, proto nemusíš zadávat cestu
-            document.getElementById('account-balance').textContent = 'Chyba při načítání dat';
+
-        });
+    // 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
+    });
 });