farentsen/taller-wox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(admin): live-updating leads view with auto-refresh, sort, filter, +N badge

Browse Source
This commit is contained in:
farentsen
2026-05-13 16:23:11 +00:00
parent 7b1b28ead8
commit f8c7139e6e
2 changed files with 268 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
static/css/styles.css
View File

@@ -321,7 +321,60 @@ body {
.pill-ok { background: rgba(14, 116, 144, 0.12); color: var(--teal); }
.pill-no { background: rgba(180, 83, 9, 0.12); color: var(--accent); }
.admin-stats { margin-top: 40px; }
.live-status {
display: inline-flex; align-items: center; gap: 8px;
padding: 8px 14px; background: var(--slate-50);
border: 1px solid var(--slate-200); border-radius: 6px;
}
.dot {
width: 8px; height: 8px; border-radius: 50%;
background: var(--slate-400);
box-shadow: 0 0 0 0 rgba(14, 116, 144, 0.4);
}
.dot-live {
background: #10B981;
animation: pulse 2s infinite;
}
.dot-error { background: var(--accent); animation: none; }
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.45); }
70% { box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}
.live-label {
font-size: 12px; color: var(--slate-700);
font-weight: 600; letter-spacing: 0.02em;
}
.live-label.flash {
color: #047857; font-weight: 700;
animation: flash-bg 0.6s ease;
}
@keyframes flash-bg {
0% { transform: scale(1); }
50% { transform: scale(1.08); }
100% { transform: scale(1); }
}
.btn-icon {
padding: 8px 12px !important; font-size: 16px !important;
line-height: 1; min-width: 38px; text-align: center;
}
.last-updated {
margin-left: 16px; font-size: 12px; color: var(--slate-600);
font-style: italic;
}
th.sortable { cursor: pointer; user-select: none; transition: background 0.15s ease; }
th.sortable:hover { background: var(--slate-100); }
th.sortable.active { color: var(--navy); }
.sort-ind { font-weight: 700; }
.admin-stats-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 32px; margin-top: 40px;
}
.admin-stats { margin-top: 0; }
.admin-h2 {
color: var(--navy); font-size: 18px; font-weight: 600;
margin: 0 0 12px; letter-spacing: -0.005em;