diff --git a/templates/index.html b/templates/index.html
index 48b78ae..49aba83 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -81,14 +81,26 @@
font-size: 1.2em;
}
+ /* Schriftfarbe und Hintergrund für Dropdowns und Eingabefelder korrigieren */
.toolbar-controls select,
.toolbar-controls input,
.toolbar-controls button {
padding: 5px 10px;
border-radius: 4px;
border: 1px solid #bdc3c7;
- color: #333; /* Dunkle Schrift erzwingen */
- background-color: #fff; /* Weißen Hintergrund erzwingen */
+ color: #2c3e50; /* Dunkle Schriftfarbe! */
+ background-color: white; /* Weißer Grund! */
+ font-size: 14px;
+ }
+
+ /* Der Container für die URL (standardmäßig versteckt) */
+ #ollama-url-container {
+ display: none;
+ align-items: center;
+ gap: 10px;
+ margin-left: 10px;
+ border-left: 1px solid #7f8c8d;
+ padding-left: 10px;
}
/* WICHTIG: Den Speichern-Button überschreiben wir wieder, damit er grün mit weißer Schrift bleibt */
@@ -125,27 +137,27 @@
@@ -376,8 +388,7 @@
currentSettings = await res.json();
document.getElementById('ai-provider').value = currentSettings.provider;
- // NEU: Ollama URL laden
- document.getElementById('ollama-url').value = currentSettings.ollama_url || "http://127.0.0.1:11434/v1";
+ document.getElementById('ollama-url').value = currentSettings.ollama_base_url || "http://127.0.0.1:11434/v1";
updateModelDropdown(true);
} catch (e) {
@@ -388,37 +399,32 @@
function updateModelDropdown(isInitialLoad = false) {
const provider = document.getElementById('ai-provider').value;
const modelSelect = document.getElementById('ai-model');
- const ollamaContainer = document.getElementById('ollama-url-container'); // NEU
+ const urlContainer = document.getElementById('ollama-url-container');
- // NEU: URL-Feld nur anzeigen, wenn Ollama gewählt ist
- if (provider === 'ollama') {
- ollamaContainer.style.display = 'flex';
- } else {
- ollamaContainer.style.display = 'none';
- }
-
+ // Dropdown leeren und neu befüllen
modelSelect.innerHTML = '';
-
- // Modelle des gewählten Providers einfügen
- if(modelOptions[provider]) {
- modelOptions[provider].forEach(m => {
- const opt = document.createElement('option');
- opt.value = m;
- opt.textContent = m;
- modelSelect.appendChild(opt);
- });
+ modelOptions[provider].forEach(m => {
+ const opt = document.createElement('option');
+ opt.value = m;
+ opt.textContent = m;
+ modelSelect.appendChild(opt);
+ });
+
+ // Zeige das URL-Feld NUR bei Ollama an
+ if (provider === "ollama") {
+ urlContainer.style.display = "flex";
+ } else {
+ urlContainer.style.display = "none";
}
if (isInitialLoad) {
const savedModel = currentSettings[`${provider}_model`];
-
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;
}
}
@@ -457,7 +463,6 @@
setTimeout(() => statusEl.textContent = "", 3000);
}
-
// Einstellungen beim Laden der Seite abrufen
window.addEventListener('DOMContentLoaded', loadSettings);
});