Upload 59 files

static/js/app.js

@@ -25,88 +25,37 @@
 })();
 
 // =============================================================================
-// Toast Notification System
+// Toast Notification System (use the one from toast.js)
 // =============================================================================
+// Create a proxy that will use window.toastManager when it's available
 const ToastManager = {
-    container: null,
-    
+    get _manager() {
+        return window.toastManager || window.toast;
+    },
     init() {
-        this.container = document.getElementById('toast-container');
-        if (!this.container) {
-            this.container = document.createElement('div');
-            this.container.id = 'toast-container';
-            this.container.className = 'toast-container';
-            document.body.appendChild(this.container);
-        }
+        if (this._manager && this._manager.init) this._manager.init();
     },
-    
     show(message, type = 'info', duration = 5000) {
-        if (!this.container) this.init();
-        
-        const toast = document.createElement('div');
-        toast.className = `toast ${type}`;
-        
-        const icons = {
-            success: 'fa-check-circle',
-            error: 'fa-times-circle',
-            warning: 'fa-exclamation-triangle',
-            info: 'fa-info-circle'
-        };
-        
-        const titles = {
-            success: 'Success',
-            error: 'Error',
-            warning: 'Warning',
-            info: 'Info'
-        };
-        
-        toast.innerHTML = `
-            <div class="toast-icon">
-                <i class="fas ${icons[type] || icons.info}"></i>
-            </div>
-            <div class="toast-content">
-                <div class="toast-title">${titles[type] || titles.info}</div>
-                <div class="toast-message">${message}</div>
-            </div>
-            <button class="toast-close" onclick="ToastManager.remove(this.parentElement)">
-                <i class="fas fa-times"></i>
-            </button>
-            <div class="toast-progress"></div>
-        `;
-        
-        this.container.appendChild(toast);
-        
-        // Auto remove after duration
-        if (duration > 0) {
-            setTimeout(() => this.remove(toast), duration);
-        }
-        
-        return toast;
+        if (this._manager) return this._manager.show(message, type, duration);
+        console.log(`Toast: ${type} - ${message}`);
     },
-    
     remove(toast) {
-        if (!toast) return;
-        toast.classList.add('removing');
-        setTimeout(() => {
-            if (toast.parentElement) {
-                toast.parentElement.removeChild(toast);
-            }
-        }, 300);
+        if (toast && toast.remove) toast.remove();
     },
-    
     success(message, duration) {
+        if (this._manager && this._manager.success) return this._manager.success(message, duration);
         return this.show(message, 'success', duration);
     },
-    
     error(message, duration) {
+        if (this._manager && this._manager.error) return this._manager.error(message, duration);
         return this.show(message, 'error', duration);
     },
-    
     warning(message, duration) {
+        if (this._manager && this._manager.warning) return this._manager.warning(message, duration);
         return this.show(message, 'warning', duration);
     },
-    
     info(message, duration) {
+        if (this._manager && this._manager.info) return this._manager.info(message, duration);
         return this.show(message, 'info', duration);
     }
 };