feat: méthode WebSocket HA pour Lovelace + vue lumières créée

2026-02-22 18:28:34 +00:00
parent 7d6605e33e
commit 917d1da7c0
668 changed files with 198094 additions and 0 deletions
@@ -0,0 +1,97 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 480" font-family="Arial, sans-serif">
+  <!-- Background -->
+  <rect width="800" height="480" fill="#1a1a2e" rx="12"/>
+  
+  <!-- Title -->
+  <text x="400" y="32" text-anchor="middle" fill="#e0e0e0" font-size="17" font-weight="bold">Aeotec Nano Dimmer ZW111 — Câblage SANS NEUTRE (2 fils)</text>
+  <text x="400" y="52" text-anchor="middle" fill="#e94560" font-size="12">⚠️ Uniquement charges résistives (incandescent/halogène) — min 20W</text>
+
+  <!-- ========== Disjoncteur ========== -->
+  <rect x="30" y="140" width="120" height="70" fill="#2c3e50" stroke="#7f8c8d" stroke-width="2" rx="6"/>
+  <text x="90" y="170" text-anchor="middle" fill="#ecf0f1" font-size="13" font-weight="bold">Disjoncteur</text>
+  <text x="90" y="190" text-anchor="middle" fill="#95a5a6" font-size="11">230V AC</text>
+  <!-- Sortie Phase -->
+  <circle cx="150" cy="160" r="5" fill="#e94560"/>
+  <text x="162" y="155" fill="#e94560" font-size="9">L</text>
+  <!-- Sortie Neutre -->
+  <circle cx="150" cy="185" r="5" fill="#4a90d9"/>
+  <text x="162" y="180" fill="#4a90d9" font-size="9">N</text>
+
+  <!-- ========== Module Nano Dimmer ========== -->
+  <rect x="290" y="110" width="220" height="160" fill="#16213e" stroke="#0f3460" stroke-width="3" rx="10"/>
+  <text x="400" y="140" text-anchor="middle" fill="#e94560" font-size="15" font-weight="bold">Aeotec Nano Dimmer</text>
+  <text x="400" y="158" text-anchor="middle" fill="#a0a0a0" font-size="11">ZW111 — Mode 2 fils</text>
+  
+  <!-- Borne L -->
+  <rect x="305" y="175" width="45" height="28" fill="#e94560" rx="4"/>
+  <text x="327" y="194" text-anchor="middle" fill="white" font-size="12" font-weight="bold">L</text>
+  <text x="327" y="170" text-anchor="middle" fill="#ccc" font-size="8">Phase in</text>
+  
+  <!-- Borne OUT -->
+  <rect x="360" y="175" width="45" height="28" fill="#f5a623" rx="4"/>
+  <text x="382" y="194" text-anchor="middle" fill="white" font-size="12" font-weight="bold">OUT</text>
+  <text x="382" y="170" text-anchor="middle" fill="#ccc" font-size="8">Sortie</text>
+  
+  <!-- Borne SW -->
+  <rect x="305" y="220" width="45" height="28" fill="#27ae60" rx="4"/>
+  <text x="327" y="239" text-anchor="middle" fill="white" font-size="12" font-weight="bold">SW</text>
+  <text x="327" y="215" text-anchor="middle" fill="#ccc" font-size="8">Switch</text>
+
+  <!-- Borne N (non connectée) -->
+  <rect x="415" y="175" width="80" height="28" fill="#333" stroke="#555" stroke-width="1" rx="4"/>
+  <text x="455" y="194" text-anchor="middle" fill="#777" font-size="11" font-weight="bold">N ∅</text>
+  <text x="455" y="170" text-anchor="middle" fill="#666" font-size="8">Non connecté</text>
+
+  <!-- ========== Bouton Poussoir ========== -->
+  <rect x="70" y="310" width="150" height="55" fill="#1e8449" stroke="#27ae60" stroke-width="2" rx="8"/>
+  <text x="145" y="335" text-anchor="middle" fill="white" font-size="13" font-weight="bold">Bouton Poussoir</text>
+  <text x="145" y="352" text-anchor="middle" fill="#a9dfbf" font-size="10">(momentary switch)</text>
+
+  <!-- ========== Lampe ========== -->
+  <rect x="600" y="130" width="150" height="90" fill="#7d6608" stroke="#f5a623" stroke-width="2" rx="8"/>
+  <text x="675" y="165" text-anchor="middle" fill="#f5a623" font-size="30">💡</text>
+  <text x="675" y="195" text-anchor="middle" fill="#fdebd0" font-size="13" font-weight="bold">Lampe</text>
+  <text x="675" y="210" text-anchor="middle" fill="#d4ac0d" font-size="10">min 20W résistif</text>
+
+  <!-- ========== FILS ========== -->
+
+  <!-- Phase: Disjoncteur L → Nano L -->
+  <path d="M 155 160 L 240 160 L 240 189 L 305 189" fill="none" stroke="#e94560" stroke-width="3"/>
+  <text x="200" y="152" text-anchor="middle" fill="#e94560" font-size="11" font-weight="bold">Phase (L)</text>
+
+  <!-- Phase vers Bouton Poussoir (dérivation) -->
+  <path d="M 240 160 L 240 337 L 70 337" fill="none" stroke="#e94560" stroke-width="2" stroke-dasharray="6,3"/>
+  
+  <!-- Bouton Poussoir → SW -->
+  <path d="M 220 337 L 270 337 L 270 234 L 305 234" fill="none" stroke="#27ae60" stroke-width="3"/>
+  <text x="258" y="290" fill="#27ae60" font-size="10" font-weight="bold" transform="rotate(-90,258,290)">vers SW</text>
+
+  <!-- OUT → Lampe -->
+  <path d="M 405 189 L 560 189 L 560 175 L 600 175" fill="none" stroke="#f5a623" stroke-width="3"/>
+  <text x="500" y="180" text-anchor="middle" fill="#f5a623" font-size="11" font-weight="bold">OUT → Lampe</text>
+
+  <!-- Retour Lampe → Neutre disjoncteur -->
+  <path d="M 675 220 L 675 400 L 90 400 L 90 210" fill="none" stroke="#4a90d9" stroke-width="2.5"/>
+  <text x="400" y="420" text-anchor="middle" fill="#4a90d9" font-size="11" font-weight="bold">Retour lampe → Neutre (N) disjoncteur</text>
+  <circle cx="90" cy="210" r="4" fill="#4a90d9"/>
+
+  <!-- ========== Encadré explicatif ========== -->
+  <rect x="290" y="290" width="470" height="80" fill="#0f0f23" stroke="#333" stroke-width="1" rx="6"/>
+  <text x="305" y="312" fill="#e0e0e0" font-size="12" font-weight="bold">Principe sans neutre (2 fils) :</text>
+  <text x="305" y="330" fill="#bbb" font-size="11">• Seuls 2 fils arrivent à l'interrupteur : Phase (L) et Retour lampe</text>
+  <text x="305" y="347" fill="#bbb" font-size="11">• Le Nano se met EN SÉRIE entre l'interrupteur et la lampe</text>
+  <text x="305" y="364" fill="#bbb" font-size="11">• Le courant de veille passe par la lampe → min 20W obligatoire</text>
+
+  <!-- ========== Légende ========== -->
+  <rect x="30" y="435" width="740" height="35" fill="#0f0f23" rx="6"/>
+  <line x1="50" y1="453" x2="80" y2="453" stroke="#e94560" stroke-width="3"/>
+  <text x="85" y="457" fill="#e94560" font-size="11">Phase (L)</text>
+  <line x1="180" y1="453" x2="210" y2="453" stroke="#4a90d9" stroke-width="3"/>
+  <text x="215" y="457" fill="#4a90d9" font-size="11">Neutre (N)</text>
+  <line x1="320" y1="453" x2="350" y2="453" stroke="#f5a623" stroke-width="3"/>
+  <text x="355" y="457" fill="#f5a623" font-size="11">Sortie (OUT)</text>
+  <line x1="460" y1="453" x2="490" y2="453" stroke="#27ae60" stroke-width="3"/>
+  <text x="495" y="457" fill="#27ae60" font-size="11">Switch (SW)</text>
+  <rect x="600" y="447" width="40" height="12" fill="#333" stroke="#555" stroke-width="1" rx="2"/>
+  <text x="645" y="457" fill="#777" font-size="11">Non connecté</text>
+</svg>