Update I2C addresses and add Ambient Sensor

Examples/3BAR_1Display_Basic.yaml

@@ -1,14 +1,48 @@
+esphome:
+  name: buttonplus
+  friendly_name: ButtonPlus
+
+esp32:
+  variant: ESP32S3
+  board: esp32-s3-devkitc1-n16r8
+  flash_size: 16MB
+  framework:
+    type: esp-idf
+
+# Enable logging
+logger:
+  level: DEBUG
+
+# Enable Home Assistant API
+api:
+  encryption:
+    key: ""
+
+ota:
+  - platform: esphome
+    password: ""
+
+wifi:
+  ssid: !secret wifi_ssid
+  password: !secret wifi_password
+
+  # Enable fallback hotspot (captive portal) in case wifi connection fails
+  ap:
+    ssid: "Buttonplus"
+    password: ""
+
 packages:
   remote_package_files:
     url: https://gitea.furb.it/kennyboy55/ESPHome_ButtonPlusV2
     files: 
       - 'package/3bar_1display.yaml'
     ref: main
-    refresh: 1d
 
 globals:
   - id: !extend nr_of_pages
     initial_value: '1'
+  - id: !extend page_names
+    initial_value: '{"Start"}'
 
 font:
   - file: "https://github.com/web-fonts/ttf/raw/refs/heads/master/bpg-ingiri-arial-webfont.ttf"
@@ -28,18 +62,27 @@ image:
   - file: mdi:lightbulb
     id: lightbulb
     resize: 80x80
+    type: GRAYSCALE
   - file: mdi:alert
     id: alert
     resize: 80x80
+    type: GRAYSCALE
   - file: mdi:chevron-right
     id: icon_next_page
     resize: 30x30
+    type: GRAYSCALE
   - file: mdi:chevron-left
     id: icon_prev_page
     resize: 30x30
+    type: GRAYSCALE
   - file: mdi:home-thermometer-outline
     id: icon_temp_inside
     resize: 40x40
+    type: GRAYSCALE
+  - file: mdi:brightness-percent
+    id: icon_ambient_inside
+    resize: 40x40
+    type: GRAYSCALE
 
 color:
   - id: red
@@ -283,7 +326,11 @@ script:
           //
           //>>> temperature inside:
           id(main_display).image(36, 15, id(icon_temp_inside), ImageAlign::TOP_CENTER, id(red));
-          id(main_display).printf(36, 80, id(font_arial20), id(white), TextAlign::TOP_CENTER , "%.1f°", id(inside_temperature).state);
+          id(main_display).printf(36, 80, id(font_arial20), id(white), TextAlign::TOP_CENTER , "%.1f°", id(buttonplus_temperature).state);
+          //
+          //>>> ambient light:
+          id(main_display).image(285, 15, id(icon_ambient_inside), ImageAlign::TOP_CENTER, id(red));
+          id(main_display).printf(285, 80, id(font_arial20), id(white), TextAlign::TOP_CENTER , "%.1flux", id(buttonplus_ambientlight).state);
           //
           //>>> print time and date
           id(main_display).strftime(160, 5, id(font_clock), TextAlign::TOP_CENTER, "%H:%M", id(datetime).now());

Examples/3pages_TotalExample.yml

