HA SwitchPlate HASPone: DIY In-Wall Touchscreen Home Assistant Controller

tlstommy · December 6, 2017, 4:24pm

is there a list of parts to build it? i cant seem to find one. do you know where it is? thanks!

luma · December 6, 2017, 4:55pm

The BOM appears on the front page of the GitHub project site.

DrJeff · December 8, 2017, 8:22pm

@luma I can not see the Time or Date on the display? Is my string wrong? Where is the time getting pulled from?

- alias: HASwitchPlate_Clock
  trigger:
    platform: time
    # Matches every minute
    seconds: 00
  condition:
  - condition: state
    entity_id: 'binary_sensor.haswitchplate'
    state: 'on'
  action:
  - service: mqtt.publish
    data:
      topic: 'homeassistant/haswitchplate/HASwitchPlate/command/p[2].b[4].txt'
      payload_template: "\"{{now().strftime('%H:%M')}}\""
      retain: true
  - service: mqtt.publish
    data:
      topic: 'homeassistant/haswitchplate/HASwitchPlate/command/p[2].b[5].txt'
      payload_template: "\"{{now().strftime('%A')}}\\r{{now().strftime('%B %-d')}}\""
      retain: true
      
- alias: HASwitchPlate_Clock_Init
  trigger:
  - platform: mqtt
    topic: 'homeassistant/binary_sensor/HASwitchPlate/state'
    payload: 'ON'
  - platform: homeassistant
    event: start
  action:
  - service: mqtt.publish
    data:
      topic: 'homeassistant/haswitchplate/HASwitchPlate/command/p[2].b[4].font'
      payload: '3'
  - service: mqtt.publish
    data:
      topic: 'homeassistant/haswitchplate/HASwitchPlate/command/p[2].b[5].font'
      payload: '1'

This is the example code I’m trying from the examples. Please help I love this project.

ivandal77 · December 11, 2017, 1:43pm

Dear all,
really nice work!
Nobody has added a temperature sensor and a relay?? My idea is to transform in a Generic Thermostat with MQTT Temperature sensor and put all in a 503 wall socket…
Thanks,

Ivan

luma · December 11, 2017, 1:59pm

DrJeff:

@luma I can not see the Time or Date on the display? Is my string wrong? Where is the time getting pulled from?

  - service: mqtt.publish
    data:
      topic: 'homeassistant/haswitchplate/HASwitchPlate/command/p[2].b[4].txt'
      payload_template: "\"{{now().strftime('%H:%M')}}\""
      retain: true
  - service: mqtt.publish
    data:
      topic: 'homeassistant/haswitchplate/HASwitchPlate/command/p[2].b[5].txt'
      payload_template: "\"{{now().strftime('%A')}}\\r{{now().strftime('%B %-d')}}\""
      retain: true

The date/time comes from now() and is formatted by strftime.

This is what the second example above looks like in the Home Assistant template editor:

If it’s not showing up on the display, can you monitor the MQTT traffic w/ mosquitto_sub (or similar) and post what the output looks like here?

luma · December 11, 2017, 2:00pm

The trouble with a temperature sensor will be finding enough space on the front panel to position such a sensor so that it faces into the room. A relay is on my “maybe” list, but that involves a substantial amount of engineering to implement in a safe manner.

ivandal77 · December 11, 2017, 2:11pm

Thanks @luma ,
maybe 503 has more space to fit all the thing…

Ivan

DrJeff · December 12, 2017, 6:13am

Ok @luma I had 2 problems with the clock the date call was not working like this
"\"{{now().strftime('%A')}}\\r{{now().strftime('%B %-d')}}\"" the date %-d was not working for me I used %d Now it works. also I have no entity_id: 'binary_sensor.haswitchplate' So commented it out then looked at the docs but didn’t see were you added a binary_sensor. Also I’m in US so I changed the Clock to 12hr with

payload_template: "\"{{now().strftime('%I:%M')}}\""

Thanks! yet again

luma · December 13, 2017, 1:43pm

I’m curious about this - what platform are you running on? -d is mentioned in the strftime documentation as being “platform specific”. I’ve run hass w/ the automation on raspbian and ubuntu (x64) and it works as expected.

