homebridge-melcloud-control 4.0.0-beta.233 → 4.0.0-beta.234

package/homebridge-ui/public/index.html

@@ -109,65 +109,82 @@
 
       // 🧩 Deep clone — UI-safe copy (JSON method resets references)
       const pluginConfig = JSON.parse(JSON.stringify(config));
-
       this.accountIndex = 0;
-      const accountsCount = pluginConfig[0].accounts.length;
+
+      const accounts = pluginConfig[0].accounts || [];
+      const accountsCount = accounts.length;
 
       const container = document.getElementById("accountButton");
       container.style.display = 'flex';
       container.style.flexWrap = 'wrap';
       container.style.justifyContent = 'center';
       container.style.gap = '0.25rem';
-
-      for (let i = 0; i < accountsCount; i++) {
-        const acc = pluginConfig[0].accounts[i];
+      container.style.alignItems = 'center';
+
+      const formElements = {
+        name: document.getElementById('name'),
+        user: document.getElementById('user'),
+        passwd: document.getElementById('passwd'),
+        language: document.getElementById('language'),
+        accountType: document.getElementById('accountType'),
+        logIn: document.getElementById('logIn'),
+        accountName: document.getElementById('accountName')
+      };
+
+      // Tworzenie przycisków
+      accounts.forEach((account, i) => {
         const button = document.createElement("button");
         button.type = "button";
         button.id = `button${i}`;
         button.className = "btn btn-primary";
         button.style.textTransform = 'none';
-        button.innerText = acc.name;
+        button.innerText = account.name || `Account ${i + 1}`;
         container.appendChild(button);
 
         button.addEventListener('click', async () => {
-          for (let j = 0; j < accountsCount; j++) {
-            document.getElementById(`button${j}`).className = (j === i ? 'btn btn-primary' : 'btn btn-secondary');
-          }
+          this.accountIndex = i;
 
-          const acc = pluginConfig[0].accounts[i];
-          document.getElementById('accountName').innerText = acc.name || '';
-          document.getElementById('name').value = acc.name || '';
-          document.getElementById('user').value = acc.user || '';
-          document.getElementById('passwd').value = acc.passwd || '';
-          document.getElementById('language').value = acc.language || '0';
-          document.getElementById('accountType').value = acc.type || 'disabled';
-          document.getElementById('logIn').disabled = !(acc.name && acc.user && acc.passwd && acc.language && acc.type);
-        });
+          // Zmieniamy klasę wszystkich przycisków
+          accounts.forEach((_, j) => {
+            document.getElementById(`button${j}`).className = (j === i ? 'btn btn-primary' : 'btn btn-secondary');
+          });
 
-        if (i === accountsCount - 1 && accountsCount > 0)
-          document.getElementById(`button0`).click();
+          // Ustawiamy formularz
+          formElements.accountName.innerText = account.name || '';
+          formElements.name.value = account.name || '';
+          formElements.user.value = account.user || '';
+          formElements.passwd.value = account.passwd || '';
+          formElements.language.value = account.language || '0';
+          formElements.accountType.value = account.type || 'disabled';
 
-        this.accountIndex = i;
-      }
+          formElements.logIn.disabled = !(account.name && account.user && account.passwd && account.language && account.type);
+        });
+      });
 
-      document.getElementById('melCloudAccount').style.display = 'block';
+      // Klikamy pierwszy przycisk po zakończeniu pętli
+      if (accountsCount > 0) document.getElementById('button0').click();
 
-      // Safe update
+      // Jeden listener input dla całego formularza
       document.getElementById('configForm').addEventListener('input', async () => {
-        const acc = pluginConfig[0].accounts[this.accountIndex];
-        if (!acc) return;
-        acc.name = document.querySelector('#name').value;
-        acc.user = document.querySelector('#user').value;
-        acc.passwd = document.querySelector('#passwd').value;
-        acc.language = document.querySelector('#language').value;
-        acc.type = document.querySelector('#accountType').value;
+        const account = accounts[this.accountIndex];
+        if (!account) return;
+
+        account.name = formElements.name.value;
+        account.user = formElements.user.value;
+        account.passwd = formElements.passwd.value;
+        account.language = formElements.language.value;
+        account.type = formElements.accountType.value;
 
-        document.getElementById('logIn').disabled = !(acc.name && acc.user && acc.passwd && acc.language && acc.type);
+        formElements.logIn.disabled = !(account.name && account.user && account.passwd && account.language && account.type);
 
         await homebridge.updatePluginConfig(pluginConfig);
         await homebridge.savePluginConfig(pluginConfig);
       });
 
+      document.getElementById('melCloudAccount').style.display = 'block';
+
+
+
       // --- Config Button Toggle ---
       const configButton = document.getElementById('configButton');
       let configButtonState = false;

package/package.json

@@ -1,7 +1,7 @@
 {
   "displayName": "MELCloud Control",
   "name": "homebridge-melcloud-control",
-  "version": "4.0.0-beta.233",
+  "version": "4.0.0-beta.234",
   "description": "Homebridge plugin to control Mitsubishi Air Conditioner, Heat Pump and Energy Recovery Ventilation.",
   "license": "MIT",
   "author": "grzegorz914",