4a1d28749a
Reorganizeaza interfata web pe trei principii, fara a atinge backend-ul de trimitere (worker, mapping, idempotency, masina de stari neatinse): - US-001 app/web/labels.py: modul pur stari tehnice -> text uman + clasa CSS - US-002 bara status /_fragments/status: microcopy uman, defalcare blocate, scoped cont - US-003 shell 6 tab-uri (Acasa/Import/Coada/Mapari/Cont/Nomenclator): deep-link ?tab=, panou activ randat server-side, fragmente inactive lazy, ARIA real - US-004 stepper import 4 pasi (pur vizual; hx-target + csrf pastrate) - US-005 Acasa onboarding checklist auto-bifat + colaps + empty states prietenoase Reparat in cursul VERIFY/CLOSE: izolare teste (reset ratelimit._hits in fixturi), regresie avertisment "cont in asteptare de activare" (re-introdus in bara status), culori hardcodate -> variabile paleta. 434 teste pass. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
82 lines
3.2 KiB
HTML
82 lines
3.2 KiB
HTML
<div id="acasa-section">
|
|
|
|
{% set toti_esentiali = are_creds and are_trimiteri %}
|
|
|
|
{% if toti_esentiali %}
|
|
{# Ghid colapsat/discret cand toti pasii esentiali sunt gata #}
|
|
<div class="ghid-complet" style="margin-bottom:12px; font-size:13px; color:var(--muted);">
|
|
Totul e configurat —
|
|
<a href="/?tab=coada">vezi coada</a>
|
|
</div>
|
|
{% else %}
|
|
{# Card ghid de pornire vizibil cand nu toti pasii sunt finalizati #}
|
|
<div class="card" style="margin-bottom:16px;">
|
|
<h2 style="font-size:15px; margin:0 0 12px;">Primii pasi</h2>
|
|
<ul style="list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px;">
|
|
|
|
{# Pas 1: Conecteaza contul RAR (esential) #}
|
|
<li style="display:flex; align-items:flex-start; gap:10px;">
|
|
{% if are_creds %}
|
|
<span class="pas-bifat" style="color:var(--ok); font-weight:bold; flex-shrink:0;">✓</span>
|
|
{% else %}
|
|
<span class="pas-nebifat" style="color:var(--muted); flex-shrink:0;">○</span>
|
|
{% endif %}
|
|
<span>
|
|
<a href="/?tab=cont">Conecteaza-ti contul RAR</a>
|
|
<span class="muted" style="font-size:12px; display:block;">
|
|
Email + parola portal AUTOPASS RAR
|
|
</span>
|
|
</span>
|
|
</li>
|
|
|
|
{# Pas 2: Cheie API (optional) #}
|
|
<li style="display:flex; align-items:flex-start; gap:10px;">
|
|
{% if are_cheie_folosita %}
|
|
<span class="pas-bifat" style="color:var(--ok); font-weight:bold; flex-shrink:0;">✓</span>
|
|
{% else %}
|
|
<span class="pas-nebifat" style="color:var(--muted); flex-shrink:0;">○</span>
|
|
{% endif %}
|
|
<span>
|
|
<a href="/?tab=cont">Ia-ti cheia API</a>
|
|
<span class="muted" style="font-size:12px; display:block;">
|
|
<em>Optional</em> — doar daca trimiti din soft propriu prin API
|
|
</span>
|
|
</span>
|
|
</li>
|
|
|
|
{# Pas 3: Import primul fisier (esential) #}
|
|
<li style="display:flex; align-items:flex-start; gap:10px;">
|
|
{% if are_trimiteri %}
|
|
<span class="pas-bifat" style="color:var(--ok); font-weight:bold; flex-shrink:0;">✓</span>
|
|
{% else %}
|
|
<span class="pas-nebifat" style="color:var(--muted); flex-shrink:0;">○</span>
|
|
{% endif %}
|
|
<span>
|
|
<a href="/?tab=import">Importa primul fisier</a>
|
|
<span class="muted" style="font-size:12px; display:block;">
|
|
Incarca un fisier xlsx/csv cu prezentarile de declarat la RAR
|
|
</span>
|
|
</span>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{# Rezumat si scurtaturi rapide (mereu vizibile) #}
|
|
<div class="card">
|
|
<h2 style="font-size:15px; margin:0 0 8px;">Bun venit la Gateway RAR AUTOPASS</h2>
|
|
<p class="muted" style="margin:0 0 10px; font-size:13px;">
|
|
Importa fisiere din tab-ul <strong><a href="/?tab=import">Import</a></strong>,
|
|
urmareste coada in tab-ul <strong><a href="/?tab=coada">Coada</a></strong>
|
|
si rezolva mapari lipsa in tab-ul <strong><a href="/?tab=mapari">Mapari</a></strong>.
|
|
</p>
|
|
<div style="display:flex; gap:12px; flex-wrap:wrap; font-size:13px;">
|
|
<a href="/?tab=coada" class="cardlink">Coada submissions</a>
|
|
<a href="/?tab=import" class="cardlink">Import fisier nou</a>
|
|
<a href="/?tab=mapari" class="cardlink">Mapari operatii</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|