iot/spore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature/filters #15

Merged
master merged 2 commits from feature/filters into main 2025-10-14 23:08:01 +02:00
Conversation 0 Commits 2 Files Changed 4 +7 -8
3 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 39eae6562c - Show all commits

4
public/index.html
View File

@@ -62,7 +62,7 @@
</svg> </svg>
</button> </button>
</div> </div>
<div class="cluster-status">Cluster Online</div> <div class="cluster-status">Cluster</div>
</div> </div>
</div> </div>
@@ -71,7 +71,7 @@
<div class="cluster-header"> <div class="cluster-header">
<div class="cluster-header-left"> <div class="cluster-header-left">
<div class="primary-node-info"> <div class="primary-node-info">
<span class="primary-node-label">Primary Node:</span> <span class="primary-node-label">API:</span>
<span class="primary-node-ip" id="primary-node-ip">Discovering...</span> <span class="primary-node-ip" id="primary-node-ip">Discovering...</span>
<button class="primary-node-refresh" id="select-random-primary-btn" <button class="primary-node-refresh" id="select-random-primary-btn"
title="Select random primary node"> title="Select random primary node">

8
public/scripts/components/ClusterStatusComponent.js
View File

@@ -56,13 +56,13 @@ class ClusterStatusComponent extends Component {
// Determine WebSocket status // Determine WebSocket status
if (this.wsConnected) { if (this.wsConnected) {
wsStatusIcon = window.icon('dotGreen', { width: 10, height: 10 }); wsStatusIcon = window.icon('dotGreen', { width: 10, height: 10 });
wsStatusText = 'Live'; wsStatusText = 'WS';
} else if (this.wsReconnectAttempts > 0) { } else if (this.wsReconnectAttempts > 0) {
wsStatusIcon = window.icon('dotYellow', { width: 10, height: 10 }); wsStatusIcon = window.icon('dotYellow', { width: 10, height: 10 });
wsStatusText = 'Reconnecting'; wsStatusText = 'WS Reconnecting';
} else { } else {
wsStatusIcon = window.icon('dotRed', { width: 10, height: 10 }); wsStatusIcon = window.icon('dotRed', { width: 10, height: 10 });
wsStatusText = 'Offline'; wsStatusText = 'WS Offline';
} }
if (error) { if (error) {
@@ -74,7 +74,7 @@ class ClusterStatusComponent extends Component {
statusIcon = window.icon('dotRed', { width: 12, height: 12 }); statusIcon = window.icon('dotRed', { width: 12, height: 12 });
statusClass = 'cluster-status-offline'; statusClass = 'cluster-status-offline';
} else if (clientInitialized) { } else if (clientInitialized) {
statusText = 'Cluster Online'; statusText = 'Cluster';
statusIcon = window.icon('dotGreen', { width: 12, height: 12 }); statusIcon = window.icon('dotGreen', { width: 12, height: 12 });
statusClass = 'cluster-status-online'; statusClass = 'cluster-status-online';
} else { } else {

3
public/styles/main.css
View File

@@ -108,8 +108,7 @@ p {
padding: 0.4rem 0.75rem; padding: 0.4rem 0.75rem;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
border-radius: 6px; border-radius: 6px;
border: 1px solid var(--border-primary); border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: var(--backdrop-blur);
} }
.primary-node-label { .primary-node-label {