refactor(ui): separate diff dots with distinct colors, align modal badges

Replace 2 combined dots with 4 individual dots per diff type:
- CUI/TVA (red), Denumire (orange), Adresa (blue), Pret (green)
- Remove redundant price column from dashboard table
- Add --compare design token (orange) for denomination mismatches
- Align modal badge colors with table dot colors (4 separate CSS classes)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-04-06 15:40:53 +00:00
parent 4bff1aada1
commit c8e3a4e8d1
6 changed files with 46 additions and 21 deletions

View File

@@ -19,7 +19,7 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.css" rel="stylesheet">
{% set rp = request.scope.get('root_path', '') %}
<link href="{{ rp }}/static/css/style.css?v=35" rel="stylesheet">
<link href="{{ rp }}/static/css/style.css?v=38" rel="stylesheet">
</head>
<body>
<!-- Top Navbar (hidden on mobile via CSS) -->
@@ -161,7 +161,7 @@
<script>window.ROOT_PATH = "{{ rp }}";</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="{{ rp }}/static/js/shared.js?v=28"></script>
<script src="{{ rp }}/static/js/shared.js?v=29"></script>
<script>
// Dark mode toggle
function toggleDarkMode() {

View File

@@ -100,11 +100,10 @@
<th class="text-end">Discount</th>
<th class="text-end">Total</th>
<th style="width:28px" title="Facturat">F</th>
<th class="text-center" style="width:30px" title="Preturi ROA"></th>
</tr>
</thead>
<tbody id="dashOrdersBody">
<tr><td colspan="10" class="text-center text-muted py-3">Se incarca...</td></tr>
<tr><td colspan="9" class="text-center text-muted py-3">Se incarca...</td></tr>
</tbody>
</table>
</div>
@@ -115,5 +114,5 @@
{% endblock %}
{% block scripts %}
<script src="{{ request.scope.get('root_path', '') }}/static/js/dashboard.js?v=39"></script>
<script src="{{ request.scope.get('root_path', '') }}/static/js/dashboard.js?v=40"></script>
{% endblock %}