That requires MQTT discovery to be enabled. It’s used in a lot of places in my example automations, and I’d strongly recommend adding that to your config. ‘binary_sensor.haswitchplate’ will be created automatically via this mechanism and is used to report to hass if the HASP device is online or not. Several of the automations will trigger based on this sensor going online to initialize the panel, so a bunch of things aren’t going to work right if you don’t have MQTT discovery enabled.

luma · December 13, 2017, 1:50pm

Maybe it does! I have no idea what a 503 is, and Google isn’t helping, but the enclosure design is included in the github repo and is editable with the free version of SketchUp if you want to modify it to fit your own use case.

DrJeff · December 14, 2017, 2:43am

I’m running it on a VM Ubuntu x64 but I’m using HassIO maybe thats why.

I guess I need to get MQTT discovery working correctly. I thought it was working with a prefix of homeassistant maybe the code required /homeassistant got to check.

luma · December 14, 2017, 2:47pm

homeassistant (no leading slash) should be the correct setting.

DrJeff · December 14, 2017, 4:48pm

Yes, I think it’s working. What other sensors does it make? It looks like it is working with other auto discover devices (Espurna).

1337hium · December 18, 2017, 2:20pm

Thanks for this amazing Project

Next Year i have to renovate our Kitchen an Living room, then i will integrate a few switches

toddw65 · December 19, 2017, 6:34pm

Is it possible to utilize the Nextion vis property to show/hide an object?

luma · December 19, 2017, 9:12pm

Yup! The Arduino sketch is mostly just passing through Nextion commands, so you can send any normal Nextion command using MQTT per the docs here.

toddw65 · December 19, 2017, 10:11pm

So something like ‘[…]/command/p[1].b[4].vis’ ‘0’ or am I way off base?

Nvm. Figured it out. I’m a little slow apparently. I didn’t realize that sending the page, etc wasn’t needed.

Just ‘[…]/command’ ‘vis 4,0’

squirtbrnr · December 20, 2017, 3:33am

Installed into the wall in a low voltage bracket (I’m using a 5V micro-USB power supply and feed the power under the outlet cover and up the inside of the wall to it). Glad I finally did this and it works great. I had the display, ESP8266, and cover but never put it anywhere. It’s in a nice central location of my house.

I know I brought this up before and I don’t remember what the cause is, but can you @luma explain to me again why the page does a double or triple refresh when it changes pages? Thanks!

luma · December 20, 2017, 1:25pm

The writeup below is still pertinent although input_slider is now input_number. The updated page flipping automation should address the issue.

luma:

squirtbrnr:

I should have asked this long ago, but is it normal behavior for the screen to “flash” twice when a button is pressed? Almost as if the screen is getting reloaded. I don’t think it has anything to do with the automations, rather something in the HMI that causes this like the Serial and LCD can’t run at the same time on the Nextion panel.

The screen shouldn’t do that, and the way that I’m using automations is 100% at fault.

When you change pages from the panel it triggers an automation which updates the input_slider haswitchplate_active_page, which keeps Hass up-to-date about which page is currently active. When you change that slider in the UI, another automation sends a page change to the panel, so that there’s a two-way sync between the actual page being viewed and the slider in Hass. The result is that when you select a page on the panel, it changes the slider in Hass, which in turn now sends a page change back to the device for the same page which was just selected meaning it’s seeing two page change requests every time you click a page button. The page command forces a refresh of the screen, and that is why you are seeing it blink every time you change the page (but only when doing so from the panel).

I spent several days with this question rattling around in the back of my head and literally woke up one morning with the answer: when updating the slider in Hass, disable the automation that sends the update from Hass back to the panel. So now when you change pages from the panel, Hass picks up the change, turns off the Hass>panel page change, changes the Hass slider haswitchplate_active_page, then turns the Hass>panel page change automation back on.

This issue is present in several other places where things like sliders are being updated from both Hass and the panel (the media player volume slider for example), but updating the .val property of an individual object doesn’t force a screen refresh and thus there’s no screen flashing in response.

tl;dr download the latest HASwitchPlatePages.yaml and you’ll find the issue resolved.

squirtbrnr · December 20, 2017, 2:00pm

Hmmm, I have the latest pages automation yet it still refreshes the multiple times on page change. I’ve reloaded automations and restarted HA many times. In fact I’ve had that exact automation file since at least november 6th.