groove/Part-DB-server
1
0
Fork 0
mirror of https://github.com/Part-DB/Part-DB-server.git synced 2026-03-01 04:49:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

statistics_assembly_controller bzgl. Alert-Ausgabe aktualisieren

Browse source
This commit is contained in:
Marcel Diegelmann 2026-02-16 09:01:31 +01:00
parent b08df9b812
commit 4b6018fe86
1 changed files with 22 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

42
assets/controllers/pages/statistics_assembly_controller.js
View file

@ -126,30 +126,32 @@ export default class extends Controller {
}
showToast(type, message) {
// Create a simple alert that doesn't disrupt layout
const alertId = 'alert-' + Date.now();
const iconClass = type === 'success' ? 'fa-check-circle' : 'fa-exclamation-triangle';
const alertClass = type === 'success' ? 'alert-success' : 'alert-danger';
const bgClass = type === 'success' ? 'bg-success' : 'bg-danger';
const title = type === 'success' ? 'Success' : 'Error';
const timeString = new Date().toLocaleString(undefined, {
year: '2-digit',
month: 'numeric',
day: 'numeric',
hour: 'numeric',
minute: '2-digit'
});
const alertHTML = `
<div class="alert ${alertClass} alert-dismissible fade show position-fixed"
style="top: 20px; right: 20px; z-index: 9999; max-width: 400px;"
id="${alertId}" role="alert">
<i class="fas ${iconClass} me-2"></i>
${message}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
const toastHTML = `
<div role="alert" aria-live="assertive" aria-atomic="true" data-delay="5000" data-controller="common--toast" class="toast shadow fade show">
<div class="toast-header ${bgClass} text-white">
<i class="fas fa-fw ${iconClass} me-2"></i>
<strong class="me-auto">${title}</strong>
<small class="text-white">${timeString}</small>
<button type="button" class="ms-2 mb-1 btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
<div class="toast-body ${bgClass} text-white">
${message}
</div>
</div>
`;
// Add alert to body
document.body.insertAdjacentHTML('beforeend', alertHTML);
// Auto-remove after 5 seconds if not closed manually
setTimeout(() => {
const elementToRemove = document.getElementById(alertId);
if (elementToRemove) {
elementToRemove.remove();
}
}, 5000);
// Add toast to body. The common--toast controller will move it to the container.
document.body.insertAdjacentHTML('beforeend', toastHTML);
}
}