troy-grunt/netwatch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stockwerksinfrastruktur zoombar gemacht

Browse Source 
closes #30
This commit is contained in:
bigserver
2026-04-09 08:32:50 +02:00
parent 29fc683675
commit 55bbd45562
3 changed files with 132 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/modules/floor_infrastructure/list.php
View File

@@ -133,7 +133,14 @@ if ($editorFloor) {
</form>
<section class="infra-plan">
<h2>Stockwerkskarte</h2>
<div class="infra-plan-header">
<h2>Stockwerkskarte</h2>
<div class="infra-plan-tools">
<button type="button" class="button button-small" data-infra-zoom="in">+</button>
<button type="button" class="button button-small" data-infra-zoom="out">-</button>
<button type="button" class="button button-small" data-infra-zoom="reset">Reset</button>
</div>
</div>
<?php if ($floorId <= 0): ?>
<p class="empty-state">Bitte ein Stockwerk auswählen, um die Karte anzuzeigen.</p>
<?php elseif (!$editorFloor): ?>
@@ -149,8 +156,10 @@ if ($editorFloor) {
class="infra-floor-canvas"
data-patchpanels="<?php echo htmlspecialchars(json_encode($editorPatchPanels, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES), ENT_QUOTES, 'UTF-8'); ?>"
data-outlets="<?php echo htmlspecialchars(json_encode($editorOutlets, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES), ENT_QUOTES, 'UTF-8'); ?>">
<img src="<?php echo htmlspecialchars((string)$editorFloor['svg_url']); ?>" class="infra-floor-svg" alt="Stockwerksplan">
<svg id="infra-floor-overlay" class="infra-floor-overlay" viewBox="0 0 1 1" preserveAspectRatio="xMidYMid meet" aria-hidden="true"></svg>
<div class="infra-floor-scene" id="infra-floor-scene">
<img src="<?php echo htmlspecialchars((string)$editorFloor['svg_url']); ?>" class="infra-floor-svg" alt="Stockwerksplan">
<svg id="infra-floor-overlay" class="infra-floor-overlay" viewBox="0 0 1 1" preserveAspectRatio="xMidYMid meet" aria-hidden="true"></svg>
</div>
</div>
<p class="floor-plan-hint">Blau: Patchpanel | Grün: Wandbuchse. Hover zeigt Name, Raum und Ports (Browser-Tooltip).</p>
<?php endif; ?>