diff --git a/assets/css/med-diag.css b/assets/css/med-diag.css index 7d88883..86b4068 100644 --- a/assets/css/med-diag.css +++ b/assets/css/med-diag.css @@ -369,4 +369,41 @@ .med-metrics-table td:first-child { font-weight: 600; color: #555; } .med-summary-box, .med-warnings-box, .med-advice-box { padding: 12px 14px; font-size: 15px; } .med-progress-text { font-size: 13px; } -} \ No newline at end of file +} + +/* Лоадер обработки (после сканирования) */ +.med-scan-loader { + display: none; + position: fixed; + inset: 0; + z-index: 1000; + background: rgba(0, 0, 0, 0.7); + align-items: center; + justify-content: center; +} +.med-scan-loader.open { + display: flex; +} +.med-scan-loader-content { + text-align: center; + color: #fff; +} +.med-scan-loader-spinner { + width: 48px; + height: 48px; + border: 4px solid rgba(255,255,255,0.3); + border-top-color: #fff; + border-radius: 50%; + animation: med-spin 0.8s linear infinite; + margin: 0 auto 20px; +} +.med-scan-loader-text { + font-size: 20px; + font-weight: 600; + margin-bottom: 8px; +} +.med-scan-loader-sub { + font-size: 14px; + opacity: 0.8; +} +@keyframes med-spin { to { transform: rotate(360deg); } } \ No newline at end of file diff --git a/assets/js/med-diag.js b/assets/js/med-diag.js index 8917884..c9ff8dc 100644 --- a/assets/js/med-diag.js +++ b/assets/js/med-diag.js @@ -123,6 +123,7 @@ } setProgress(100, 'Готово!'); + document.getElementById('scanLoader').classList.remove('open'); setTimeout(function () { progressContainer.style.display = 'none'; renderResult(data); @@ -151,6 +152,7 @@ } function showError(msg, videoUrl) { + document.getElementById('scanLoader').classList.remove('open'); progressContainer.style.display = 'none'; resultCard.style.display = 'block'; var html = '