From 7086eb697474fe8e54f4869cb9632a9937c2d7de Mon Sep 17 00:00:00 2001 From: archos Date: Sun, 9 Feb 2025 11:16:10 +0100 Subject: [PATCH] =?UTF-8?q?Zv=C3=BDrazn=C4=9Bn=C3=AD=20a=20zarovn=C3=A1n?= =?UTF-8?q?=C3=AD=20nadpisu=20v=202024.html,=20zlep=C5=A1en=20vzhled=20tab?= =?UTF-8?q?ulky=202024?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 2024.html | 2 +- skript.js | 13 ++++++++---- styly.css | 63 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 73 insertions(+), 5 deletions(-) diff --git a/2024.html b/2024.html index 8f17445..d946db2 100644 --- a/2024.html +++ b/2024.html @@ -6,7 +6,7 @@ -

Přehled Financí za rok 2024

+

Přehled Financí za rok 2024

diff --git a/skript.js b/skript.js index adf1cd6..cbe833f 100644 --- a/skript.js +++ b/skript.js @@ -1,11 +1,11 @@ document.addEventListener('DOMContentLoaded', function() { - // Funkce pro načítání financí + // 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('Network response was not ok'); + throw new Error(`Soubor ${csvFile} nebyl nalezen.`); } return response.text(); }) @@ -37,7 +37,11 @@ document.addEventListener('DOMContentLoaded', function() { 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]); } } }); @@ -45,7 +49,7 @@ document.addEventListener('DOMContentLoaded', function() { }) .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 = `Chyba: ${error.message}`; }); } @@ -57,9 +61,10 @@ document.addEventListener('DOMContentLoaded', 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 }); }); - diff --git a/styly.css b/styly.css index e9eeb89..0323935 100644 --- a/styly.css +++ b/styly.css @@ -50,3 +50,66 @@ header h1 { .dropdown { margin-right: 20px; } +/* Hlavní tabulka zůstává stejná, NEUPRAVUJEME */ +#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; +} + +/* Zvýraznění jen pro archivní tabulku */ +.archive-table tbody tr:nth-child(even) { + background-color: #e6e6e6; /* Lehce tmavší šedá */ +} + +.archive-table tbody tr:nth-child(odd) { + background-color: #f5f5f5; /* Lehce 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) { + #finance-table th, #finance-table td { + padding: 8px; + font-size: 14px; + } +} +.archive-title { + text-align: center; /* Zarovnání na střed */ + font-size: 26px; /* Zvýšení velikosti písma */ + font-weight: bold; /* Tučné písmo */ + color: #343a40; /* Tmavší barva pro lepší kontrast */ + text-transform: uppercase; /* Velká písmena */ + margin-bottom: 20px; /* Větší mezera pod nadpisem */ + border-bottom: 3px solid #218838; /* Zelená linka pod nadpisem */ + padding-bottom: 8px; /* Oddělení nadpisu linkou */ +}