@@ -1,641 +0,0 @@
-esphome:
-  name: button-keuken
-  friendly_name: Button+ Keuken
-
-esp32:
-  board: esp32-s3-devkitc-1
-  flash_size: 16MB
-  framework:
-    type: arduino
-
-# Enable logging
-logger:
-  level: DEBUG
-
-debug:
-  update_interval: 5s
-
-# Enable Home Assistant API
-api:
-  encryption:
-    key: "*"
-
-ota:
-  - platform: esphome
-    password: "*"
-
-wifi:
-  ssid: !secret wifi_ssid
-  password: !secret wifi_password
-
-substitutions:
-  music_card_enity_id: 'media_player.media_keuken_2'
-  music_card_text_color: FFFFFF
-  music_card_icon_main_color: FF7F00
-  music_card_icon_bar_color: FF7F00
-
-packages:
-  remote_package_files:
-    url: https://gitea.furb.it/kennyboy55/ESPHome_ButtonPlusV2
-    files: 
-      - 'package/3bar_1display.yaml'
-      - 'package/cards/music.yaml'
-    ref: main
-    refresh: 1d
-
-globals:
-  - id: !extend nr_of_pages
-    initial_value: '3'
-  - id: page_names
-    type: std::vector<std::string>
-    initial_value: '{"Page 1","Music","Page 3"}'
-  - id: active_page_name
-    type: std::string
-    initial_value: ""
-
-font:
-  - file: "https://github.com/web-fonts/ttf/raw/refs/heads/master/bpg-ingiri-arial-webfont.ttf"
-    id: font_arial20
-    size: 20
-    bpp: 4
-  - file: "https://torinak.com/font/7segment.ttf"
-    id: font_clock
-    size: 64
-    bpp: 4
-  - file: "https://torinak.com/font/7segment.ttf"
-    id: font_date
-    size: 24
-    bpp: 4
-
-image:
-  - file: mdi:lightbulb
-    id: lightbulb
-    resize: 80x80
-  - file: mdi:alert
-    id: alert
-    resize: 80x80
-  - file: mdi:chevron-right
-    id: icon_next_page
-    resize: 30x30
-  - file: mdi:chevron-left
-    id: icon_prev_page
-    resize: 30x30
-  - file: mdi:sun-thermometer-outline
-    id: icon_temp_outside
-    resize: 40x40
-  - file: mdi:home-thermometer-outline
-    id: icon_temp_inside
-    resize: 40x40
-  - file: mdi:trash-can
-    id: icon_trashcan
-    resize: 20x20
-
-color:
-  - id: red
-    hex: FF0000
-  - id: blue
-    hex: 0000FF
-  - id: yellow
-    hex: FFFF00
-  - id: green
-    hex: 00FF00
-  - id: orange
-    hex: FF7F00
-  - id: white
-    hex: FFFFFF
-  - id: grey
-    hex: A6A6A6
-
-event:
-  - platform: template
-    name: BAR1 button Left event
-    id: bar1_btn_left_event
-    event_types:
-      - "press page 0"
-      - "release page 0"
-      - "long press page 0"
-      - "press page 1"
-      - "release page 1"
-      - "long press page 1"
-      - "press page 2"
-      - "release page 2"
-      - "long press page 2"
-  - platform: template
-    name: BAR1 button Right event
-    id: bar1_btn_right_event
-    event_types:
-      - "press page 0"
-      - "release page 0"
-      - "long press page 0"
-      - "press page 1"
-      - "release page 1"
-      - "long press page 1"
-      - "press page 2"
-      - "release page 2"
-      - "long press page 2"
-  - platform: template
-    name: BAR2 button Left event
-    id: bar2_btn_left_event
-    event_types:
-      - "press page 0"
-      - "release page 0"
-      - "long press page 0"
-      - "press page 1"
-      - "release page 1"
-      - "long press page 1"
-      - "press page 2"
-      - "release page 2"
-      - "long press page 2"
-  - platform: template
-    name: BAR2 button Right event
-    id: bar2_btn_right_event
-    event_types:
-      - "press page 0"
-      - "release page 0"
-      - "long press page 0"
-      - "press page 1"
-      - "release page 1"
-      - "long press page 1"
-      - "press page 2"
-      - "release page 2"
-      - "long press page 2"
-  - platform: template
-    name: BAR3 button Left event
-    id: bar3_btn_left_event
-    event_types:
-      - "press page 0"
-      - "release page 0"
-      - "long press page 0"
-      - "press page 1"
-      - "release page 1"
-      - "long press page 1"
-      - "press page 2"
-      - "release page 2"
-      - "long press page 2"
-  - platform: template
-    name: BAR3 button Right event
-    id: bar3_btn_right_event
-    event_types:
-      - "press page 0"
-      - "release page 0"
-      - "long press page 0"
-      - "press page 1"
-      - "release page 1"
-      - "long press page 1"
-      - "press page 2"
-      - "release page 2"
-      - "long press page 2"
-
-binary_sensor:
-  - id: !extend main_display_btn_left
-    on_click:
-      - script.execute: prev_page
-  - id: !extend main_display_btn_right
-    on_click:
-      - script.execute: next_page
-  - id: !extend bar1_btn_left
-    on_click:
-      lambda: |-
-        switch (id(actual_page)){
-          case 0:
-            id(bar1_btn_left_event).trigger("press page 0");
-            break;
-          case 1:
-            id(bar1_btn_left_event).trigger("press page 1");
-            id(music_card_vol_down).execute();
-            break;
-          case 2:
-            id(bar1_btn_left_event).trigger("press page 2");
-            break;
-        }
-    on_release:
-      lambda: |-
-        switch (id(actual_page)){
-          case 0:
-            id(bar1_btn_left_event).trigger("release page 0");
-            break;
-          case 1:
-            id(bar1_btn_left_event).trigger("release page 1");
-            break;
-          case 2:
-            id(bar1_btn_left_event).trigger("release page 2");
-            break;
-        }
-    on_multi_click:
-      - timing:
-          - ON for at least 2s
-        then:
-          - lambda: |-
-              switch (id(actual_page)){
-                case 0:
-                  id(bar1_btn_left_event).trigger("long press page 0");
-                  break;
-                case 1:
-                  id(bar1_btn_left_event).trigger("long press page 1");
-                  break;
-                case 2:
-                  id(bar1_btn_left_event).trigger("long press page 2");
-                  break;
-              }
-  - id: !extend bar1_btn_right
-    on_click:
-      lambda: |-
-        switch (id(actual_page)){
-          case 0:
-            id(bar1_btn_right_event).trigger("press page 0");
-            break;
-          case 1:
-            id(bar1_btn_right_event).trigger("press page 1");
-            id(music_card_vol_up).execute();
-            break;
-          case 2:
-            id(bar1_btn_right_event).trigger("press page 2");
-            break;
-        }
-    on_release:
-      lambda: |-
-        switch (id(actual_page)){
-          case 0:
-            id(bar1_btn_right_event).trigger("release page 0");
-            break;
-          case 1:
-            id(bar1_btn_right_event).trigger("release page 1");
-            break;
-          case 2:
-            id(bar1_btn_right_event).trigger("release page 2");
-            break;
-        }
-    on_multi_click:
-      - timing:
-          - ON for at least 2s
-        then:
-          - lambda: |-
-              switch (id(actual_page)){
-                case 0:
-                  id(bar1_btn_right_event).trigger("long press page 0");
-                  break;
-                case 1:
-                  id(bar1_btn_right_event).trigger("long press page 1");
-                  break;
-                case 2:
-                  id(bar1_btn_right_event).trigger("long press page 2");
-                  break;
-              }
-  - id: !extend bar2_btn_left
-    on_click:
-      lambda: |-
-        switch (id(actual_page)){
-          case 0:
-            id(bar2_btn_left_event).trigger("press page 0");
-            break;
-          case 1:
-            id(bar2_btn_left_event).trigger("press page 1");
-            id(music_card_prev).execute();
-            break;
-          case 2:
-            id(bar2_btn_left_event).trigger("press page 2");
-            break;
-        }
-    on_release:
-      lambda: |-
-        switch (id(actual_page)){
-          case 0:
-            id(bar2_btn_left_event).trigger("release page 0");
-            break;
-          case 1:
-            id(bar2_btn_left_event).trigger("release page 1");
-            break;
-          case 2:
-            id(bar2_btn_left_event).trigger("release page 2");
-            break;
-        }
-    on_multi_click:
-      - timing:
-          - ON for at least 2s
-        then:
-          - lambda: |-
-              switch (id(actual_page)){
-                case 0:
-                  id(bar2_btn_left_event).trigger("long press page 0");
-                  break;
-                case 1:
-                  id(bar2_btn_left_event).trigger("long press page 1");
-                  break;
-                case 2:
-                  id(bar2_btn_left_event).trigger("long press page 2");
-                  break;
-              }
-  - id: !extend bar2_btn_right
-    on_click:
-      lambda: |-
-        switch (id(actual_page)){
-          case 0:
-            id(bar2_btn_right_event).trigger("press page 0");
-            break;
-          case 1:
-            id(bar2_btn_right_event).trigger("press page 1");
-            id(music_card_next).execute();
-            break;
-          case 2:
-            id(bar2_btn_right_event).trigger("press page 2");
-            break;
-        }
-    on_release:
-      lambda: |-
-        switch (id(actual_page)){
-          case 0:
-            id(bar2_btn_right_event).trigger("release page 0");
-            break;
-          case 1:
-            id(bar2_btn_right_event).trigger("release page 1");
-            break;
-          case 2:
-            id(bar2_btn_right_event).trigger("release page 2");
-            break;
-        }
-    on_multi_click:
-      - timing:
-          - ON for at least 2s
-        then:
-          - lambda: |-
-              switch (id(actual_page)){
-                case 0:
-                  id(bar2_btn_right_event).trigger("long press page 0");
-                  break;
-                case 1:
-                  id(bar2_btn_right_event).trigger("long press page 1");
-                  break;
-                case 2:
-                  id(bar2_btn_right_event).trigger("long press page 2");
-                  break;
-              }
-  - id: !extend bar3_btn_left
-    on_click:
-      lambda: |-
-        switch (id(actual_page)){
-          case 0:
-            id(bar3_btn_left_event).trigger("press page 0");
-            break;
-          case 1:
-            id(bar3_btn_left_event).trigger("press page 1");
-            id(music_card_power).execute();
-            break;
-          case 2:
-            id(bar3_btn_left_event).trigger("press page 2");
-            break;
-        }
-    on_release:
-      lambda: |-
-        switch (id(actual_page)){
-          case 0:
-            id(bar3_btn_left_event).trigger("release page 0");
-            break;
-          case 1:
-            id(bar3_btn_left_event).trigger("release page 1");
-            break;
-          case 2:
-            id(bar3_btn_left_event).trigger("release page 2");
-            break;
-        }
-    on_multi_click:
-      - timing:
-          - ON for at least 2s
-        then:
-          - lambda: |-
-              switch (id(actual_page)){
-                case 0:
-                  id(bar3_btn_left_event).trigger("long press page 0");
-                  break;
-                case 1:
-                  id(bar3_btn_left_event).trigger("long press page 1");
-                  break;
-                case 2:
-                  id(bar3_btn_left_event).trigger("long press page 2");
-                  break;
-              }
-  - id: !extend bar3_btn_right
-    on_click:
-      lambda: |-
-        switch (id(actual_page)){
-          case 0:
-            id(bar3_btn_right_event).trigger("press page 0");
-            break;
-          case 1:
-            id(bar3_btn_right_event).trigger("press page 1");
-            id(music_card_playpause).execute();
-            break;
-          case 2:
-            id(bar3_btn_right_event).trigger("press page 2");
-            break;
-        }
-    on_release:
-      lambda: |-
-        switch (id(actual_page)){
-          case 0:
-            id(bar3_btn_right_event).trigger("release page 0");
-            break;
-          case 1:
-            id(bar3_btn_right_event).trigger("release page 1");
-            break;
-          case 2:
-            id(bar3_btn_right_event).trigger("release page 2");
-            break;
-        }
-    on_multi_click:
-      - timing:
-          - ON for at least 2s
-        then:
-            lambda: |-
-              switch (id(actual_page)){
-                case 0:
-                  id(bar3_btn_right_event).trigger("long press page 0");
-                  break;
-                case 1:
-                  id(bar3_btn_right_event).trigger("long press page 1");
-                  break;
-                case 2:
-                  id(bar3_btn_right_event).trigger("long press page 2");
-                  break;
-              }
-
-sensor:
-  - platform: homeassistant
-    entity_id: sensor.gw1100a_outdoor_temperature
-    id: outside_temperature
-    ###################
-    ### containers: ###
-    ###################
-  - platform: debug
-    free:
-      name: "Heap Free"
-    loop_time:
-      name: "Loop Time"
-
-text_sensor:
-  - platform: homeassistant
-    id: container_first
-    entity_id: sensor.afvalinfo_containers_first_trash
-  - platform: homeassistant
-    id: container_first_color
-    entity_id: sensor.afvalinfo_containers_first_trash_color
-  - platform: homeassistant
-    id: container_second
-    entity_id: sensor.afvalinfo_containers_second_trash
-  - platform: homeassistant
-    id: container_second_color
-    entity_id: sensor.afvalinfo_containers_second_trash_color
-
-display:
-  #########
-  # MAIN ##
-  #########
-  - id: !extend main_display
-    # data_rate: 40MHz
-    lambda: |-
-      id(all_pages_main).execute();
-      switch (id(actual_page)){
-        case 0:
-          id(containers).execute();
-          break;
-        case 1:
-          id(music_card).execute(20, 125);
-          break;
-        case 2:
-          it.print(100, 160, id(font_arial20), "This is page 3!");
-          break;
-      }
-
-script:
-  - id: containers
-    then:
-      - lambda: |-
-          // first trashcan:
-          int x = 23;
-          int y = 125;
-          if(strcmp(id(container_first_color).state.c_str(), "grey") == 0) {
-          id(main_display).image(x, y+4, id(icon_trashcan), ImageAlign::TOP_LEFT, id(grey));
-          } else if (strcmp(id(container_first_color).state.c_str(), "green") == 0) {
-          id(main_display).image(x, y+4, id(icon_trashcan), ImageAlign::TOP_LEFT, id(green));
-          } else if (strcmp(id(container_first_color).state.c_str(), "blue") == 0) {
-          id(main_display).image(x, y+4, id(icon_trashcan), ImageAlign::TOP_LEFT, id(blue));
-          } else if (strcmp(id(container_first_color).state.c_str(), "orange") == 0) {
-          id(main_display).image(x, y+4, id(icon_trashcan), ImageAlign::TOP_LEFT, id(orange));
-          }
-          id(main_display).print(x+22, y, id(font_arial20), id(music_card_text_color), TextAlign::TOP_LEFT , id(container_first).state.c_str());
-          // secomnd trashcan:
-          y = 151;
-          if(strcmp(id(container_second_color).state.c_str(), "grey") == 0) {
-          id(main_display).image(x, y+4, id(icon_trashcan), ImageAlign::TOP_LEFT, id(grey));
-          } else if (strcmp(id(container_second_color).state.c_str(), "green") == 0) {
-          id(main_display).image(x, y+4, id(icon_trashcan), ImageAlign::TOP_LEFT, id(green));
-          } else if (strcmp(id(container_second_color).state.c_str(), "blue") == 0) {
-          id(main_display).image(x, y+4, id(icon_trashcan), ImageAlign::TOP_LEFT, id(blue));
-          } else if (strcmp(id(container_second_color).state.c_str(), "orange") == 0) {
-          id(main_display).image(x, y+4, id(icon_trashcan), ImageAlign::TOP_LEFT, id(orange));
-          }
-          id(main_display).print(x+22, y, id(font_arial20), id(music_card_text_color), TextAlign::TOP_LEFT , id(container_second).state.c_str());
-  - id: all_pages_main
-    then:
-      - lambda: |-
-          //>>> prev/next icons next to butotns
-          id(main_display).image(0, 208, id(icon_prev_page), ImageAlign::TOP_LEFT, id(red));
-          id(main_display).image(320, 208, id(icon_next_page), ImageAlign::TOP_RIGHT, id(red));
-          //
-          //>>> Show page name at bottom of display
-          id(main_display).printf(160, 238, id(font_arial20), id(white), TextAlign::BASELINE_CENTER, "%s",  id(active_page_name).c_str());
-          //
-          //>>> temperature inside:
-          id(main_display).image(36, 15, id(icon_temp_inside), ImageAlign::TOP_CENTER, id(red));
-          id(main_display).printf(36, 80, id(font_arial20), id(white), TextAlign::TOP_CENTER , "%.1f°", id(inside_temperature).state);
-          //
-          //>>> print time and date
-          id(main_display).strftime(160, 5, id(font_clock), TextAlign::TOP_CENTER, "%H:%M", id(datetime).now());
-          id(main_display).strftime(160, 80, id(font_date), TextAlign::TOP_CENTER, "%d-%m-%Y", id(datetime).now());
-          //
-          //>>> outside temperature
-          id(main_display).image(285, 15, id(icon_temp_outside), ImageAlign::TOP_CENTER, id(red));
-          id(main_display).printf(285, 80, id(font_arial20), id(white), TextAlign::TOP_CENTER , "%.1f°", id(outside_temperature).state);
-  - id: !extend bar1_left_draw
-    then:
-      - lambda: |-
-          switch (id(actual_page)){
-            case 0:
-              id(bar_display).image(80, 0, id(lightbulb), ImageAlign::TOP_CENTER, id(red));
-              break;
-            case 1:
-              id(music_card_bar).execute("volume_down");
-              break;
-            case 2:
-              id(bar_display).image(80, 0, id(lightbulb), ImageAlign::TOP_CENTER, id(blue));
-              break;
-          }
-  - id: !extend bar1_right_draw
-    then:
-      - lambda: |-
-          switch (id(actual_page)){
-            case 0:
-              id(bar_display).image(80, 0, id(lightbulb), ImageAlign::TOP_CENTER, id(red));
-              break;
-            case 1:
-              id(music_card_bar).execute("volume_up");
-              break;
-            case 2:
-              id(bar_display).image(80, 0, id(lightbulb), ImageAlign::TOP_CENTER, id(blue));
-              break;
-          }
-  - id: !extend bar2_left_draw
-    then:
-      - lambda: |-
-          switch (id(actual_page)){
-            case 0:
-              id(bar_display).image(80, 0, id(lightbulb), ImageAlign::TOP_CENTER, id(red));
-              break;
-            case 1:
-              id(music_card_bar).execute("prev");
-              break;
-            case 2:
-              id(bar_display).image(80, 0, id(lightbulb), ImageAlign::TOP_CENTER, id(blue));
-              break;
-          }
-  - id: !extend bar2_right_draw
-    then:
-      - lambda: |-
-          switch (id(actual_page)){
-            case 0:
-              id(bar_display).image(80, 0, id(lightbulb), ImageAlign::TOP_CENTER, id(red));
-              break;
-            case 1:
-              id(music_card_bar).execute("next");
-              break;
-            case 2:
-              id(bar_display).image(80, 0, id(lightbulb), ImageAlign::TOP_CENTER, id(blue));
-              break;
-          }
-  - id: !extend bar3_left_draw
-    then:
-      - lambda: |-
-          switch (id(actual_page)){
-            case 0:
-              id(bar_display).image(80, 0, id(lightbulb), ImageAlign::TOP_CENTER, id(red));
-              break;
-            case 1:
-              id(music_card_bar).execute("power");
-              break;
-            case 2:
-              id(bar_display).image(80, 0, id(lightbulb), ImageAlign::TOP_CENTER, id(blue));
-              break;
-          }
-  - id: !extend bar3_right_draw
-    then:
-      - lambda: |-
-          switch (id(actual_page)){
-            case 0:
-              id(bar_display).image(80, 0, id(lightbulb), ImageAlign::TOP_CENTER, id(red));
-              break;
-            case 1:
-              id(music_card_bar).execute("playpause");
-              break;
-            case 2:
-              id(bar_display).image(80, 0, id(lightbulb), ImageAlign::TOP_CENTER, id(blue));
-              break;
-          }

