Add 'Da revisionare' dashboard section for suspicious quantities

- Flags inventory items with abnormally small or large quantities
- Per-unit thresholds (pz/conf, g, kg, ml, l)
- Confirm button (✓) to mark as correct (stored in localStorage)
- Edit button (✏️) opens existing edit modal
- Smooth dismiss animation on confirm
- Amber-themed styling to distinguish from expiry alerts
This commit is contained in:
dadaloop82
2026-03-11 13:48:24 +00:00
parent c6d7c1f27d
commit ff1f27fe8d
4 changed files with 234 additions and 0 deletions
+121
View File
@@ -2579,6 +2579,127 @@ body {
font-size: 0.8rem;
}
/* ===== REVIEW SECTION ===== */
.alert-review {
background: #fffbeb;
border-color: #f59e0b;
}
.alert-review h3 {
color: #92400e;
}
.review-hint {
font-size: 0.8rem;
color: #92400e;
margin: -4px 0 10px;
opacity: 0.8;
}
.review-item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
background: rgba(255,255,255,0.7);
border-radius: var(--radius-sm);
margin-bottom: 6px;
}
.review-item-info {
display: flex;
align-items: center;
gap: 10px;
flex: 1;
min-width: 0;
}
.review-item-icon {
font-size: 1.5rem;
flex-shrink: 0;
width: 36px;
text-align: center;
}
.review-item-icon img {
width: 36px;
height: 36px;
border-radius: 8px;
object-fit: cover;
}
.review-item-text {
min-width: 0;
}
.review-item-name {
font-weight: 600;
font-size: 0.9rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.review-item-meta {
font-size: 0.75rem;
color: #78716c;
}
.review-warn {
color: #dc2626;
font-weight: 600;
}
.review-item-qty {
flex-shrink: 0;
}
.review-qty-value {
font-size: 1.1rem;
font-weight: 800;
color: #dc2626;
background: #fee2e2;
padding: 3px 10px;
border-radius: 16px;
white-space: nowrap;
}
.review-item-actions {
display: flex;
gap: 6px;
flex-shrink: 0;
}
.btn-review {
width: 36px;
height: 36px;
border-radius: 50%;
border: none;
font-size: 1rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.btn-review-ok {
background: #d1fae5;
color: #059669;
}
.btn-review-ok:active {
background: #a7f3d0;
}
.btn-review-edit {
background: #e0e7ff;
color: #4338ca;
}
.btn-review-edit:active {
background: #c7d2fe;
}
/* ===== ALERT QUANTITY BADGES ===== */
.alert-item-qty {
font-size: 0.78rem;