Mr.Haruna
33 lines
882 B
JavaScript
33 lines
882 B
JavaScript
/**
|
|
* ui.util.js
|
|
* Tanggung Jawab: Manipulasi DOM umum seperti Toast notification.
|
|
*/
|
|
|
|
export const showToast = (message, type = 'success') => {
|
|
const container = document.getElementById('toast-container');
|
|
if (!container) return;
|
|
|
|
const toast = document.createElement('div');
|
|
toast.className = `toast ${type}`;
|
|
toast.textContent = message;
|
|
|
|
container.appendChild(toast);
|
|
|
|
// Hapus toast setelah 3 detik
|
|
setTimeout(() => {
|
|
toast.style.opacity = '0';
|
|
toast.style.transform = 'translateY(20px)';
|
|
toast.style.transition = 'all 0.3s ease';
|
|
|
|
setTimeout(() => toast.remove(), 300);
|
|
}, 3000);
|
|
};
|
|
|
|
export const clearFormContainer = () => {
|
|
const container = document.getElementById('form-container');
|
|
if (container) {
|
|
container.innerHTML = '';
|
|
container.style.display = 'none';
|
|
}
|
|
};
|