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

Webseite überarbeitet und Telegram Bot funktion hinzugefügt #1

Merged
pi-farm merged 59 commits from dev into main 2026-03-07 23:50:03 +00:00
Conversation 0 Commits 59 Files Changed 8 +72 -21
1 changed files with 72 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 2f29e15e4d - Show all commits

93
templates/index.html
View File

@@ -216,7 +216,7 @@
let currentSettings = {}; let currentSettings = {};
let termDataDisposable = null; let termDataDisposable = null;
// CHAT // 1. CHAT LOGIK
function initChat(chatWs) { function initChat(chatWs) {
const input = document.getElementById('user-input'); const input = document.getElementById('user-input');
window.sendMessage = function() { window.sendMessage = function() {
@@ -225,20 +225,56 @@
chatWs.send(msg); chatWs.send(msg);
appendChat("Du", msg, "text-slate-400 font-bold"); appendChat("Du", msg, "text-slate-400 font-bold");
input.value = ''; input.value = '';
input.focus();
}; };
input.addEventListener('keydown', (e) => { if (e.key === 'Enter') sendMessage(); }); input.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); sendMessage(); } });
} }
// 2. MODAL LOGIK
window.addNode = () => document.getElementById('add-node-modal').classList.remove('hidden'); window.addNode = () => document.getElementById('add-node-modal').classList.remove('hidden');
window.closeAddNode = () => document.getElementById('add-node-modal').classList.add('hidden'); window.closeAddNode = () => document.getElementById('add-node-modal').classList.add('hidden');
// AI SETTINGS // 3. ERWEITERTER REFRESH (Aktualisiert OS & Arch)
window.refreshNodeStatus = async function(nodeId) {
const badge = document.getElementById(`badge-${nodeId}`);
const led = document.getElementById(`led-${nodeId}`);
const osEl = document.getElementById(`os-${nodeId}`);
const archEl = document.getElementById(`arch-${nodeId}`);
const card = document.getElementById(`node-card-${nodeId}`);
badge.textContent = "PRÜFE...";
card.style.opacity = "0.7";
try {
const response = await fetch(`/refresh_status/${nodeId}`);
const data = await response.json();
badge.textContent = data.status;
osEl.textContent = data.os;
archEl.textContent = data.arch;
if (data.status.includes("Aktiv")) {
led.className = "h-2 w-2 rounded-full bg-blue-500 shadow-[0_0_8px_#3b82f6]";
} else if (data.status === "Offline") {
led.className = "h-2 w-2 rounded-full bg-red-500 shadow-[0_0_8px_#ef4444]";
} else {
led.className = "h-2 w-2 rounded-full bg-yellow-500";
}
} catch (e) {
badge.textContent = "FEHLER";
led.className = "h-2 w-2 rounded-full bg-red-500";
} finally {
card.style.opacity = "1";
}
};
// 4. SETTINGS & MODEL LOGIK
async function loadSettings() { async function loadSettings() {
try { try {
const res = await fetch('/api/settings'); const res = await fetch('/api/settings');
currentSettings = await res.json(); currentSettings = await res.json();
document.getElementById('ai-provider').value = currentSettings.provider; document.getElementById('ai-provider').value = currentSettings.provider;
document.getElementById('ollama-url').value = currentSettings.ollama_base_url || ""; document.getElementById('ollama-url').value = currentSettings.ollama_base_url || "http://127.0.0.1:11434/v1";
updateModelDropdown(true); updateModelDropdown(true);
} catch (e) {} } catch (e) {}
} }
@@ -253,63 +289,77 @@
modelSelect.innerHTML = '<option>Lade...</option>'; modelSelect.innerHTML = '<option>Lade...</option>';
try { try {
// URL Parameter nur aufbauen, wenn nötig
let queryUrl = `/api/models?provider=${provider}`; let queryUrl = `/api/models?provider=${provider}`;
if (provider === "ollama" && ollamaUrl) queryUrl += `&url=${encodeURIComponent(ollamaUrl)}`; if (provider === "ollama") {
queryUrl += `&url=${encodeURIComponent(ollamaUrl)}`;
}
const res = await fetch(queryUrl); const res = await fetch(queryUrl);
const data = await res.json(); const data = await res.json();
modelSelect.innerHTML = ''; modelSelect.innerHTML = '';
if (data.models) { if (data.models && data.models.length > 0) {
data.models.forEach(m => { data.models.forEach(m => {
const opt = document.createElement('option'); const opt = document.createElement('option');
opt.value = opt.textContent = m; opt.value = opt.textContent = m;
modelSelect.appendChild(opt); modelSelect.appendChild(opt);
}); });
// Korrektur: In deiner main.py ist ein Tippfehler bei "mvidia_model" (mit m)
// Prüfe das in deiner settings API oder korrigiere es hier:
const savedModel = currentSettings[`${provider}_model`] || (provider === 'nvidia' ? currentSettings['nvidia_model'] : null); const savedModel = currentSettings[`${provider}_model`] || (provider === 'nvidia' ? currentSettings['nvidia_model'] : null);
if (isInitialLoad && savedModel) modelSelect.value = savedModel; if (isInitialLoad && savedModel) modelSelect.value = savedModel;
} }
} catch (e) { modelSelect.innerHTML = '<option>Fehler</option>'; } } catch (e) {
modelSelect.innerHTML = '<option>Fehler beim Laden</option>';
}
} }
async function saveSettings() { async function saveSettings() {
const provider = document.getElementById('ai-provider').value; const provider = document.getElementById('ai-provider').value;
const model = document.getElementById('ai-model').value; const model = document.getElementById('ai-model').value;
const ollama_base_url = document.getElementById('ollama-url').value; const ollama_base_url = document.getElementById('ollama-url').value;
const statusEl = document.getElementById('settings-status');
try { try {
await fetch('/api/settings', { await fetch('/api/settings', {
method: 'POST', method: 'POST',
headers: { 'Content-Type': 'application/json' }, headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ provider, model, ollama_base_url }) body: JSON.stringify({ provider, model, ollama_base_url })
}); });
document.getElementById('settings-status').textContent = "✅"; statusEl.textContent = "✅ Gespeichert";
setTimeout(() => document.getElementById('settings-status').textContent = "", 2000); setTimeout(() => statusEl.textContent = "", 2000);
} catch (e) {} } catch (e) { statusEl.textContent = "❌ Fehler"; }
} }
// INIT EVERYTHING // 5. INITIALISIERUNG
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
const grid = GridStack.init({ var grid = GridStack.init({
cellHeight: 80, margin: 10, handle: '.widget-header', resizable: { handles: 'all' } cellHeight: 80,
margin: 10,
float: true,
handle: '.widget-header',
resizable: { handles: 'all' },
alwaysShowResizeHandle: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
}); });
const savedLayout = localStorage.getItem('pi-orch-layout-v2'); const savedLayout = localStorage.getItem('pi-orch-layout-v2');
if (savedLayout) try { grid.load(JSON.parse(savedLayout)); } catch(e){} if (savedLayout) { try { grid.load(JSON.parse(savedLayout)); } catch(e){} }
grid.on('resizestop dragstop', () => localStorage.setItem('pi-orch-layout-v2', JSON.stringify(grid.save(false)))); grid.on('resizestop dragstop', () => {
localStorage.setItem('pi-orch-layout-v2', JSON.stringify(grid.save(false)));
});
const term = new Terminal({ theme: { background: '#000' }, fontSize: 13, convertEol: true }); const term = new Terminal({ theme: { background: '#000' }, fontSize: 13, convertEol: true });
const fitAddon = new FitAddon.FitAddon(); const fitAddon = new FitAddon.FitAddon();
term.loadAddon(fitAddon); term.loadAddon(fitAddon);
term.open(document.getElementById('terminal')); term.open(document.getElementById('terminal'));
setTimeout(() => fitAddon.fit(), 200);
const logWs = new WebSocket(`ws://${location.host}/ws/install_logs`); const logWs = new WebSocket(`ws://${location.host}/ws/install_logs`);
logWs.onmessage = (ev) => { logWs.onmessage = (ev) => {
const div = document.createElement('div'); const div = document.createElement('div');
div.textContent = `> ${ev.data}`; div.textContent = `> ${ev.data}`;
const logBox = document.getElementById('install-log'); document.getElementById('install-log').appendChild(div);
logBox.appendChild(div); document.getElementById('install-log').scrollTop = document.getElementById('install-log').scrollHeight;
logBox.scrollTop = logBox.scrollHeight;
}; };
const chatWs = new WebSocket(`ws://${location.host}/ws/chat`); const chatWs = new WebSocket(`ws://${location.host}/ws/chat`);
@@ -337,5 +387,6 @@
loadSettings(); loadSettings();
}); });
</script> </script>
</body> </body>
</html> </html>