Add CarPass passport UI widgets

This commit is contained in:
VPN SaaS Dev
2026-05-12 20:11:12 +09:00
parent 8ef59a6446
commit 26875e396c
3 changed files with 302 additions and 61 deletions

View File

@@ -61,13 +61,35 @@
</aside>
<section class="workspace reveal">
<section class="progress-strip">
<div>
<span>Профиль учета</span>
<strong id="scoreTitle">Старт</strong>
<section class="passport-panel" id="passportPanel">
<div class="passport-head">
<div>
<p class="eyebrow">CarPass</p>
<h2>Цифровой паспорт</h2>
<small id="scoreHint">Добавь авто и первую запись, чтобы видеть точные отчеты</small>
</div>
<div class="score-ring" id="scoreRing">
<strong id="scoreValue">0</strong>
<span>/100</span>
</div>
</div>
<div class="progress-track"><span id="scoreBar"></span></div>
<small id="scoreHint">Добавь авто и первую запись, чтобы видеть точные отчеты</small>
<div class="passport-grid">
<div class="passport-metric">
<span>Profile quality</span>
<strong id="scoreTitle">Старт</strong>
</div>
<div class="passport-metric">
<span>Verified history</span>
<strong id="verifiedHistoryStatus">Self-reported</strong>
</div>
<div class="passport-metric">
<span>Maintenance health</span>
<strong id="maintenanceStatus">Unknown</strong>
</div>
</div>
<div class="passport-actions" id="scoreActions"></div>
<div class="achievement-strip" id="achievementList"></div>
<div class="vehicle-timeline" id="vehicleTimeline"></div>
</section>
<div class="status-bar" id="statusBar" aria-live="polite">Готов к работе</div>