Add smart summary messages to custom upload results

This commit is contained in:
Aherobo Ovie Victor
2025-07-11 22:23:56 +01:00
parent 780e32c412
commit 40f074cc99
2 changed files with 48 additions and 7 deletions
+14
View File
@@ -316,6 +316,18 @@ function displayResults(result, title) {
const resultsSection = document.getElementById('resultsSection');
const resultsContent = document.getElementById('resultsContent');
// Create smart summary message
let summaryMessage = '';
if (result.success) {
if (result.num_detections > 0) {
summaryMessage = `<div class="summary-message success">✅ Found ${result.num_detections} memory modules</div>`;
} else {
summaryMessage = `<div class="summary-message no-memory">❌ No memory modules</div>`;
}
} else {
summaryMessage = `<div class="summary-message error">❌ Error: ${result.error}</div>`;
}
let detectionsHtml = '';
if (result.detections && result.detections.length > 0) {
detectionsHtml = result.detections.map((detection, index) => `
@@ -335,6 +347,8 @@ function displayResults(result, title) {
<span class="badge">${new Date().toLocaleTimeString()}</span>
</div>
${summaryMessage}
<div class="result-stats">
<div class="stat-item">
<div class="stat-value">${result.num_detections}</div>
+27
View File
@@ -347,6 +347,33 @@ main {
flex: 1;
}
.summary-message {
padding: 15px;
margin: 15px 0;
border-radius: 8px;
font-weight: 600;
font-size: 1.1rem;
text-align: center;
}
.summary-message.success {
background: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.summary-message.no-memory {
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
.summary-message.error {
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
.footer {
text-align: center;
margin-top: auto;