854db66abc
Implementare completa U5 din plan-treapta2.md (sectiunea 13): - _upload.html: drop zone + buton accesibil (a11y: drag nu e la tastatura), drag-and-drop JS, mesaj 'NU se trimite nimic pana confirmi', selector foi pt multi-sheet xlsx, stari eroare/mesaj - _mapcoloane.html: formular mapare coloane cu .maprow/.mapcol.grow, sugestii fuzzy pre-selectate, etiichete <label> vizibile, sample values, format data configurabil - _preview_import.html: tabel 6 stari, pills rezumat, filtre pe stare, .chk per-rand pe needs_review (D11), banner declarant .banner.warn direct deasupra input-ului N (D12), bara confirmare sticky, text 'dubla cu randul N' pe duplicate_in_file (D10 daltonism), link export CSV randuri esuate - base.html: .s-needs_review (warn), .s-already_sent/.s-duplicate_in_file (muted), .drop-zone, .banner.warn, .sticky-bar, .htmx-indicator - routes.py: rute /_import/upload/mapare-coloane/preview/reset/confirma; helper _web_compute_preview refoloseste _resolve_row_for_preview, _already_sent_lookup, _signature din import_router (fara a-l edita); commit ON CONFLICT DO NOTHING (TOCTOU); log atestare - tests/test_import_ui.py: 15 teste (dashboard, upload, mapare, preview, confirmare N corect/gresit, reset, erori, multi-sheet, a11y D10/D11/D12) 279 teste total, 0 esecuri. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
97 lines
3.7 KiB
HTML
97 lines
3.7 KiB
HTML
<div id="import-section">
|
|
<div class="card">
|
|
<h2 style="font-size:15px; margin:0 0 12px;">
|
|
Mapare coloane —
|
|
<span class="muted" style="font-weight:400;">{{ filename or ("import #" ~ import_id) }}</span>
|
|
</h2>
|
|
|
|
{% if message %}
|
|
<div class="flash" style="{% if error %}border-color:var(--err); background:#241a1a;{% endif %} margin-bottom:12px;"
|
|
{% if error %}role="alert"{% endif %}>
|
|
{{ message }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<p class="muted" style="margin:0 0 12px; font-size:13px;">
|
|
Asociaza fiecare coloana din fisier cu campul canonic corespunzator.
|
|
Maparea se retine automat pentru fisiere cu acelasi antet.
|
|
</p>
|
|
|
|
<form hx-post="/_import/{{ import_id }}/mapare-coloane"
|
|
hx-target="#import-section"
|
|
hx-swap="outerHTML">
|
|
|
|
<div style="margin-bottom:8px; display:flex; align-items:center; gap:10px; flex-wrap:wrap;">
|
|
<label for="format-data" style="font-size:13px; color:var(--muted);">
|
|
Format data
|
|
</label>
|
|
<input type="text" id="format-data" name="format_data"
|
|
value="{{ format_data or 'DD.MM.YYYY' }}"
|
|
placeholder="ex: DD.MM.YYYY"
|
|
style="max-width:160px;"
|
|
aria-describedby="format-data-hint">
|
|
<span id="format-data-hint" class="muted" style="font-size:12px;">
|
|
sau YYYY-MM-DD, MM/DD/YYYY etc.
|
|
</span>
|
|
</div>
|
|
|
|
{% for col in columns %}
|
|
{%- set sugg = fuzzy_suggestions.get(col, []) -%}
|
|
{%- set best = sugg[0].camp_canonic if sugg else '' -%}
|
|
<input type="hidden" name="colname" value="{{ col }}">
|
|
<div class="maprow">
|
|
<div class="mapcol grow">
|
|
<div><strong>{{ col }}</strong></div>
|
|
{% if sugg %}
|
|
<div class="muted" style="font-size:12px; margin-top:2px;">
|
|
sugestie: <span class="sugg">{{ sugg[0].camp_canonic }}
|
|
({{ sugg[0].score | round | int }}%)</span>
|
|
</div>
|
|
{% endif %}
|
|
{%- set ns = namespace(samples=[]) -%}
|
|
{%- for row in sample_rows -%}
|
|
{%- if row.get(col) is not none and row.get(col) != '' -%}
|
|
{%- set ns.samples = ns.samples + [row[col] | string] -%}
|
|
{%- endif -%}
|
|
{%- endfor -%}
|
|
{% if ns.samples %}
|
|
<div class="muted" style="font-size:11px; margin-top:2px;">
|
|
ex: {{ ns.samples[:2] | join(", ") }}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<div class="mapcol" style="min-width:200px;">
|
|
<label for="canon-{{ loop.index }}"
|
|
style="display:block; font-size:12px; color:var(--muted); margin-bottom:2px;">
|
|
Camp canonic
|
|
</label>
|
|
<select id="canon-{{ loop.index }}" name="canon">
|
|
<option value="">— ignorat —</option>
|
|
{% for field_key, field_label in canonical_fields %}
|
|
<option value="{{ field_key }}"
|
|
{% if field_key == best %}selected{% endif %}>
|
|
{{ field_key }} — {{ field_label }}
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
<div style="margin-top:16px; display:flex; align-items:center; gap:12px; flex-wrap:wrap;">
|
|
<button type="submit"
|
|
style="min-height:44px; padding:10px 24px; font-size:14px;">
|
|
Salveaza si continua la preview
|
|
</button>
|
|
<span class="muted" style="font-size:12px;">
|
|
maparea se retine pentru fisiere cu acelasi antet
|
|
</span>
|
|
</div>
|
|
</form>
|
|
|
|
<div style="margin-top:12px;">
|
|
<a href="/" class="muted" style="font-size:13px;">Incarca alt fisier</a>
|
|
</div>
|
|
</div>
|
|
</div>
|