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) { 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 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 = ` const toastHTML = `
<div class="alert ${alertClass} alert-dismissible fade show position-fixed" <div role="alert" aria-live="assertive" aria-atomic="true" data-delay="5000" data-controller="common--toast" class="toast shadow fade show">
style="top: 20px; right: 20px; z-index: 9999; max-width: 400px;" <div class="toast-header ${bgClass} text-white">
id="${alertId}" role="alert"> <i class="fas fa-fw ${iconClass} me-2"></i>
<i class="fas ${iconClass} me-2"></i> <strong class="me-auto">${title}</strong>
${message} <small class="text-white">${timeString}</small>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> <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> </div>
`; `;
// Add alert to body // Add toast to body. The common--toast controller will move it to the container.
document.body.insertAdjacentHTML('beforeend', alertHTML); document.body.insertAdjacentHTML('beforeend', toastHTML);
// Auto-remove after 5 seconds if not closed manually
setTimeout(() => {
const elementToRemove = document.getElementById(alertId);
if (elementToRemove) {
elementToRemove.remove();
}
}, 5000);
} }
} }