📍 Nodes
@@ -273,6 +348,89 @@
}
} catch (e) { badge.innerText = "Fehler"; }
};
+
+ let currentSettings = {};
+
+ // Bekannte Standard-Modelle für das Dropdown
+ const modelOptions = {
+ google: ["gemini-2.5-flash", "gemini-2.5-pro", "gemini-2.0-flash"],
+ openai: ["gpt-4o", "gpt-4-turbo", "gpt-3.5-turbo"],
+ ollama: ["llama3", "mistral", "qwen"]
+ };
+
+ async function loadSettings() {
+ try {
+ const res = await fetch('/api/settings');
+ currentSettings = await res.json();
+
+ document.getElementById('ai-provider').value = currentSettings.provider;
+ updateModelDropdown(true);
+ } catch (e) {
+ console.error("Fehler beim Laden der Einstellungen:", e);
+ }
+ }
+
+ function updateModelDropdown(isInitialLoad = false) {
+ const provider = document.getElementById('ai-provider').value;
+ const modelSelect = document.getElementById('ai-model');
+ modelSelect.innerHTML = ''; // Leeren
+
+ // Modelle des gewählten Providers einfügen
+ modelOptions[provider].forEach(m => {
+ const opt = document.createElement('option');
+ opt.value = m;
+ opt.textContent = m;
+ modelSelect.appendChild(opt);
+ });
+
+ if (isInitialLoad) {
+ // Das aktuell gespeicherte Modell setzen
+ const savedModel = currentSettings[`${provider}_model`];
+
+ // Falls das in der .env gespeicherte Modell nicht in unserer Liste ist, fügen wir es hinzu
+ if (savedModel && !modelOptions[provider].includes(savedModel)) {
+ const opt = document.createElement('option');
+ opt.value = savedModel;
+ opt.textContent = savedModel;
+ modelSelect.appendChild(opt);
+ }
+
+ if (savedModel) modelSelect.value = savedModel;
+ }
+ }
+
+ async function saveSettings() {
+ const provider = document.getElementById('ai-provider').value;
+ const model = document.getElementById('ai-model').value;
+ const statusEl = document.getElementById('settings-status');
+
+ statusEl.textContent = "Speichere...";
+ statusEl.style.color = "#f1c40f";
+
+ try {
+ await fetch('/api/settings', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ provider, model })
+ });
+
+ statusEl.textContent = "✅ Gespeichert!";
+ statusEl.style.color = "#2ecc71";
+
+ // Aktualisiere unsere lokalen Daten
+ currentSettings.provider = provider;
+ currentSettings[`${provider}_model`] = model;
+
+ } catch (e) {
+ statusEl.textContent = "❌ Fehler";
+ statusEl.style.color = "#e74c3c";
+ }
+
+ setTimeout(() => statusEl.textContent = "", 3000);
+ }
+
+ // Einstellungen beim Laden der Seite abrufen
+ window.addEventListener('DOMContentLoaded', loadSettings);
});