Archos/prehlad-financi-komunity
Archos/prehlad-financi-komunity
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

Zvýraznění a zarovnání nadpisu v 2024.html, zlepšen vzhled tabulky 2024

Browse Source
This commit is contained in:
archos 2025-02-09 11:16:10 +01:00
parent 2fd312c922
commit 7086eb6974
3 changed files with 73 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
2024.html
View File

@ -6,7 +6,7 @@
<link rel="stylesheet" href="styly.css">
</head>
<body>
<h1>Přehled Financí za rok 2024</h1>
<h2 class="archive-title">Přehled Financí za rok 2024</h2>
<table id="finance-table" border="1">
<thead>
<tr>

13
skript.js
View File

@ -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
});
});

63
styly.css
View File

@ -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 */
}