lucasacchi/llm-monitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Translate UI to English and add PWA support

Browse Source
This commit is contained in:
Luca Sacchi Ricciardi
2026-04-25 15:32:10 +02:00
parent 2f28b6a52a
commit 3ba6a9a41c
9 changed files with 190 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/web/static/js/models-running.js
+10 -10
View File
@@ -20,14 +20,14 @@ class RunningModelsPage {
container.innerHTML = `
<div class="text-center py-8">
<div class="inline-block w-8 h-8 border-4 border-gray-600 border-t-purple-500 rounded-full animate-spin"></div>
<p class="text-gray-400 mt-4">Aggiornamento in corso...</p>
<p class="text-gray-400 mt-4">Refreshing data...</p>
</div>
`;
try {
const response = await fetch("/api/v1/models/running");
if (!response.ok) {
throw new Error("Errore nel caricamento dei modelli residenti");
throw new Error("Failed to load running models");
}
const data = await response.json();
@@ -38,7 +38,7 @@ class RunningModelsPage {
} catch (error) {
container.innerHTML = `
<div class="text-center py-8 text-red-400">
<p>Errore nel caricamento di ollama ps</p>
<p>Failed to load ollama ps output</p>
</div>
`;
this.renderStats([]);
@@ -60,7 +60,7 @@ class RunningModelsPage {
vramTotalEl.textContent = this.formatBytes(totalVram);
}
if (lastRefreshEl) {
lastRefreshEl.textContent = new Date().toLocaleString("it-IT");
lastRefreshEl.textContent = new Date().toLocaleString("en-US");
}
}
@@ -73,7 +73,7 @@ class RunningModelsPage {
if (models.length === 0) {
container.innerHTML = `
<div class="text-center py-8 text-gray-400">
<p>Nessun modello residente in memoria al momento.</p>
<p>No models are currently loaded in memory.</p>
</div>
`;
return;
@@ -99,15 +99,15 @@ class RunningModelsPage {
<h3 class="text-lg font-semibold">${name}</h3>
<p class="text-xs text-gray-400 mt-1">${modelId}</p>
</div>
<span class="bg-green-700 text-green-100 text-xs px-2 py-1 rounded">Pronto</span>
<span class="bg-green-700 text-green-100 text-xs px-2 py-1 rounded">Ready</span>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-3 mt-4 text-sm">
<div class="bg-gray-800 rounded p-3">
<p class="text-gray-400 text-xs">Dimensione modello</p>
<p class="text-gray-400 text-xs">Model Size</p>
<p class="font-semibold mt-1">${size}</p>
</div>
<div class="bg-gray-800 rounded p-3">
<p class="text-gray-400 text-xs">VRAM usata</p>
<p class="text-gray-400 text-xs">VRAM Used</p>
<p class="font-semibold mt-1">${sizeVram}</p>
</div>
<div class="bg-gray-800 rounded p-3">
@@ -115,7 +115,7 @@ class RunningModelsPage {
<p class="font-semibold mt-1">${processor}</p>
</div>
<div class="bg-gray-800 rounded p-3">
<p class="text-gray-400 text-xs">Scarico previsto</p>
<p class="text-gray-400 text-xs">Unload Time</p>
<p class="font-semibold mt-1">${expiresAt}</p>
</div>
</div>
@@ -139,7 +139,7 @@ class RunningModelsPage {
return "-";
}
return date.toLocaleString("it-IT", {
return date.toLocaleString("en-US", {
year: "numeric",
month: "short",
day: "2-digit",