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

This commit is contained in:
archos 2024-10-10 23:03:57 +02:00
parent 34e8ff03b7
commit 66ebf78e6b
3 changed files with 77 additions and 52 deletions

View File

@ -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
Can't render this file because it contains an unexpected character in line 13 and column 22.

View File

@ -38,6 +38,12 @@
</table> </table>
</div> </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"> <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> <p>&copy; 2024 <a href="https://git.arch-linux.cz/Archos/prehlad-financi-komunity" target="_blank">Archos</a></p>
</footer> </footer>

View File

@ -1,5 +1,8 @@
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
fetch('finance.csv') // Funkce pro načítání financí
function loadFinanceData(csvFile) {
console.log(`Načítání souboru: ${csvFile}`); // Debug výpis
fetch(csvFile)
.then(response => { .then(response => {
if (!response.ok) { if (!response.ok) {
throw new Error('Network response was not ok'); throw new Error('Network response was not ok');
@ -7,10 +10,12 @@ document.addEventListener('DOMContentLoaded', function() {
return response.text(); return response.text();
}) })
.then(data => { .then(data => {
let rows = data.split('\n').slice(1); console.log('Načtená data:', data); // Debug výpis načtených dat
rows = rows.filter(row => row.trim() !== ""); // Remove empty rows let rows = data.split('\n').slice(1); // Odstraníme hlavičku CSV souboru
rows.reverse(); // Reverse the order of rows rows = rows.filter(row => row.trim() !== ""); // Odstranit prázdné řádky
rows.reverse(); // Obrátit pořadí řádků
const tableBody = document.querySelector('#finance-table tbody'); const tableBody = document.querySelector('#finance-table tbody');
tableBody.innerHTML = ''; // Vyprázdnit tabulku před načtením nových dat
let accountBalance = 0; let accountBalance = 0;
rows.forEach(row => { rows.forEach(row => {
const columns = row.split(','); const columns = row.split(',');
@ -23,34 +28,32 @@ document.addEventListener('DOMContentLoaded', function() {
}); });
tableBody.appendChild(tr); tableBody.appendChild(tr);
// Debug output // Výpočet zůstatku
console.log('Row:', row); const amount = parseFloat(columns[2].replace(/,/g, '').replace(/[^0-9.-]/g, '')); // Ošetření čísel
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(); const currency = columns[3].trim();
// Debug output
console.log('Amount:', amount);
console.log('Currency:', currency);
if (!isNaN(amount)) { if (!isNaN(amount)) {
if (currency === 'CZK') { if (currency === 'CZK') {
accountBalance += amount; accountBalance += amount;
} else if (currency === 'EUR') { } else if (currency === 'EUR') {
// For simplicity, assume 1 EUR = 25 CZK (you can adjust the conversion rate) accountBalance += amount * 25; // Pro jednoduchost: 1 EUR = 25 CZK
accountBalance += amount * 25;
} }
} else {
console.error('Invalid amount:', columns[2]);
} }
} }
}); });
document.getElementById('account-balance').textContent = accountBalance.toFixed(2) + ' CZK'; document.getElementById('account-balance').textContent = accountBalance.toFixed(2) + ' CZK';
}) })
.catch(error => { .catch(error => {
console.error('Error fetching the CSV file:', 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 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
});
}); });