@atelieruldetehnologii/node-red-custome-solutions 0.62.22

package/multi-battery/multi-battery.html

@@ -0,0 +1,649 @@
+<style>
+    .multi-battery-editor {
+        --mb-border: #d7dde5;
+        --mb-muted: #667085;
+        --mb-surface: #f7faf8;
+        --mb-head: #edf7f0;
+        --mb-danger-bg: #fff3f2;
+        --mb-danger-border: #f2c2bf;
+        --mb-danger-text: #b54745;
+    }
+
+    .multi-battery-editor .mb-section {
+        margin: 0 0 18px;
+        padding: 14px 16px 16px;
+        border: 1px solid var(--mb-border);
+        border-radius: 10px;
+        background: var(--mb-surface);
+    }
+
+    .multi-battery-editor .mb-section-title {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        margin: 0 0 4px;
+        font-size: 15px;
+        font-weight: 600;
+        color: #243447;
+    }
+
+    .multi-battery-editor .mb-section-note {
+        margin: 0 0 14px;
+        color: var(--mb-muted);
+        font-size: 12px;
+        line-height: 1.45;
+    }
+
+    .multi-battery-editor .mb-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+        gap: 12px 16px;
+    }
+
+    .multi-battery-editor .form-row {
+        margin-bottom: 12px;
+    }
+
+    .multi-battery-editor .mb-grid .form-row,
+    .multi-battery-editor .form-row:last-child {
+        margin-bottom: 0;
+    }
+
+    .multi-battery-editor .form-row > label {
+        width: 170px;
+        font-weight: 600;
+    }
+
+    .multi-battery-editor .form-row > input[type="text"],
+    .multi-battery-editor .form-row > input[type="number"],
+    .multi-battery-editor .form-row > select {
+        width: calc(100% - 180px);
+    }
+
+    .multi-battery-editor .mb-inline-note {
+        margin-left: 8px;
+        color: var(--mb-muted);
+        line-height: 1.4;
+    }
+
+    .multi-battery-editor .mb-checkbox-row > input[type="checkbox"] {
+        display: inline-block;
+        width: auto;
+        vertical-align: top;
+    }
+
+    .multi-battery-editor .mb-summary {
+        display: inline-flex;
+        align-items: center;
+        gap: 10px;
+        padding: 8px 12px;
+        border: 1px solid var(--mb-border);
+        border-radius: 999px;
+        background: #fff;
+        color: #344054;
+        font-weight: 600;
+    }
+
+    .multi-battery-editor .mb-table-wrap {
+        overflow-x: auto;
+        border: 1px solid var(--mb-border);
+        border-radius: 10px;
+        background: #fff;
+    }
+
+    .multi-battery-editor .mb-table {
+        width: 100%;
+        min-width: 1180px;
+        border-collapse: collapse;
+    }
+
+    .multi-battery-editor .mb-table th,
+    .multi-battery-editor .mb-table td {
+        padding: 8px;
+        border-bottom: 1px solid #e6ebf2;
+        vertical-align: middle;
+    }
+
+    .multi-battery-editor .mb-table th {
+        position: sticky;
+        top: 0;
+        background: var(--mb-head);
+        text-align: left;
+        font-size: 12px;
+        text-transform: uppercase;
+        letter-spacing: 0.03em;
+        color: #455468;
+        z-index: 1;
+    }
+
+    .multi-battery-editor .mb-table tbody tr:nth-child(even) {
+        background: #fafcfb;
+    }
+
+    .multi-battery-editor .mb-table td input {
+        width: 100%;
+        margin: 0;
+        box-sizing: border-box;
+    }
+
+    .multi-battery-editor .mb-table td.mb-col-index {
+        width: 44px;
+        text-align: center;
+        color: var(--mb-muted);
+        font-weight: 600;
+    }
+
+    .multi-battery-editor .mb-validation {
+        display: none;
+        margin-top: 12px;
+        padding: 10px 12px;
+        border: 1px solid var(--mb-danger-border);
+        border-radius: 8px;
+        background: var(--mb-danger-bg);
+        color: var(--mb-danger-text);
+        font-weight: 600;
+    }
+</style>
+
+<script type="text/javascript">
+
+    (function () {
+
+        function equalDefaultShare(count) {
+            return count > 0 ? (100 / count) : 100;
+        }
+
+
+        function toNum(value, fallback) {
+            const numeric = Number(value);
+            return Number.isFinite(numeric) ? numeric : fallback;
+        }
+
+
+        function readBatteryRows() {
+
+            const batteries = [];
+
+            $("#node-input-batteries-container .mb-battery-row").each(function (index) {
+
+                const row = $(this);
+
+                batteries.push({
+                    id: row.find(".mb-battery-id").val().trim() || ("bat" + (index + 1)),
+                    shareChargePct: toNum(row.find(".mb-battery-share-charge").val(), 0),
+                    shareDischargePct: toNum(row.find(".mb-battery-share-discharge").val(), 0),
+                    maxChargeW: toNum(row.find(".mb-battery-max-charge").val(), 150000),
+                    maxDischargeW: toNum(row.find(".mb-battery-max-discharge").val(), 150000),
+                    socMin: toNum(row.find(".mb-battery-soc-min").val(), 30),
+                    socHyst: toNum(row.find(".mb-battery-soc-hyst").val(), 5),
+                    rampUpW: toNum(row.find(".mb-battery-ramp-up").val(), 1000),
+                    rampDownW: toNum(row.find(".mb-battery-ramp-down").val(), 25000),
+                    priorityWeight: toNum(row.find(".mb-battery-priority").val(), 1)
+                });
+
+            });
+
+            return batteries;
+
+        }
+
+
+        function validateBatteryDistribution() {
+
+            const batteries = readBatteryRows();
+            const seen = new Set();
+            let message = "";
+
+            batteries.forEach(function (item) {
+
+                if (message) return;
+
+                if (!item.id) {
+                    message = "Fiecare baterie trebuie sa aiba Battery ID.";
+                    return;
+                }
+
+                if (seen.has(item.id)) {
+                    message = "Battery ID-urile trebuie sa fie unice.";
+                    return;
+                }
+
+                seen.add(item.id);
+
+                if (!Number.isFinite(item.shareChargePct) || !Number.isFinite(item.shareDischargePct)) {
+                    message = "Procentele de charge/discharge trebuie sa fie numerice.";
+                    return;
+                }
+
+                if (item.shareChargePct < 0 || item.shareDischargePct < 0) {
+                    message = "Procentele nu pot fi negative.";
+                    return;
+                }
+
+                if (!Number.isFinite(item.socMin) || !Number.isFinite(item.socHyst) || item.socMin < 0 || item.socHyst < 0) {
+                    message = "SOC Min si SOC Hyst + trebuie sa fie valori numerice pozitive.";
+                    return;
+                }
+
+            });
+
+            if (!message) {
+
+                const totalCharge = batteries.reduce(function (sum, item) { return sum + Number(item.shareChargePct || 0); }, 0);
+                const totalDischarge = batteries.reduce(function (sum, item) { return sum + Number(item.shareDischargePct || 0); }, 0);
+
+                if (Math.abs(totalCharge - 100) > 0.01 || Math.abs(totalDischarge - 100) > 0.01) {
+                    message = "Suma procentelor trebuie sa fie 100%. Charge este " + totalCharge.toFixed(2) + "%, discharge este " + totalDischarge.toFixed(2) + "%.";
+                }
+
+            }
+
+            $("#node-multi-battery-validation").text(message).toggle(!!message);
+            return !message;
+
+        }
+
+
+        function buildBatteryRows(node, count) {
+
+            const container = $("#node-input-batteries-container");
+            const existing = Array.isArray(node.batteries) ? node.batteries : [];
+            const defaultShare = equalDefaultShare(count);
+            const table = $(`
+                <div class="mb-table-wrap">
+                    <table class="mb-table">
+                        <thead>
+                            <tr>
+                                <th>#</th>
+                                <th>Battery ID</th>
+                                <th>Charge %</th>
+                                <th>Discharge %</th>
+                                <th>Max Ch W</th>
+                                <th>Max Dch W</th>
+                                <th>SOC Min</th>
+                                <th>SOC Hyst +%</th>
+                                <th>Ramp Up</th>
+                                <th>Ramp Down</th>
+                                <th>Priority</th>
+                            </tr>
+                        </thead>
+                        <tbody></tbody>
+                    </table>
+                </div>
+            `);
+
+            const tbody = table.find("tbody");
+
+            for (let index = 0; index < count; index += 1) {
+
+                const item = existing[index] || {};
+                const row = $(`
+                    <tr class="mb-battery-row">
+                        <td class="mb-col-index">${index + 1}</td>
+                        <td><input type="text" class="mb-battery-id" placeholder="bat${index + 1}" value="${item.id || ""}"></td>
+                        <td><input type="number" class="mb-battery-share-charge" step="0.01" value="${toNum(item.shareChargePct, defaultShare)}"></td>
+                        <td><input type="number" class="mb-battery-share-discharge" step="0.01" value="${toNum(item.shareDischargePct, defaultShare)}"></td>
+                        <td><input type="number" class="mb-battery-max-charge" step="1" value="${toNum(item.maxChargeW, 150000)}"></td>
+                        <td><input type="number" class="mb-battery-max-discharge" step="1" value="${toNum(item.maxDischargeW, 150000)}"></td>
+                        <td><input type="number" class="mb-battery-soc-min" step="0.1" value="${toNum(item.socMin, 30)}"></td>
+                        <td><input type="number" class="mb-battery-soc-hyst" step="0.1" value="${toNum(item.socHyst, 5)}"></td>
+                        <td><input type="number" class="mb-battery-ramp-up" step="1" value="${toNum(item.rampUpW, 1000)}"></td>
+                        <td><input type="number" class="mb-battery-ramp-down" step="1" value="${toNum(item.rampDownW, 25000)}"></td>
+                        <td><input type="number" class="mb-battery-priority" step="0.1" value="${toNum(item.priorityWeight, 1)}"></td>
+                    </tr>
+                `);
+
+                tbody.append(row);
+
+            }
+
+            container.empty().append(table);
+            container.find("input").off(".multiBatteryValidate").on("keyup.multiBatteryValidate change.multiBatteryValidate", validateBatteryDistribution);
+            validateBatteryDistribution();
+
+        }
+
+
+        RED.nodes.registerType("multi-battery", {
+
+            category: "Atelierul de Tehnologii",
+            color: "#7acb9d",
+
+            defaults: {
+            license: { value: "", type: "atelier-license", required: true },
+                name: { value: "" },
+                expertMode: { value: false },
+                batterySocPath: { value: "payload.battery_soc" },
+                externalControlStatusPath: { value: "payload.external_control_status" },
+                alarmLevelPath: { value: "payload.battery_alarm_level" },
+                operatingStatusPath: { value: "payload.battery_operating_status" },
+                deratingReasonPath: { value: "payload.battery_derating_reason" },
+                availableChargePath: { value: "" },
+                availableDischargePath: { value: "" },
+                staleTimeoutMs: { value: 0, validate: RED.validators.number() },
+                feedbackTimeoutMs: { value: 5000, validate: RED.validators.number() },
+                outputTopic: { value: "bess/setpoint" },
+                strategy: { value: "fixed_share" },
+                enableDebugOutput: { value: true },
+                batteryCount: {
+                    value: 1,
+                    validate: function (value) {
+                        return Number(value) >= 1;
+                    }
+                },
+                batteries: {
+                    value: [{
+                        id: "bat1",
+                        shareChargePct: 100,
+                        shareDischargePct: 100,
+                        maxChargeW: 150000,
+                        maxDischargeW: 150000,
+                        socMin: 30,
+                        socHyst: 5,
+                        rampUpW: 1000,
+                        rampDownW: 25000,
+                        priorityWeight: 1
+                    }],
+                    validate: function (value) {
+
+                        const arr = Array.isArray(value) ? value : [];
+                        const seen = new Set();
+                        let totalCharge = 0;
+                        let totalDischarge = 0;
+
+                        for (const item of arr) {
+
+                            const id = String((item && item.id) || "").trim();
+                            const charge = Number(item && item.shareChargePct);
+                            const discharge = Number(item && item.shareDischargePct);
+
+                            if (!id) return false;
+                            if (seen.has(id)) return false;
+                            if (!Number.isFinite(charge) || !Number.isFinite(discharge)) return false;
+                            if (charge < 0 || discharge < 0) return false;
+
+                            seen.add(id);
+                            totalCharge += charge;
+                            totalDischarge += discharge;
+
+                        }
+
+                        return arr.length >= 1 &&
+                            Math.abs(totalCharge - 100) <= 0.01 &&
+                            Math.abs(totalDischarge - 100) <= 0.01;
+
+                    }
+                }
+            },
+
+            inputs: 1,
+            outputs: 2,
+            icon: "font-awesome/fa-battery-half",
+
+            label: function () {
+                return this.name || "multi-battery";
+            },
+
+            outputLabels: function (index) {
+                const batteryCount = Math.max(1, Number(this.batteryCount || 1));
+                const debugEnabled = !!this.enableDebugOutput;
+                const batteries = Array.isArray(this.batteries) ? this.batteries : [];
+
+                if (debugEnabled && index === batteryCount) {
+                    return "diagnostic";
+                }
+
+                const battery = batteries[index] || {};
+                return battery.id || ("bat" + (index + 1));
+            },
+
+            oneditprepare: function () {
+
+                const node = this;
+                const countInput = $("#node-input-batteryCount");
+                const debugInput = $("#node-input-enableDebugOutput");
+                const expertModeInput = $("#node-input-expertMode");
+
+                function ensureDefaultValue(selector, value) {
+                    const input = $(selector);
+                    if (!String(input.val() || "").trim()) {
+                        input.val(value);
+                    }
+                }
+
+                function refreshOutputs() {
+                    const batteryCount = Math.max(1, Number(countInput.val() || 1));
+                    const debugOutputs = debugInput.prop("checked") ? 1 : 0;
+                    node.outputs = batteryCount + debugOutputs;
+                    $("#node-multi-battery-outputs-info").text(String(node.outputs));
+                }
+
+                function rebuild() {
+                    const count = Math.max(1, Number(countInput.val() || 1));
+                    buildBatteryRows(node, count);
+                    refreshOutputs();
+                }
+
+                function refreshExpertMode() {
+                    $("#node-multi-battery-expert-panel").toggle(expertModeInput.prop("checked"));
+                }
+
+                ensureDefaultValue("#node-input-batterySocPath", "payload.battery_soc");
+                ensureDefaultValue("#node-input-externalControlStatusPath", "payload.external_control_status");
+                ensureDefaultValue("#node-input-alarmLevelPath", "payload.battery_alarm_level");
+                ensureDefaultValue("#node-input-operatingStatusPath", "payload.battery_operating_status");
+                ensureDefaultValue("#node-input-deratingReasonPath", "payload.battery_derating_reason");
+
+                rebuild();
+                refreshExpertMode();
+                countInput.off(".multiBattery").on("change.multiBattery keyup.multiBattery", rebuild);
+                debugInput.off(".multiBattery").on("change.multiBattery", refreshOutputs);
+                expertModeInput.off(".multiBattery").on("change.multiBattery", refreshExpertMode);
+
+            },
+
+            oneditsave: function () {
+                const count = Math.max(1, Number($("#node-input-batteryCount").val() || 1));
+                const batteries = readBatteryRows();
+                const debugOutputs = $("#node-input-enableDebugOutput").prop("checked") ? 1 : 0;
+
+                this.batteryCount = count;
+                this.batteries = batteries;
+                this.outputs = count + debugOutputs;
+            }
+
+        });
+
+    })();
+
+</script>
+
+
+<script type="text/html" data-template-name="multi-battery">
+    <div class="form-row"><label for="node-input-license"><i class="fa fa-key"></i> License</label><input type="text" id="node-input-license"></div>
+
+    <div class="multi-battery-editor">
+
+        <div class="mb-section">
+            <div class="mb-section-title"><i class="fa fa-sitemap"></i> Battery Dispatch</div>
+            <p class="mb-section-note">Nodul primeste comanda totala de la <code>bess-control</code> si o distribuie automat pe fiecare baterie, folosind numarul de baterii si procentele configurate. Daca <code>bess-control</code> trimite <code>soc_min_pct</code> si <code>soc_hyst_pct</code>, aceste valori suprascriu pragurile locale pentru toate bateriile.</p>
+
+            <div class="mb-grid">
+                <div class="form-row">
+                    <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+                    <input type="text" id="node-input-name" placeholder="multi-battery">
+                </div>
+
+                <div class="form-row">
+                    <label for="node-input-batteryCount"><i class="fa fa-sitemap"></i> Batteries</label>
+                    <input type="number" id="node-input-batteryCount" min="1">
+                </div>
+            </div>
+
+            <div class="form-row">
+                <label></label>
+                <div class="mb-summary">Iesiri active: <span id="node-multi-battery-outputs-info">2</span> <span class="mb-inline-note">cate una pentru fiecare baterie, plus diagnostic daca este activat</span></div>
+            </div>
+
+            <div id="node-input-batteries-container"></div>
+            <div class="mb-validation" id="node-multi-battery-validation"></div>
+        </div>
+
+        <div class="mb-section">
+            <div class="mb-section-title"><i class="fa fa-exchange"></i> Input Mapping</div>
+            <p class="mb-section-note">Configureaza strategia de distribuire si iesirea. Maparea path-urilor de telemetrie este ascunsa implicit ca sa ramana editorul mai curat.</p>
+
+            <div class="mb-grid">
+                <div class="form-row">
+                    <label for="node-input-strategy"><i class="fa fa-sliders"></i> Strategy</label>
+                    <select id="node-input-strategy">
+                        <option value="fixed_share">Fixed Share</option>
+                        <option value="by_soc">By SOC</option>
+                        <option value="by_available_power">By Available Power</option>
+                        <option value="hybrid">Hybrid</option>
+                    </select>
+                </div>
+
+                <div class="form-row">
+                    <label for="node-input-outputTopic"><i class="fa fa-sign-out"></i> Output topic</label>
+                    <input type="text" id="node-input-outputTopic" placeholder="bess/setpoint">
+                </div>
+            </div>
+
+            <div class="form-row mb-checkbox-row">
+                <label for="node-input-expertMode"><i class="fa fa-wrench"></i> Custom fields</label>
+                <input type="checkbox" id="node-input-expertMode">
+                <span class="mb-inline-note">Afiseaza path-urile de telemetrie doar cand vrei sa schimbi valorile implicite.</span>
+            </div>
+
+            <div id="node-multi-battery-expert-panel" style="display:none;">
+                <p class="mb-section-note">Valorile sunt precompletate pentru payload-urile standard. Modifica-le doar daca telemetria bateriilor ajunge pe alte campuri.</p>
+
+                <div class="mb-grid">
+                <div class="form-row">
+                    <label for="node-input-batterySocPath"><i class="fa fa-battery-three-quarters"></i> SOC path</label>
+                    <input type="text" id="node-input-batterySocPath" placeholder="payload.battery_soc">
+                </div>
+
+                <div class="form-row">
+                    <label for="node-input-externalControlStatusPath"><i class="fa fa-toggle-on"></i> Ext ctrl status path</label>
+                    <input type="text" id="node-input-externalControlStatusPath" placeholder="payload.external_control_status">
+                </div>
+
+                <div class="form-row">
+                    <label for="node-input-alarmLevelPath"><i class="fa fa-warning"></i> Alarm path</label>
+                    <input type="text" id="node-input-alarmLevelPath" placeholder="payload.battery_alarm_level">
+                </div>
+
+                <div class="form-row">
+                    <label for="node-input-operatingStatusPath"><i class="fa fa-heartbeat"></i> Op status path</label>
+                    <input type="text" id="node-input-operatingStatusPath" placeholder="payload.battery_operating_status">
+                </div>
+
+                <div class="form-row">
+                    <label for="node-input-deratingReasonPath"><i class="fa fa-exclamation-circle"></i> Derating path</label>
+                    <input type="text" id="node-input-deratingReasonPath" placeholder="payload.battery_derating_reason">
+                </div>
+
+                <div class="form-row">
+                    <label for="node-input-availableChargePath"><i class="fa fa-arrow-down"></i> Avail charge path</label>
+                    <input type="text" id="node-input-availableChargePath" placeholder="optional">
+                </div>
+
+                <div class="form-row">
+                    <label for="node-input-availableDischargePath"><i class="fa fa-arrow-up"></i> Avail discharge path</label>
+                    <input type="text" id="node-input-availableDischargePath" placeholder="optional">
+                </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="mb-section">
+            <div class="mb-section-title"><i class="fa fa-clock-o"></i> Timing And Debug</div>
+            <p class="mb-section-note">Setari pentru stale detection si iesirea suplimentara de diagnostic.</p>
+
+            <div class="mb-grid">
+                <div class="form-row">
+                    <label for="node-input-staleTimeoutMs"><i class="fa fa-clock-o"></i> Telemetry stale (ms)</label>
+                    <input type="text" id="node-input-staleTimeoutMs" placeholder="0">
+                </div>
+
+                <div class="form-row">
+                    <label for="node-input-feedbackTimeoutMs"><i class="fa fa-clock-o"></i> Feedback stale (ms)</label>
+                    <input type="text" id="node-input-feedbackTimeoutMs" placeholder="5000">
+                </div>
+            </div>
+
+            <div class="form-row mb-checkbox-row">
+                <label for="node-input-enableDebugOutput"><i class="fa fa-bug"></i> Debug output</label>
+                <input type="checkbox" id="node-input-enableDebugOutput">
+                <span class="mb-inline-note">Adauga o iesire suplimentara cu diagnostic complet pentru toate bateriile.</span>
+            </div>
+        </div>
+
+    </div>
+
+</script>
+
+
+<script type="text/html" data-help-name="multi-battery">
+
+    <p>
+        Nodul <b>multi-battery</b> primeste comanda totala de la <code>bess-control</code> si o distribuie pe fiecare baterie.
+    </p>
+
+    <h3>Flux recomandat</h3>
+    <pre>carlo-gavazzi -> bess-control -> multi-battery -> pylontech-write (x N)
+
+pylontech-read ---^
+
+pylontech-write feedback ---^</pre>
+
+    <h3>Rol</h3>
+    <ul>
+        <li>configurezi numarul de baterii si procentele de distributie</li>
+        <li>nodul creeaza automat cate o iesire pentru fiecare baterie</li>
+        <li>distribuie puterea dupa <code>fixed_share</code>, <code>by_soc</code>, <code>by_available_power</code> sau <code>hybrid</code></li>
+        <li>iesirea fiecarei baterii este compatibila direct cu <code>pylontech-write</code></li>
+        <li><code>SOC Hyst +%</code> este diferenta peste <code>SOC Min</code>, nu prag absolut; de exemplu 30 + 5 inseamna reluare descarcare la 35%</li>
+        <li>daca <code>bess-control</code> trimite <code>soc_min_pct</code> si <code>soc_hyst_pct</code>, aceste valori se aplica tuturor bateriilor pentru comanda curenta</li>
+    </ul>
+
+    <h3>Input asteptat</h3>
+    <pre>{
+  "payload": {
+    "external_control": true,
+    "power_w": 18000,
+    "soc_min_pct": 30,
+    "soc_hyst_pct": 5
+  }
+}</pre>
+
+    <h3>Referinta completa parametri</h3>
+    <ul>
+        <li><code>batterySocPath</code>: calea catre SOC-ul bateriei.</li>
+        <li><code>externalControlStatusPath</code>: calea catre feedback-ul de control extern.</li>
+        <li><code>alarmLevelPath</code>: calea catre nivelul de alarma.</li>
+        <li><code>operatingStatusPath</code>: calea catre starea operationala.</li>
+        <li><code>deratingReasonPath</code>: calea catre motivul de derating.</li>
+        <li><code>availableChargePath</code> si <code>availableDischargePath</code>: cai optionale pentru puterea disponibila la incarcare/descarcare.</li>
+        <li><code>staleTimeoutMs</code>: varsta maxima a telemetriei de baterie.</li>
+        <li><code>feedbackTimeoutMs</code>: varsta maxima a feedback-ului de scriere.</li>
+        <li><code>outputTopic</code>: topic-ul de iesire pentru comenzile distribuite.</li>
+        <li><code>strategy</code>: <code>fixed_share</code>, <code>by_soc</code>, <code>by_available_power</code> sau <code>hybrid</code>.</li>
+        <li><code>enableDebugOutput</code>: adauga iesire de diagnostic.</li>
+        <li><code>batteryCount</code>: numarul de baterii configurate.</li>
+        <li><code>batteries</code>: lista bateriilor, cu ID, procent, limite si stare enabled.</li>
+        <li><code>batteries-container</code>: zona editorului in care sunt randate randurile din lista <code>batteries</code>.</li>
+    </ul>
+
+    <h3>Exemplu iesire catre doua baterii</h3>
+    <pre>{
+  "topic": "battery-1",
+  "payload": {
+    "external_control": true,
+    "power_w": 9000
+  }
+}</pre>
+
+</script>