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

Compare commits

base: iot:741cc48ce521f61e8f3cc746aaddc6d8e08c799e
Branches Tags
iot:main
..
compare: iot:5850931614c845db0330e3e5540449d2144714bd
Branches Tags
iot:main

1 Commits
741cc48ce5 ... 5850931614

Author SHA1 Message Date
0x1d
5850931614 feat: toggle between mesh and star topology 2025-10-25 12:25:54 +02:00
1 changed files with 5 additions and 5 deletions
Expand all files Collapse all files

10
public/scripts/components/TopologyGraphComponent.js
View File

@@ -100,9 +100,9 @@ class TopologyGraphComponent extends Component {
.join(''); .join('');
// Add hint for node interactions // Add hint for node interactions
let hint = '<div style="margin-top: 8px; font-size: 11px; color: rgba(255, 255, 255, 0.7); text-align: center;">💡 Click to set as API Node & toggle view</div>'; let hint = '<div style="margin-top: 8px; font-size: 11px; color: rgba(255, 255, 255, 0.7); text-align: center;">💡 Click to set as primary & toggle view</div>';
if (nodeData && nodeData.isPrimary) { if (nodeData && nodeData.isPrimary) {
hint = '<div style="margin-top: 8px; font-size: 11px; color: rgba(255, 215, 0, 0.9); text-align: center;">⭐ API Node - Click to toggle view</div>'; hint = '<div style="margin-top: 8px; font-size: 11px; color: rgba(255, 215, 0, 0.9); text-align: center;">⭐ Primary Node - Click to toggle view</div>';
} }
this.tooltipEl.innerHTML = `<div class=\"member-labels\">${chips}</div>${hint}`; this.tooltipEl.innerHTML = `<div class=\"member-labels\">${chips}</div>${hint}`;
@@ -629,7 +629,7 @@ class TopologyGraphComponent extends Component {
.attr('transform', 'translate(0, 0)'); .attr('transform', 'translate(0, 0)');
primaryBadge.append('text') primaryBadge.append('text')
.text('A') .text('P')
.attr('text-anchor', 'middle') .attr('text-anchor', 'middle')
.attr('dominant-baseline', 'central') .attr('dominant-baseline', 'central')
.attr('font-size', '12px') .attr('font-size', '12px')
@@ -722,7 +722,7 @@ class TopologyGraphComponent extends Component {
.attr('transform', 'translate(0, 0)'); .attr('transform', 'translate(0, 0)');
badge.append('text') badge.append('text')
.text('A') .text('P')
.attr('text-anchor', 'middle') .attr('text-anchor', 'middle')
.attr('dominant-baseline', 'central') .attr('dominant-baseline', 'central')
.attr('font-size', '12px') .attr('font-size', '12px')
@@ -1081,7 +1081,7 @@ class TopologyGraphComponent extends Component {
.attr('stroke-width', 1); .attr('stroke-width', 1);
primaryBadge.append('text') primaryBadge.append('text')
.text('A') .text('P')
.attr('text-anchor', 'middle') .attr('text-anchor', 'middle')
.attr('dominant-baseline', 'central') .attr('dominant-baseline', 'central')
.attr('font-size', '8px') .attr('font-size', '8px')