Zvýraznění a zarovnání nadpisu v 2024.html, zlepšen vzhled tabulky 2024
This commit is contained in:
parent
2fd312c922
commit
7086eb6974
@ -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
13
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
|
||||
});
|
||||
});
|
||||
|
||||
|
63
styly.css
63
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 */
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user