ocr wizualne

This commit is contained in:
Mateusz Gruszczyński
2025-08-18 23:29:00 +02:00
parent f08f0dd98c
commit addc2af505
2 changed files with 8 additions and 7 deletions

View File

@@ -21,8 +21,8 @@ async function analyzeReceipts(listId) {
const duration = ((performance.now() - start) / 1000).toFixed(2);
let html = `<div class="card bg-dark text-white border-secondary p-3">`;
html += `<p><b>📊 Łącznie wykryto:</b> ${data.total.toFixed(2)} PLN</p>`;
html += `<p class="text-secondary"><small>⏱ Czas analizy OCR: ${duration} sek.</small></p>`;
html += `<p><b>📊 Łącznie wykryto:</b> ${data.total.toFixed(2)} PLN</p>`;
data.results.forEach((r, i) => {
const disabled = r.already_added ? "disabled" : "";
@@ -30,8 +30,8 @@ async function analyzeReceipts(listId) {
const inputField = `<input type="number" id="amount-${i}" value="${r.amount}" step="0.01" class="${inputStyle}" style="width: 120px;" ${disabled}>`;
const button = r.already_added
? `<span class="badge bg-primary ms-2">✅ Dodano</span>`
: `<button id="add-btn-${i}" onclick="emitExpense(${i})" class="btn btn-sm btn-outline-success ms-2"> Dodaj</button>`;
? `<span class="badge rounded-pill bg-secondary ms-2">✅ Dodano</span>`
: `<button id="add-btn-${i}" onclick="emitExpense(${i})" class="btn btn-sm btn-outline-light ms-2"> Dodaj</button>`;
html += `
<div class="mb-2 d-flex align-items-center gap-2 flex-wrap">
@@ -43,7 +43,7 @@ async function analyzeReceipts(listId) {
if (data.results.length > 1) {
html += `<button id="addAllBtn" onclick="emitAllExpenses(${data.results.length})" class="btn btn-success mt-3 w-100"> Dodaj wszystkie</button>`;
html += `<button id="addAllBtn" onclick="emitAllExpenses(${data.results.length})" class="btn btn-sm btn-outline-light mt-3 w-100"> Dodaj wszystkie</button>`;
}
html += `</div>`;

View File

@@ -142,11 +142,12 @@
{% endif %}" id="receiptAnalysisBlock">
<h5>🔍 Analiza paragonów (OCR)</h5>
<p class="text-small">System spróbuje automatycznie rozpoznać kwoty z dodanych paragonów.</p>
<p class="text-small">Dokonaj korekty jeśli źle rozpozna kwote na paragonie.</p>
<p class="text-small">System spróbuje automatycznie rozpoznać kwoty z dodanych paragonów.<br>
Dokonaj korekty jeśli źle rozpozna kwote na paragonie.
</p>
{% if current_user.is_authenticated %}
<button id="analyzeBtn" class="btn btn-outline-info mb-3">
<button id="analyzeBtn" class="btn btn-sm btn-outline-light mb-3">
🔍 Zleć analizę OCR
</button>
{% else %}