Simplify process display to simple text messages

**Motivations :**
- User wants simple text messages, one per line, not complex UI
- Simplify the process display to basic text format

**Modifications :**
- Changed from complex HTML cards to simple text messages
- Each process displayed as one line of text with basic info
- Messages joined with newlines and displayed in monospace font
- Removed complex styling and containers

**Pages affectées :**
- src/pages/home/home.ts
This commit is contained in:
NicolasCantu 2025-10-23 21:17:31 +02:00
parent a9f3ff8037
commit 60ab17bb26

View File

@ -621,9 +621,8 @@ async function displayExistingProcesses(): Promise<void> {
return;
}
// Create a list of processes to display
let processesHtml = `<div style="text-align: left; max-height: 200px; overflow-y: auto; border: 1px solid #e9ecef; border-radius: 8px; padding: 10px; background: #f8f9fa;">
<h4 style="margin: 0 0 10px 0; color: var(--primary-color);">📋 Existing Processes (${processCount})</h4>`;
// Create simple text messages for each process
let messages = [];
for (const [processId, process] of Object.entries(processes)) {
const processInfo = {
@ -633,19 +632,13 @@ async function displayExistingProcesses(): Promise<void> {
lastUpdate: process.last_update || 'Unknown'
};
processesHtml += `
<div style="margin: 8px 0; padding: 8px; background: white; border-radius: 4px; border-left: 3px solid var(--primary-color);">
<strong>Process:</strong> ${processInfo.id}<br>
<small style="color: #666;">
States: ${processInfo.states} | Members: ${processInfo.members} | Updated: ${processInfo.lastUpdate}
</small>
</div>`;
messages.push(`📋 Process ${processInfo.id} - States: ${processInfo.states}, Members: ${processInfo.members}, Updated: ${processInfo.lastUpdate}`);
}
processesHtml += '</div>';
const messagesText = messages.join('\n');
if (mainStatus) {
mainStatus.innerHTML = processesHtml;
mainStatus.innerHTML = `<pre style="white-space: pre-wrap; font-family: monospace; font-size: 12px; text-align: left;">${messagesText}</pre>`;
}
} catch (error) {