| 1450 | } |
| 1451 | |
| 1452 | build() { |
| 1453 | this.container.innerHTML = ""; |
| 1454 | if (!this.container.classList.contains("network-info-panel")) { |
| 1455 | this.container.classList.add("network-info-panel"); |
| 1456 | } |
| 1457 | this.titleElement = document.createElement("h3"); |
| 1458 | this.titleElement.className = "network-info-panel__title"; |
| 1459 | this.titleElement.textContent = "Netzwerkübersicht"; |
| 1460 | |
| 1461 | this.summaryElement = document.createElement("div"); |
| 1462 | this.summaryElement.className = "network-info-panel__summary"; |
| 1463 | |
| 1464 | this.layersElement = document.createElement("div"); |
| 1465 | this.layersElement.className = "network-info-panel__layers"; |
| 1466 | |
| 1467 | this.emptyElement = document.createElement("div"); |
| 1468 | this.emptyElement.className = "network-info-panel__empty"; |
| 1469 | this.emptyElement.textContent = "Keine Netzwerkdaten verfügbar."; |
| 1470 | |
| 1471 | this.container.appendChild(this.titleElement); |
| 1472 | this.container.appendChild(this.summaryElement); |
| 1473 | this.container.appendChild(this.layersElement); |
| 1474 | this.container.appendChild(this.emptyElement); |
| 1475 | |
| 1476 | this.summaryElement.style.display = "none"; |
| 1477 | this.layersElement.style.display = "none"; |
| 1478 | this.emptyElement.style.display = "block"; |
| 1479 | } |
| 1480 | |
| 1481 | formatNumber(value) { |
| 1482 | if (!Number.isFinite(value)) return "—"; |