romfast/gomag-vending
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(address): side-by-side GoMag|ROA layout, full text, uppercase

Browse Source 
- Two-column Bootstrap row layout (col-md-6): GoMag left, ROA right
- Removed redundant "ADRESE" section title and "GOMAG"/"ROA" subheaders
- Shortened labels: "Livrare:" / "Facturare:" (context clear from layout)
- Allow text wrapping (white-space: normal) — no more truncation
- text-transform: uppercase on addr-line-text to match ROA style
- Cache bust: style.css?v=43, shared.js?v=41

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-04-08 21:18:14 +00:00
parent 1d59f1a484
commit f049b0bf12
3 changed files with 22 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
api/app/static/css/style.css
View File

@@ -1217,9 +1217,15 @@ tr.mapping-deleted td {
}
/* Address compact lines */
.addr-row {
margin-bottom: 4px;
}
.addr-row .addr-line-label {
width: 72px;
}
.addr-line {
display: flex;
align-items: center;
align-items: flex-start;
gap: 8px;
padding: 2px 0;
font-size: 13px;
@@ -1235,9 +1241,9 @@ tr.mapping-deleted td {
.addr-line-text {
flex: 1;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-word;
text-transform: uppercase;
color: var(--text-primary);
}
.addr-line .bi-check-lg {

12
api/app/static/js/shared.js
View File

@@ -988,26 +988,30 @@ function _renderHeaderInfo(order) {
// Livrare
if (addr.livrare_gomag || addr.livrare_roa) {
html += addrLine('Livrare GoMag:', addr.livrare_gomag, null);
const livrRisk = hasEfacturaRisk(addr.livrare_roa);
const livrMatch = addrMatch(addr.livrare_gomag, addr.livrare_roa);
let matchType = null;
if (addr.livrare_roa) {
matchType = livrRisk ? 'risk' : (livrMatch ? 'match' : 'mismatch');
}
html += addrLine('Livrare ROA:', addr.livrare_roa, matchType);
html += '<div class="row addr-row">';
html += '<div class="col-md-6">' + addrLine('Livrare:', addr.livrare_gomag, null) + '</div>';
html += '<div class="col-md-6">' + addrLine('Livrare:', addr.livrare_roa, matchType) + '</div>';
html += '</div>';
}
// Facturare
if (addr.facturare_gomag || addr.facturare_roa) {
html += addrLine('Facturare GoMag:', addr.facturare_gomag, null);
const factRisk = hasEfacturaRisk(addr.facturare_roa);
const factMatch = addrMatch(addr.facturare_gomag, addr.facturare_roa);
let matchType = null;
if (addr.facturare_roa) {
matchType = factRisk ? 'risk' : (factMatch ? 'match' : 'mismatch');
}
html += addrLine('Facturare ROA:', addr.facturare_roa, matchType);
html += '<div class="row addr-row">';
html += '<div class="col-md-6">' + addrLine('Facturare:', addr.facturare_gomag, null) + '</div>';
html += '<div class="col-md-6">' + addrLine('Facturare:', addr.facturare_roa, matchType) + '</div>';
html += '</div>';
}
addressLines.innerHTML = html;

9
api/app/templates/base.html
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=39" rel="stylesheet">
<link href="{{ rp }}/static/css/style.css?v=43" rel="stylesheet">
</head>
<body>
<!-- Top Navbar (hidden on mobile via CSS) -->
@@ -126,9 +126,8 @@
<div id="detailDenomMismatch" style="display:none" class="mb-2"></div>
<!-- Compact Address Lines -->
<div id="detailAddressBlock" style="display:none" class="mb-3">
<div class="detail-col-label d-flex align-items-center justify-content-between" style="border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:4px">
<span>ADRESE</span>
<button id="refreshAddrBtn" class="btn btn-sm btn-outline-secondary py-0 px-1 ms-2"
<div class="detail-col-label d-flex align-items-center justify-content-end" style="border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:4px">
<button id="refreshAddrBtn" class="btn btn-sm btn-outline-secondary py-0 px-1"
onclick="refreshOrderAddress(window._detailOrderNumber)"
aria-label="Refresh adresă din Oracle" title="Refresh adresă din Oracle">
<i class="bi bi-arrow-clockwise"></i>
@@ -168,7 +167,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=38"></script>
<script src="{{ rp }}/static/js/shared.js?v=41"></script>
<script>
// Dark mode toggle
function toggleDarkMode() {