Examples/basic_example.yaml

@@ -1,96 +0,0 @@
-### 
-### This is a basic example, showing all features of the Button+
-### 
-
-esphome:
-  name: buttonplus-test
-  friendly_name: ButtonPlus_test
-
-esp32:
-  board: esp32-s3-devkitc-1
-  flash_size: 16MB
-  framework:
-    type: arduino
-
-# Enable logging
-logger:
-
-# Enable Home Assistant API
-api:
-  encryption:
-    key: "xxx"
-
-ota:
-  - platform: esphome
-    password: "xxx"
-
-wifi:
-  ssid: !secret wifi_ssid
-  password: !secret wifi_password
-  
-### 
-### Code below is specific for the Button+
-###
-    
-packages:
-  remote_package_files:
-    url: https://gitea.furb.it/kennyboy55/ESPHome_ButtonPlusV2
-    files: [package/1bar_1display.yaml]
-    ref: main 
-    refresh: 1d
-
-font:
-  - file: "https://github.com/web-fonts/ttf/raw/refs/heads/master/bpg-ingiri-arial-webfont.ttf"
-    id: my_font20
-    size: 20
-  - file: "https://github.com/web-fonts/ttf/raw/refs/heads/master/bpg-ingiri-arial-webfont.ttf"
-    id: my_font15
-    size: 15
-  - file: "https://github.com/web-fonts/ttf/raw/refs/heads/master/bpg-ingiri-arial-webfont.ttf"
-    id: my_font40
-    size: 40
-
-image:
-  - file: mdi:lightbulb
-    id: lightbulb
-    resize: 80x80
-  - file: mdi:alert
-    id: alert
-    resize: 80x80
-  - file: "https://i.postimg.cc/CMXFmZ5n/henk.png"
-    id: henk
-    resize: 120x100
-    type: RGB565
-    use_transparency: true
-
-color:
-  - id: red
-    hex: FF0000
-  - id: blue
-    hex: 0000FF
-  - id: yellow
-    hex: FFFF00
-  - id: green
-    hex: 00FF00
-
-display:
-  - id: !extend display_j2_main
-    lambda: |-
-      // Print inside temperature (from homeassistant sensor)
-      if (id(inside_temperature).has_state()) {
-        it.printf(2, 60, id(my_font20), id(blue), TextAlign::BASELINE_LEFT , "%.1f°", id(inside_temperature).state);
-      }
-      it.printf(2, 80, id(my_font15), id(blue), TextAlign::BASELINE_LEFT, "Binnen");
-
-      // Print time and date
-      it.strftime(160, 60, id(my_font40), TextAlign::BASELINE_CENTER, "%H:%M", id(datetime).now());
-      it.strftime(160, 80, id(my_font20), id(red), TextAlign::BASELINE_CENTER, "%d-%m-%Y", id(datetime).now());
-
-      // Draw the image my_online_image at position
-      // it.image(160, 100, id(henk), ImageAlign::TOP_CENTER);
-  - id: !extend display_j3_Left
-    lambda: |-
-      it.image(80, 0, id(lightbulb), ImageAlign::TOP_CENTER, id(red));
-  - id: !extend display_j3_Right
-    lambda: |-
-      it.image(80, 0, id(alert), ImageAlign::TOP_CENTER);

