Add CarPass passport UI widgets
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user