From b3f4062e9ab3d186b9f0444e5dff0076186da7c8 Mon Sep 17 00:00:00 2001
From: pszafer <pszafer@gmail.com>
Date: Wed, 23 Oct 2024 12:50:58 +0200
Subject: [PATCH] Add testing new UI

---
 boneio-32x10_lights_v0_7.yaml | 147 ++++++++++++++++++++++++++++++++++
 1 file changed, 147 insertions(+)

diff --git a/boneio-32x10_lights_v0_7.yaml b/boneio-32x10_lights_v0_7.yaml
index ee35d1a..260c134 100644
--- a/boneio-32x10_lights_v0_7.yaml
+++ b/boneio-32x10_lights_v0_7.yaml
@@ -52,141 +52,218 @@ ota:
 web_server:
   port: 80
   local: true
+  version: 3
+  sorting_groups:
+    - id: sorting_output_group
+      name: 'boneIO Outputs'
+      sorting_weight: 10
+    - id: sorting_inputs_group
+      name: 'boneIO Inputs'
+      sorting_weight: 20
+    - id: sorting_sensors_group
+      name: 'boneIO Sensors'
+      sorting_weight: 30
 
 time:
   - platform: homeassistant
     timezone: Europe/Warsaw
     id: homeassistant_time
+    web_server:
+      sorting_group_id: sorting_sensors_group
 
 light:
   - platform: binary
     name: 'Light 01'
     output: out_01
     id: light_01
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 02'
     output: out_02
     id: light_02
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 03'
     output: out_03
     id: light_03
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 04'
     output: out_04
     id: light_04
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 05'
     output: out_05
     id: light_05
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 06'
     output: out_06
     id: light_06
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 07'
     output: out_07
     id: light_07
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 08'
     output: out_08
     id: light_08
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 09'
     output: out_09
     id: light_09
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 10'
     output: out_10
     id: light_10
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 11'
     output: out_11
     id: light_11
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 12'
     output: out_12
     id: light_12
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 13'
     output: out_13
     id: light_13
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 14'
     output: out_14
     id: light_14
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 15'
     output: out_15
     id: light_15
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 16'
     output: out_16
     id: light_16
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 17'
     output: out_17
     id: light_17
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 18'
     output: out_18
     id: light_18
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 19'
     output: out_19
     id: light_19
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 20'
     output: out_20
     id: light_20
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 21'
     output: out_21
     id: light_21
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 22'
     output: out_22
     id: light_22
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 23'
     output: out_23
     id: light_23
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 24'
     output: out_24
     id: light_24
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 25'
     output: out_25
     id: light_25
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 26'
     output: out_26
     id: light_26
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 27'
     output: out_27
     id: light_27
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 28'
     output: out_28
     id: light_28
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 29'
     output: out_29
     id: light_29
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 30'
     output: out_30
     id: light_30
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 31'
     output: out_31
     id: light_31
+    web_server:
+      sorting_group_id: sorting_output_group
   - platform: binary
     name: 'Light 32'
     output: out_32
     id: light_32
+    web_server:
+      sorting_group_id: sorting_output_group
 
 binary_sensor:
   - platform: gpio
@@ -198,6 +275,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_01
@@ -211,6 +290,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_02
@@ -224,6 +305,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_03
@@ -237,6 +320,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_04
@@ -250,6 +335,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_05
@@ -263,6 +350,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_06
@@ -276,6 +365,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_07
@@ -289,6 +380,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_08
@@ -302,6 +395,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_09
@@ -315,6 +410,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_10
@@ -328,6 +425,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_11
@@ -341,6 +440,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_12
@@ -354,6 +455,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_13
@@ -367,6 +470,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_14
@@ -380,6 +485,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_15
@@ -393,6 +500,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_16
@@ -406,6 +515,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_17
@@ -419,6 +530,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_18
@@ -432,6 +545,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_19
@@ -445,6 +560,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_20
@@ -458,6 +575,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_21
@@ -471,6 +590,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_22
@@ -484,6 +605,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_23
@@ -497,6 +620,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_24
@@ -510,6 +635,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_25
@@ -523,6 +650,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_26
@@ -536,6 +665,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_27
@@ -549,6 +680,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_28
@@ -562,6 +695,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_29
@@ -575,6 +710,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_30
@@ -588,6 +725,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_31
@@ -601,6 +740,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
     on_press:
       then:
         - light.toggle: light_32
@@ -613,6 +754,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
 
   - platform: gpio
     name: 'IN_34'
@@ -622,6 +765,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
 
   - platform: gpio
     name: 'IN_35'
@@ -631,6 +776,8 @@ binary_sensor:
       mode:
         input: true
       inverted: true
+    web_server:
+      sorting_group_id: sorting_input_group
 ######################
 ### MODBUS SECTION ###
 ######################