implemented Toggle Switch

2022-08-23 17:18:51 +02:00
parent 6fda077f9b
commit b5d1637e0f
4 changed files with 20 additions and 7 deletions
@@ -114,10 +114,12 @@
                                </tr>
                            {% endif %}
                            <tr>
-                                <td class="icon">
-                                    <span class="outer_dot">
-                                        <p  class="inner_icon">{{'A' if zone.autoMode else 'M'}}</p>
-                                    </span>
+                                <td>
+                                    <label class="toggle">
+                                        <input type="checkbox" {{ "checked" if zone.autoMode }} onchange="switchZoneMode(this.checked, {{ zone.number }})">
+                                        <span class="slider"></span>
+                                        <span class="labels" data-on="A" data-off="H"></span>
+                                    </label>
                                </td>
                                <td class="property">{{ translater.getTranslation("operating mode") }}:</td>
                                <td class="value">{{translater.getTranslation("automatic mode") if zone.autoMode else translater.getTranslation("manual mode")}}</td>