20260326

esphome/cfg_experimental/display-keuken.yaml

@@ -0,0 +1,446 @@
+substitutions:
+  device_name: "esp32-75epaper-keuken"
+  friendly_name: "Epaper display keuken"
+  comment: "7,5inch epaper displau keuken"
+  location: "Keuken"
+  api_password: !secret eink_display_api
+  ota_password: !secret ota_password
+  wifi_ssid: !secret wifi_ssid
+  wifi_password: !secret wifi_password
+  wifi_ssid2: !secret wifi_ssid2
+  wifi_password2: !secret wifi_password2
+  gateway: !secret ip_gateway
+  subnet: !secret ip_subnet
+  ip: !secret eink_display_ip
+#pins
+  pin_spi_clk: GPIO7
+  pin_spi_mosi: GPIO9
+  pin_ep_cs: GPIO2
+  pin_ep_dc: GPIO4
+  pin_ep_busy: GPIO3
+  pin_ep_reset: GPIO1
+
+packages:
+  board: !include boards/esp32-S3.yaml
+  device_base: !include common/common.yaml
+  connection: !include common/wifi_nosens.yaml
+  logger: !include templates/logger.yaml
+
+
+#add include
+esphome:
+  includes:
+    - include/epaper75.h
+    - include/text_utils.h 
+
+external_components:
+  # - source:
+  #     type: git
+  #     url: https://github.com/atomicmike/esphome.git
+  #     ref: waveshare-color-2022.6
+  #   components: [waveshare_epaper]
+  - source: 
+      type: git
+      url: https://github.com/twisterss/esphome-dev.git
+      ref: waveshare-red-black
+    components: [ waveshare_epaper ]
+  #- source: components/waveshare-epaper-c
+
+sun:
+  latitude: !secret home_latitude
+  longitude: !secret home_longitude
+
+globals:
+  - id: data_updated
+    type: bool
+    restore_value: no
+    initial_value: 'false'
+  - id: initial_data_received
+    type: bool
+    restore_value: no
+    initial_value: 'false'
+  - id: recorded_display_refresh
+    type: int
+    restore_value: yes
+    initial_value: '0'    
+
+time:
+  - platform: homeassistant
+    id: esptime
+    on_time_sync:
+      - then:
+          - component.update: sunrise
+          - component.update: sunset
+          - logger.log: Time has been set and is valid!
+    on_time:
+      - minutes: 5
+        then:
+          - if:
+              condition:
+                lambda: 'return id(data_updated) == true;'
+              then:
+                - lambda: 'id(initial_data_received) = true;'
+                - logger.log: "Sensor data updated: Refreshing display..."
+                - component.update: eink_display
+                - lambda: 'id(data_updated) = false;'
+                - lambda: 'id(recorded_display_refresh) += 1;'
+                - lambda: 'id(display_last_update).publish_state(id(esptime).now().timestamp);' 
+              else:
+                - logger.log: "No sensors updated - skipping display refresh."
+
+button:
+  - platform: template
+    name: "Refresh screen"
+    id: refresh
+    icon: "mdi:emoticon-outline"
+    on_press:
+      - logger.log: "Button pressed"
+      - component.update: eink_display
+      
+# deep_sleep:
+#   run_duration: 15s
+#   sleep_duration: 1min
+
+# Include custom fonts
+font:
+  # - file: 'fonts/GothamRnd-Book.ttf'
+  #   id: font_small_book
+  #   size: 18
+  - file: 'fonts/GothamRnd-Bold.ttf'
+    id: font_large_bold
+    size: 108
+    glyphs: ['-',' ', '°', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'C', 'a', 'n']
+  # - file: 'fonts/GothamRnd-Bold.ttf'
+  #   id: font_medium_bold
+  #   size: 30
+    # glyphs: [' ', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'M', 'I', 'N']
+  - file: 'fonts/GothamRnd-Bold.ttf'
+    id: font_small_bold
+    size: 18
+    # glyphs: ['°', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'C', 'M', 'I', 'N']
+
+  # - file: 'fonts/GothamRnd-Bold.ttf'
+  #   id: font_time
+  #   size: 90
+  #   glyphs: [' ', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', ':']
+  - file: 'fonts/GothamRnd-Book.ttf'
+    id: font_weekday
+    size: 30
+    glyphs: &default-glyphs
+      ['&', '@', '!', ',', '.', '"', '%', '(', ')', '+', '-', '_', ':', '°', '0',
+       '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E',
+       'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S',
+       'T', 'U', 'V', 'W', 'X', 'Y', 'Z', ' ', 'a', 'b', 'c', 'd', 'e', 'f',
+       'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't',
+       'u', 'v', 'w', 'x', 'y', 'z','|', '/']   
+
+  - file: 'fonts/GothamRnd-Book.ttf'
+    id: font_day
+    size: 65
+    glyphs: [' ', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9']
+  - file: 'fonts/GothamRnd-Bold.ttf'
+    id: font_month
+    size: 40
+
+
+  # Include Material Design Icons font
+  # Thanks to https://community.home-assistant.io/t/display-materialdesign-icons-on-esphome-attached-to-screen/199790/16
+  - file: 'fonts/materialdesignicons-webfont.ttf'
+    id: font_mdi_large
+    size: 96
+    glyphs: &mdi-weather-glyphs
+      - "\U000F0590" # mdi-weather-cloudy
+      - "\U000F0F2F" # mdi-weather-cloudy-alert
+      - "\U000F0E6E" # mdi-weather-cloudy-arrow-right
+      - "\U000F0591" # mdi-weather-fog
+      - "\U000F0592" # mdi-weather-hail
+      - "\U000F0F30" # mdi-weather-hazy
+      - "\U000F0898" # mdi-weather-hurricane
+      - "\U000F0593" # mdi-weather-lightning
+      - "\U000F067E" # mdi-weather-lightning-rainy
+      - "\U000F0594" # mdi-weather-night
+      - "\U000F0F31" # mdi-weather-night-partly-cloudy
+      - "\U000F0595" # mdi-weather-partly-cloudy
+      - "\U000F0F32" # mdi-weather-partly-lightning
+      #- "\U000F0F33" # mdi-weather-partly-rainy
+      #- "\U000F0F34" # mdi-weather-partly-snowy
+      - "\U000F0F35" # mdi-weather-partly-snowy-rainy
+      - "\U000F0596" # mdi-weather-pouring
+      - "\U000F0597" # mdi-weather-rainy
+      - "\U000F0598" # mdi-weather-snowy
+      #- "\U000F0F36" # mdi-weather-snowy-heavy
+      - "\U000F067F" # mdi-weather-snowy-rainy
+      - "\U000F0599" # mdi-weather-sunny
+      - "\U000F0F37" # mdi-weather-sunny-alert
+      - "\U000F14E4" # mdi-weather-sunny-off
+      - "\U000F059A" # mdi-weather-sunset
+      - "\U000F059B" # mdi-weather-sunset-down
+      - "\U000F059C" # mdi-weather-sunset-up
+      #- "\U000F0F38" # mdi-weather-tornado
+      - "\U000F059D" # mdi-weather-windy
+      #- "\U000F059E" # mdi-weather-windy-variant
+      - "\U000f010b" # mdi-car
+      - "\U000f0819" # trash
+
+  - file: 'fonts/materialdesignicons-webfont.ttf'
+    id: font_mdi_medium
+    size: 36
+    glyphs: *mdi-weather-glyphs
+
+
+sensor:
+  - platform: template
+    name: "${device_name} Last Update"
+    device_class: timestamp
+    id: display_last_update
+
+  - platform: homeassistant
+    entity_id: weather.forecast_home
+    attribute: temperature
+    id: weather_temperature
+    on_value:
+      then:
+        - lambda: 'id(data_updated) = true;'
+
+  - !include { file: sensors/homeassistant.yaml, vars: { id: weather_temperature_0, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: weather_temperature_1, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: weather_temperature_2, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: weather_temperature_3, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: travel_Best_time, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: travel_ASML_time, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: travel_euretco_time, entity_id: sensor.e_ink_display_data }}
+
+
+
+  - platform: wifi_signal
+    id: sensor_wifi_signal
+    name: "${device_name} WiFi"
+    update_interval: 60s
+    on_value:
+      - component.update: sensor_wifi_signal_percentage
+
+  - platform: template
+    id: sensor_wifi_signal_percentage
+    name: "${device_name} Wi-Fi Signal Percentage"
+    icon: "mdi:wifi"
+    unit_of_measurement: "%"
+    update_interval: never
+    lambda: |-
+      if (id(sensor_wifi_signal).state) {
+        if (id(sensor_wifi_signal).state <= -100 ) {
+          return 0;
+        } else if (id(sensor_wifi_signal).state >= -50) {
+          return 100;
+        } else {
+          return 2 * (id(sensor_wifi_signal).state + 100);
+        }
+      } else {
+        return NAN;
+      }
+
+  - platform: template
+    name: "${device_name} Recorded Display Refresh"
+    lambda: 'return id(recorded_display_refresh);'
+    unit_of_measurement: "refreshes"
+
+
+text_sensor:
+  # - platform: homeassistant
+  #   entity_id: weather.forecast_home
+  #   id: weather_state
+
+  - !include { file: sensors/homeassistant.yaml, vars: { id: weather_condition_now, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: weather_condition_0, entity_id: sensor.e_ink_display_data}}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: weather_timestamp_0, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: weather_condition_1, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: weather_timestamp_1, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: weather_condition_2, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: weather_timestamp_2, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: weather_condition_3, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: weather_timestamp_3, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: afval_today, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: afval_tomorrow, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: travel_Best_name, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: travel_ASML_name, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: travel_euretco_name, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: day_full, entity_id: sensor.e_ink_display_data }}
+  - !include { file: sensors/homeassistant.yaml, vars: { id: datum, entity_id: sensor.e_ink_display_data }}
+
+  # Sunrise
+  - platform: sun
+    type: sunrise
+    id: sun_sunrise
+    format: "%H:%M"
+    on_value:
+      then:
+         - lambda: 'id(data_updated) = true;'
+  # Sunset
+  - platform: sun
+    type: sunset
+    id: sun_sunset
+    format: "%H:%M"
+    on_value:
+      then:
+         - lambda: 'id(data_updated) = true;'
+
+
+  - platform: sun
+    id: sunrise
+    name: Sun Next Sunrise
+    type: sunrise
+    format: "%H:%M"
+    internal: true
+    update_interval: 12h
+
+  - platform: sun
+    id: sunset
+    name: Sun Next Sunset
+    type: sunset
+    format: "%H:%M"
+    internal: true
+    update_interval: 12h
+
+# Define colors
+# This design is white on black so this is necessary.
+color:
+  - id: color_black
+    red: 0%
+    green: 0%
+    blue: 0%
+    white: 50%
+  - id: color_white
+    red: 0%
+    green: 0%
+    blue: 0%
+    white: 0%
+  - id: COLOR_RED
+    red: 100%
+    green: 0%
+    blue: 0%
+    white: 0%
+
+
+# Pins for Waveshare ePaper ESP Board
+spi:
+  clk_pin: ${pin_spi_clk}
+  mosi_pin: ${pin_spi_mosi}
+
+
+# Now render everything on the ePaper screen.
+display:
+  - platform: waveshare_epaper
+    cs_pin: ${pin_ep_cs}
+    dc_pin: ${pin_ep_dc}
+    busy_pin: 
+      number: ${pin_ep_busy}
+      inverted: True
+    reset_pin: ${pin_ep_reset}
+    reset_duration: 2ms
+    model: 7.50in-bv2-rb
+    #model: 7.50in-bV2
+    update_interval: 30min
+    id: eink_display
+    rotation: 90°
+    lambda: |-
+      int xres = it.get_width();
+      int yres = it.get_height();
+
+      #define x_pad 10 // border padding
+      #define y_pad 10 // border padding
+
+      // int wifi_x_a = xres-x_pad;
+      // int wifi_y_a = yres-y_pad+2;
+      // Fill background in black.
+      it.fill(COLOR_OFF);
+
+      // clock section
+      int clk_yoffset = 50;
+      int clk_xoffset = 50;
+      
+        // Print full weekday name
+        it.printf(clk_xoffset, clk_yoffset, id(font_weekday), TextAlign::TOP_LEFT, "%s", id(day_full).state.c_str());
+        int day_size = GetTextWidth(&it, id(font_weekday), "%s", id(day_full).state.c_str());
+        it.printf(clk_xoffset + day_size+10, clk_yoffset, id(font_weekday), TextAlign::TOP_LEFT, "%s", id(datum).state.c_str());
+        
+      int sry_offset = 200; //sunrise/set y-offset
+        //  Print sunrise
+        it.printf(60, sry_offset, id(font_mdi_medium), COLOR_RED,  TextAlign::CENTER_RIGHT, "\U000F059C");
+        if(id(sun_sunrise).has_state ()) {
+          it.printf(65, sry_offset, id(font_small_bold), TextAlign::CENTER_LEFT, "%s", id(sun_sunrise).state.c_str());
+        }
+        //  Print sunset
+        it.printf(425, sry_offset, id(font_mdi_medium), COLOR_RED, TextAlign::CENTER_RIGHT, "\U000F059B");
+        if(id(sun_sunset).has_state ()) {
+          it.printf(385, sry_offset, id(font_small_bold), TextAlign::CENTER_RIGHT, "%s", id(sun_sunset).state.c_str());
+        }
+        // Moonphase
+        //it.printf(265, sry_offset, id(font_mdi_medlarge), TextAlign::CENTER, "%s", moon_icon_map[id(moon_phase).state.c_str()].c_str());
+
+      it.line(30, sry_offset+30, 420, sry_offset+30);
+
+      
+      // Weather Section
+      int wy_offset = sry_offset + 60; //weather y offset
+        //  WEATHER STATE ICON
+        it.printf(80, wy_offset, id(font_mdi_large), COLOR_RED, TextAlign::TOP_CENTER, "%s", weather_icon_map[id(weather_condition_now).state.c_str()].c_str());
+        // TEMPERATURE
+        it.printf(410, wy_offset, id(font_large_bold), TextAlign::TOP_RIGHT, "%2.0f°C", id(weather_temperature).state);
+
+      int forecast_yoffset = wy_offset+30+108;
+      int fcst_xstart = 90;
+      int fcst_offset = 90;
+        it.printf(fcst_xstart, forecast_yoffset,    id(font_small_bold), TextAlign::TOP_CENTER, "%s", id(weather_timestamp_0).state.c_str());
+        it.printf(fcst_xstart, forecast_yoffset+20, id(font_mdi_medium), COLOR_RED, TextAlign::TOP_CENTER, "%s", weather_icon_map[id(weather_condition_0).state.c_str()].c_str());
+        it.printf(fcst_xstart, forecast_yoffset+72, id(font_small_bold), TextAlign::TOP_CENTER, "%2.0f°C", id(weather_temperature_0).state);
+
+        fcst_xstart += fcst_offset;
+        it.printf(fcst_xstart, forecast_yoffset,    id(font_small_bold), TextAlign::TOP_CENTER, "%s", id(weather_timestamp_1).state.c_str());
+        it.printf(fcst_xstart, forecast_yoffset+20, id(font_mdi_medium), COLOR_RED, TextAlign::TOP_CENTER, "%s", weather_icon_map[id(weather_condition_1).state.c_str()].c_str());
+        it.printf(fcst_xstart, forecast_yoffset+72, id(font_small_bold), TextAlign::TOP_CENTER, "%2.0f°C", id(weather_temperature_1).state);
+
+        fcst_xstart += fcst_offset;
+        it.printf(fcst_xstart, forecast_yoffset,    id(font_small_bold), TextAlign::TOP_CENTER, "%s", id(weather_timestamp_2).state.c_str());
+        it.printf(fcst_xstart, forecast_yoffset+20, id(font_mdi_medium), COLOR_RED, TextAlign::TOP_CENTER, "%s", weather_icon_map[id(weather_condition_2).state.c_str()].c_str());
+        it.printf(fcst_xstart, forecast_yoffset+72, id(font_small_bold), TextAlign::TOP_CENTER, "%2.0f°C", id(weather_temperature_2).state);
+
+        fcst_xstart += fcst_offset;
+        it.printf(fcst_xstart, forecast_yoffset,    id(font_small_bold), TextAlign::TOP_CENTER, "%s", id(weather_timestamp_3).state.c_str());
+        it.printf(fcst_xstart, forecast_yoffset+20, id(font_mdi_medium), COLOR_RED, TextAlign::TOP_CENTER, "%s", weather_icon_map[id(weather_condition_3).state.c_str()].c_str());
+        it.printf(fcst_xstart, forecast_yoffset+72, id(font_small_bold), TextAlign::TOP_CENTER, "%2.0f°C", id(weather_temperature_3).state);
+
+      it.line(30, forecast_yoffset+102, 420, forecast_yoffset+102);
+
+      // //afstand
+      int drvtime_yoffset = forecast_yoffset+132;
+      // int drvtime_xoffset = 40;
+      //   it.printf(drvtime_xoffset, drvtime_yoffset,    id(font_mdi_medium), COLOR_RED, TextAlign::TOP_CENTER, "%s", weather_icon_map["car"].c_str());
+
+      //   it.printf(drvtime_xoffset+90, drvtime_yoffset,    id(font_small_bold), TextAlign::TOP_CENTER, "%s", id(travel_Best_name).state.c_str());
+      //   it.printf(drvtime_xoffset+90, drvtime_yoffset+30, id(font_small_bold), TextAlign::TOP_CENTER, "%2.0f min", id(travel_Best_time).state);
+    
+      //   it.printf(drvtime_xoffset+210, drvtime_yoffset,    id(font_small_bold), TextAlign::TOP_CENTER, "%s", id(travel_ASML_name).state.c_str());
+      //   it.printf(drvtime_xoffset+210, drvtime_yoffset+30, id(font_small_bold), TextAlign::TOP_CENTER, "%2.0f min", id(travel_ASML_time).state);
+    
+      //   it.printf(drvtime_xoffset+330, drvtime_yoffset,    id(font_small_bold), TextAlign::TOP_CENTER, "%s", id(travel_euretco_name).state.c_str());
+      //   it.printf(drvtime_xoffset+330, drvtime_yoffset+30, id(font_small_bold), TextAlign::TOP_CENTER, "%2.0f min", id(travel_euretco_time).state);
+  
+      // it.line(30, drvtime_yoffset+60, 420, drvtime_yoffset+60);
+
+      // afval
+      int waste_yoffset = drvtime_yoffset+90;
+      int waste_xoffset = 60;
+       // it.printf(waste_xoffset, waste_yoffset, id(font_mdi_medium), COLOR_RED, TextAlign::TOP_CENTER, "%s", weather_icon_map["trash"].c_str());
+
+      //  it.printf(waste_xoffset+100, waste_yoffset, id(font_small_bold),    TextAlign::TOP_CENTER, "Vandaag:");
+      //  it.printf(waste_xoffset+260, waste_yoffset, id(font_small_bold),    TextAlign::TOP_CENTER, "Morgen:");
+      //  it.printf(waste_xoffset+95, waste_yoffset+30, id(font_small_bold),  TextAlign::TOP_CENTER, "%s", id(afval_today).state.c_str());
+      //  it.printf(waste_xoffset+255, waste_yoffset+30, id(font_small_bold), TextAlign::TOP_CENTER, "%s", id(afval_tomorrow).state.c_str());
+
+      // it.line(30, 400, 440, 400);
+      
+      // it.printf(30, 520, id(font_mdi_medium), color_white, TextAlign::TOP_CENTER, "%s", moon_icon_map[id(moon_phace_icon).state.c_str()].c_str());
+
+  
+
+captive_portal:
+