pi-farm/PiDoBot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

templates/index.html aktualisiert

Browse Source
This commit is contained in:
info@pi-farm.de
2026-03-05 19:10:53 +00:00
parent a52404bd17
commit 1613f8f775
1 changed files with 59 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
templates/index.html
View File

@@ -110,7 +110,7 @@
} }
/* Der Container für die URL */ /* Der Container für die URL */
#ollama-url-container { .ollama-url-container {
display: none; /* Standardmäßig versteckt */ display: none; /* Standardmäßig versteckt */
align-items: center; align-items: center;
gap: 10px; gap: 10px;
@@ -160,7 +160,7 @@
<select id="ai-provider" onchange="updateModelDropdown(false)"> <select id="ai-provider" onchange="updateModelDropdown(false)">
<option value="google">Google Gemini</option> <option value="google">Google Gemini</option>
<option value="openai">OpenAI</option> <option value="openai">OpenAI</option>
<option value="ollama">Ollama (Lokal)</option> <option value="ollama">Ollama</option>
</select> </select>
<label for="ai-model">Modell:</label> <label for="ai-model">Modell:</label>
@@ -236,6 +236,30 @@
<script> <script>
let termDataDisposable = null; let termDataDisposable = null;
// Diese Liste definiert, welche Modelle in der Auswahl erscheinen
const modelOptions = {
google: [
"gemini-2.0-flash",
"gemini-1.5-flash",
"gemini-1.5-pro"
],
openai: [
"gpt-4o",
"gpt-4o-mini",
"gpt-4-turbo"
],
ollama: [
"llama3.2",
"llama3.1",
"mistral",
"phi3",
"qwen2.5"
]
};
let currentSettings = {};
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
// 1. GridStack Initialisierung // 1. GridStack Initialisierung
var grid = GridStack.init({ var grid = GridStack.init({
@@ -389,8 +413,6 @@
} catch (e) { badge.innerText = "Fehler"; } } catch (e) { badge.innerText = "Fehler"; }
}; };
let currentSettings = {};
// Bekannte Standard-Modelle für das Dropdown // Bekannte Standard-Modelle für das Dropdown
const modelOptions = { const modelOptions = {
google: ["gemini-2.5-flash", "gemini-2.5-pro", "gemini-2.0-flash"], google: ["gemini-2.5-flash", "gemini-2.5-pro", "gemini-2.0-flash"],
@@ -413,44 +435,50 @@
} }
function updateModelDropdown(isInitialLoad = false) { function updateModelDropdown(isInitialLoad = false) {
const provider = document.getElementById('ai-provider').value; const providerSelect = document.getElementById('ai-provider');
const modelSelect = document.getElementById('ai-model'); const modelSelect = document.getElementById('ai-model');
const urlContainer = document.getElementById('ollama-url-container'); const urlContainer = document.getElementById('ollama-url-container');
// 1. Sichtbarkeit sofort umschalten (bevor etwas anderes schiefgehen kann) if (!providerSelect || !urlContainer) {
if (provider === "ollama") { console.error("Fehler: HTML Elemente nicht gefunden!");
urlContainer.style.display = "flex"; return;
} else {
urlContainer.style.display = "none";
} }
// 2. Dropdown leeren und neu befüllen const provider = providerSelect.value;
modelSelect.innerHTML = ''; console.log("Gewählter Provider:", provider); // Debug-Ausgabe für die Konsole
// Sicherheitscheck: Gibt es den Provider in unserer Liste? // 1. Sichtbarkeit umschalten mit !important-Logik über JS
if (modelOptions[provider]) { if (provider === "ollama") {
modelOptions[provider].forEach(m => { urlContainer.setAttribute("style", "display: flex !important");
} else {
urlContainer.setAttribute("style", "display: none !important");
}
// 2. Dropdown befüllen
if (modelSelect) {
modelSelect.innerHTML = '';
const options = modelOptions[provider] || [];
options.forEach(m => {
const opt = document.createElement('option'); const opt = document.createElement('option');
opt.value = m; opt.value = m;
opt.textContent = m; opt.textContent = m;
modelSelect.appendChild(opt); modelSelect.appendChild(opt);
}); });
}
// 3. Wenn es der Start der Seite ist, setzen wir den gespeicherten Wert // 3. Wert beim Laden setzen
if (isInitialLoad && currentSettings) { if (isInitialLoad && currentSettings) {
const savedModel = currentSettings[`${provider}_model`]; const savedModel = currentSettings[`${provider}_model`];
if (savedModel) {
// Falls das Modell in der DB ist, aber nicht im Dropdown, fügen wir es als Option hinzu // Falls das Modell nicht in der Liste ist, hinzufügen
if (savedModel && !modelOptions[provider].includes(savedModel)) { if (!options.includes(savedModel)) {
const opt = document.createElement('option'); const opt = document.createElement('option');
opt.value = savedModel; opt.value = savedModel;
opt.textContent = savedModel; opt.textContent = savedModel;
modelSelect.appendChild(opt); modelSelect.appendChild(opt);
} }
modelSelect.value = savedModel;
if (savedModel) { }
modelSelect.value = savedModel;
} }
} }
} }