checkpoint

static/js/managers/SettingsManager.js

@@ -0,0 +1,52 @@
+import { modalManager } from './ModalManager.js';
+import { showToast } from '../utils/uiHelpers.js';
+
+export class SettingsManager {
+    constructor() {
+        this.initialized = false;
+    }
+
+    showSettings() {
+        console.log('Opening settings modal...'); // Debug log
+        modalManager.showModal('settingsModal');
+    }
+
+    async saveSettings() {
+        const apiKey = document.getElementById('civitaiApiKey').value;
+        
+        try {
+            const response = await fetch('/api/settings', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    civitai_api_key: apiKey
+                })
+            });
+
+            if (!response.ok) {
+                throw new Error('Failed to save settings');
+            }
+
+            showToast('Settings saved successfully', 'success');
+            modalManager.closeModal('settingsModal');
+        } catch (error) {
+            showToast('Failed to save settings: ' + error.message, 'error');
+        }
+    }
+}
+
+// Helper function for toggling API key visibility
+export function toggleApiKeyVisibility(button) {
+    const input = button.parentElement.querySelector('input');
+    const icon = button.querySelector('i');
+    
+    if (input.type === 'password') {
+        input.type = 'text';
+        icon.className = 'fas fa-eye-slash';
+    } else {
+        input.type = 'password';
+        icon.className = 'fas fa-eye';
+    }
+}