package/base.yaml

@@ -10,16 +10,24 @@
 esp32:
   flash_size: 16MB
 
+psram:
+  mode: octal
+  speed: 80MHz
+
 interval:
   - interval: 1min
     then:
       - logger.log: "ESPHome for Button+ V2 v0.1.0"
 
 i2c:
-  - id: temperature_sensor
+  # Devices at 0x20, 0x21, 0x22, 0x23
+  - id: buttons
     sda: GPIO1
     scl: GPIO2
-  - id: buttons
+    frequency: 50khz
+
+  # Devices at 0x29 (ambient), 0x4A (temp)
+  - id: sensors
     sda: GPIO47
     scl: GPIO48
     frequency: 400khz
@@ -28,10 +36,6 @@ spi:
   clk_pin: GPIO6
   mosi_pin: GPIO5
 
-psram:
-  mode: octal
-  speed: 80MHz
-
 globals:
   - id: nr_of_pages
     type: int
@@ -39,6 +43,12 @@ globals:
   - id: actual_page
     type: int
     initial_value: '0'
+  - id: page_names
+    type: std::vector<std::string>
+    initial_value: '{"Page 1"}'
+  - id: active_page_name
+    type: std::string
+    initial_value: ""
 
 output:
   - platform: ledc
@@ -56,11 +66,19 @@ output:
 
 sensor:
   - platform: sts3x
-    id: inside_temperature
-    i2c_id: temperature_sensor
-    name: "Temperature"
     address: 0x4A
+    id: buttonplus_temperature
+    i2c_id: sensors
+    name: "Button+ Temperature"
     update_interval: 10s
+  - platform: ltr_als_ps
+    address: 0x29
+    id: buttonplus_ambientlight
+    i2c_id: sensors
+    ambient_light: "Button+ Ambient Light"
+    update_interval: 10s
+    type: ALS  # or ALS or PS
+    auto_mode: true
   - platform: template
     name: "Active Page ID"
     id: active_page_id_ha