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:
parent
a9f3ff8037
commit
60ab17bb26
@ -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) {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user