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

Draft
Archos wants to merge 1 commits from dev into main
3 changed files with 77 additions and 52 deletions
Showing only changes of commit 66ebf78e6b - Show all commits

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>

107
skript.js
View File

@ -1,56 +1,59 @@
document.addEventListener('DOMContentLoaded', function() { 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
});
}); });