40143734fc
Flutter web app replacing legacy WPF CCTV surveillance keyboard controller. Includes wall overview, section view with monitor grid, camera input, PTZ control, alarm/lock/sequence BLoCs, and legacy-matching UI styling. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
35 lines
849 B
HTML
35 lines
849 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Mermaid Test</title>
|
|
<style>body { background: #1e1e2e; color: #cdd6f4; font-family: sans-serif; padding: 2em; }</style>
|
|
</head>
|
|
<body>
|
|
<h1>Mermaid Rendering Test</h1>
|
|
<p>If you see a diagram below, mermaid is working:</p>
|
|
|
|
<pre class="mermaid">
|
|
graph LR
|
|
A[Flutter App] -->|REST| B[C# Bridge]
|
|
B -->|SDK| C[Camera Server]
|
|
</pre>
|
|
|
|
<p>Sequence diagram test:</p>
|
|
<pre class="mermaid">
|
|
sequenceDiagram
|
|
participant App
|
|
participant Bridge
|
|
participant Camera
|
|
App->>Bridge: POST /api/ptz/pan
|
|
Bridge->>Camera: SDK PanRight(speed)
|
|
Camera-->>Bridge: OK
|
|
Bridge-->>App: 200 OK
|
|
</pre>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
|
|
<script>
|
|
mermaid.initialize({ startOnLoad: true, theme: 'dark' });
|
|
</script>
|
|
</body>
|
|
</html>
|