dockered

django/frontend/static/js/utils/noticeUtils.js

@@ -0,0 +1,18 @@
+export function createNotification(title = 'New notification', content, delay = 3000) {
+
+	const toastElement = document.createElement('div');
+	toastElement.classList.add('toast');
+	toastElement.role = 'alert';
+	toastElement.setAttribute('data-bs-delay', delay);
+	toastElement.innerHTML =
+		`<div class='toast-header'>
+			<strong class='me-auto'>${title}</strong>
+			<button type='button' class='btn-close' data-bs-dismiss='toast'></button>
+		</div>
+		<div class='toast-body'>${content}</div>`
+	toastElement.addEventListener('hidden.bs.toast', e => e.target.remove());
+	new bootstrap.Toast(toastElement).show();
+
+	const toastContainer = document.getElementById('toastContainer');
+	toastContainer.insertBefore(toastElement, toastContainer.firstChild);
+}