mirror of
https://github.com/Azornes/Comfyui-LayerForge.git
synced 2026-03-21 20:52:12 -03:00
7e71d3ec3e
Extracted image upload, mask processing, notification, and preview update logic into dedicated utility modules. Updated MaskEditorIntegration and SAMDetectorIntegration to use these new utilities, reducing code duplication and improving maintainability.
59 lines
1.9 KiB
JavaScript
59 lines
1.9 KiB
JavaScript
import { createModuleLogger } from "./LoggerUtils.js";
|
|
const log = createModuleLogger('NotificationUtils');
|
|
/**
|
|
* Utility functions for showing notifications to the user
|
|
*/
|
|
/**
|
|
* Shows a temporary notification to the user
|
|
* @param message - The message to show
|
|
* @param backgroundColor - Background color (default: #4a6cd4)
|
|
* @param duration - Duration in milliseconds (default: 3000)
|
|
*/
|
|
export function showNotification(message, backgroundColor = "#4a6cd4", duration = 3000) {
|
|
const notification = document.createElement('div');
|
|
notification.style.cssText = `
|
|
position: fixed;
|
|
top: 20px;
|
|
right: 20px;
|
|
background: ${backgroundColor};
|
|
color: white;
|
|
padding: 12px 16px;
|
|
border-radius: 4px;
|
|
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
|
|
z-index: 10001;
|
|
font-size: 14px;
|
|
`;
|
|
notification.textContent = message;
|
|
document.body.appendChild(notification);
|
|
setTimeout(() => {
|
|
if (notification.parentNode) {
|
|
notification.parentNode.removeChild(notification);
|
|
}
|
|
}, duration);
|
|
log.debug(`Notification shown: ${message}`);
|
|
}
|
|
/**
|
|
* Shows a success notification
|
|
* @param message - The message to show
|
|
* @param duration - Duration in milliseconds (default: 3000)
|
|
*/
|
|
export function showSuccessNotification(message, duration = 3000) {
|
|
showNotification(message, "#4a7c59", duration);
|
|
}
|
|
/**
|
|
* Shows an error notification
|
|
* @param message - The message to show
|
|
* @param duration - Duration in milliseconds (default: 5000)
|
|
*/
|
|
export function showErrorNotification(message, duration = 5000) {
|
|
showNotification(message, "#c54747", duration);
|
|
}
|
|
/**
|
|
* Shows an info notification
|
|
* @param message - The message to show
|
|
* @param duration - Duration in milliseconds (default: 3000)
|
|
*/
|
|
export function showInfoNotification(message, duration = 3000) {
|
|
showNotification(message, "#4a6cd4", duration);
|
|
}
|