homebridge-melcloud-control 3.9.0-beta.15 → 3.9.0-beta.17

package/config.schema.json

@@ -1813,7 +1813,7 @@
     {
       "key": "accounts",
       "type": "tabarray",
-      "title": "{{ value.name }}",
+      "title": "{{ value.name || 'account' }}",
       "items": [
         "accounts[].name",
         "accounts[].user",

package/homebridge-ui/public/index.html

@@ -20,9 +20,9 @@
       <form id="configForm">
         <div class="text-center">
           <label id="accountName" class="fw-bold" style="font-size: 23px;">Account</label><br>
-          <label id="info" class="d-block" style="font-size: 16px;"></label>
-          <label id="info1" class="d-block" style="font-size: 14px;"></label>
-          <label id="info2" class="d-block" style="font-size: 14px;"></label>
+          <label id="info" class="d-block" style="font-size: 14px;"></label>
+          <label id="info1" class="d-block" style="font-size: 12px;"></label>
+          <label id="info2" class="d-block" style="font-size: 12px;"></label>
         </div>
 
         <div class="mb-3">
@@ -35,9 +35,13 @@
           <input id="user" type="text" class="form-control" required>
         </div>
 
-        <div class="mb-3">
+        <div class="mb-3 position-relative">
           <label for="passwd" class="form-label">Password</label>
           <input id="passwd" type="password" class="form-control" autocomplete="off" required>
+          <span id="togglePassword"
+            style="position:absolute; top:50%; right:10px; cursor:pointer; transform:translateY(-50%)">
+            <i class="fas fa-eye"></i>
+          </span>
         </div>
 
         <div class="mb-3">
@@ -143,12 +147,35 @@
         await homebridge.savePluginConfig(pluginConfig);
       });
 
-      document.getElementById('configButton').addEventListener('click', async () => {
-        this.configButtonState ? homebridge.hideSchemaForm() : homebridge.showSchemaForm();
-        this.configButtonState
-          ? document.getElementById(`configButton`).setAttribute("class", "btn btn-secondary")
-          : document.getElementById(`configButton`).setAttribute("class", "btn btn-primary");
-        this.configButtonState = !this.configButtonState;
+      // Config button toggle cleanup
+      const configButton = document.getElementById('configButton');
+      let configButtonState = false;
+      configButton.addEventListener('click', () => {
+        configButtonState = !configButtonState;
+        homebridge[configButtonState ? 'showSchemaForm' : 'hideSchemaForm']();
+        configButton.className = configButtonState ? 'btn btn-primary' : 'btn btn-secondary';
+      });
+
+      // Password show/hide toggle
+      const passwdInput = document.getElementById('passwd');
+      const togglePassword = document.getElementById('togglePassword');
+
+      togglePassword.addEventListener('click', () => {
+        if (passwdInput.type === 'password') {
+          passwdInput.type = 'text';
+          togglePassword.innerHTML = '<i class="fas fa-eye-slash"></i>';
+        } else {
+          passwdInput.type = 'password';
+          togglePassword.innerHTML = '<i class="fas fa-eye"></i>';
+        }
+      });
+
+      // Optional: toggle password with Tab key (pressing Tab will show/hide)
+      passwdInput.addEventListener('keydown', (e) => {
+        if (e.key === 'Tab') {
+          e.preventDefault(); // prevent default tab behavior
+          togglePassword.click();
+        }
       });
 
       function removeStaleDevices(configDevices, melcloudDevices) {

package/package.json

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