Show off your picture-elements uses

mcfrojd · February 14, 2019, 6:41pm

Im using tasker and webhook to update my charging status.

Tasker setup

Yaml setup

############################################################################
## Webhooks
############################################################################
## Automations
############################################################################
automation:
  - alias: 'Webhook Call Input_boolean'
    initial_state: 'on'
    trigger:
      platform: webhook
      webhook_id: input_boolean_webhook_publish
    action:
      service_template: '{{ trigger.json.service }}'
      data_template:
        entity_id: '{{ trigger.json.entity }}'
############################################################################
## Input_boolean
############################################################################
input_boolean:
  matte_charging: # Controlled from tasker on phone
    name: Matte Laddar

For my wife i get the charging status from my “Google Maps Location Sharing” device_tracker.
(a bit slower to detect status, but i dont have to install or setup anything on her phone.

sensor:
  - platform: template
    sensors:
      asa_charging_gmaps:
        friendly_name: "Åsa laddar gmaps"
        value_template: "{{ state_attr('device_tracker.google_maps_xxxxxxxxxxxxxxxxxxxx', 'battery_charging') }}"

The Battery icon comes from using the “custom component” battery_alert.yaml from https://github.com/notoriousbdg/Home-AssistantConfig/blob/master/packages/battery_alert.yaml

And the circle with gradient color is just a transparent .png file with the same size as the background images and the circle placed where the “hole” is.

And for proximity i have this:

############################################################################
## Proximity
############################################################################
proximity:
  home_matte: 
    zone: home
    devices:
      - sensor.matte_presence
    tolerance: 50
    unit_of_measurement: km
  home_asa: 
    zone: home
    devices:
      - sensor.asa_presence
    tolerance: 50
    unit_of_measurement: km
  home_cod: 
    zone: home
    devices:
      - sensor.cod_presence
    tolerance: 50
    unit_of_measurement: km

SeLLeRoNe · February 14, 2019, 7:25pm

Thank you very much for sharing that
Especially the Tasker config, I have bought it and I need to study it a bit
Regarding the proximity I can see you’re doing exactly as me, but isn’t 50km tolerance a little too high?
I did put in meters with 25 of tolerance

Cheers!
Andrea

mcfrojd · February 14, 2019, 7:34pm

I think the tolerance value is in meters.

tolerance
(integer)(Optional)The tolerance used to calculate the direction of travel in meters (m) to filter out small GPS coordinate changes.

The unit_of_measurement i think is only for the reported state.

SeLLeRoNe · February 14, 2019, 8:15pm

Oh okay
Make more sense like this

Also for the presence you use tasker?

mcfrojd · February 14, 2019, 8:53pm

No, i use 3 diffrent components for presence.
“Gps” = Google Maps Location Sharing (HA Component)
“Bluetooth” = https://github.com/andrewjfreyer/monitor (Project running on separate Pi)
“Wifi” = IFTTT Webhooks for my FINGBox (FingBox and IFTTT (Official Support))

And right now im testing out the hassio addon “A Better Presence” from here https://github.com/helto4real/hassio-add-ons/tree/master/presence to tie them all together.

I have used tasker for presence, sending gps, battery, and lots of data earlier, but it was quite battery draining back then.
Nowdays with webhooks i guess it would be a lot easier to setup in tasker, but right now i think these 3 is working good enough for me.

SeLLeRoNe · February 14, 2019, 11:01pm

I see,
I am using namp ping and life360 but I am not having valid results.
Also I am not using Hass.io but Home Assistant so I cannot use/test that plugin unfortunately.

That’s annoying
Anyway, thanks for the info!

mcfrojd · February 14, 2019, 11:11pm

If you have a spare Raspberry Pi (even pi zero) you should really look into the “Monitor” project i use.

it works really fine and have improve my presence by far.

SeLLeRoNe · February 15, 2019, 8:19am

I guess I need to fix my Wifi/Bluetooth on my Pi3 first because for some reason isnt working anymore )

Thanks for that

Mariusthvdb · February 15, 2019, 8:58am

nice!
what the size for the main pictures? I tried it but my images get blown up…

also, i have this template to use for my location in my Tiles setup, could this be used in your card too?:

background-image: url(\"/local/tiles/family/marijn_' + entities['sensor.marijn_location_picture'].state + '.png\")

thanks!

mcfrojd · February 15, 2019, 9:05am

My images are 500 x 600.

Not sure about your template there.

Mariusthvdb · February 15, 2019, 9:10am

thanks!

so this is the frame with the holes, and your home image in 1 file? Or are these in fact 2 files, a fram, and a bigger home_image.

Would love to have this frame file

mcfrojd · February 15, 2019, 11:32am

I’ll share it when i come home to by desktop computer.
It’s a .psd file

– EDIT –
Here is the link to my .psd file:

– EDIT –

cheynespc · March 11, 2019, 9:12am

hey sorry for delay this is what i use im still on 0.78 as lovelace changed a bit and havent got round to updating hope it helps

                  - type: vertical-stack
                    cards:
                      - type: glance
                        title: 
                        column_width: calc(100% / 3)
                        show_name: false
                        show_state: false
                        entities:
                          - entity: input_boolean.switch_tv_ir_num_1
                            tap_action:
                              action: toggle
                            icon: mdi:numeric-1-box
                          - entity: input_boolean.switch_tv_ir_num_2
                            tap_action:
                              action: toggle
                            icon: mdi:numeric-2-box
                          - entity: input_boolean.switch_tv_ir_num_3
                            tap_action:
                              action: toggle
                            icon: mdi:numeric-3-box
                          - entity: input_boolean.switch_tv_ir_num_4
                            tap_action:
                              action: toggle
                            icon: mdi:numeric-4-box
                          - entity: input_boolean.switch_tv_ir_num_5
                            tap_action:
                              action: toggle
                            icon: mdi:numeric-5-box
                          - entity: input_boolean.switch_tv_ir_num_6
                            tap_action:
                              action: toggle
                            icon: mdi:numeric-6-box
                          - entity: input_boolean.switch_tv_ir_num_7
                            tap_action:
                              action: toggle
                            icon: mdi:numeric-7-box
                          - entity: input_boolean.switch_tv_ir_num_8
                            tap_action:
                              action: toggle
                            icon: mdi:numeric-8-box
                          - entity: input_boolean.switch_tv_ir_num_9
                            tap_action:
                              action: toggle
                            icon: mdi:numeric-9-box
                          - entity: input_boolean.switch_tv_ir_num_0
                            tap_action:
                              action: toggle
                            icon: /local/
                          - entity: input_boolean.switch_tv_ir_num_0
                            tap_action:
                              action: toggle
                            icon: mdi:numeric-0-box
                          - entity: switch.remote_ir_number_0
                            tap_action:
                              action: toggle
                            icon: /local/
                          - entity: switch.remote_ir_number_0
                            tap_action:
                              action: toggle
                            icon: /local/
                          - entity: switch.remote_ir_number_0
                            tap_action:
                              action: toggle
                            icon: /local/
                          - entity: switch.remote_ir_number_0
                            tap_action:
                              action: toggle
                            icon: /local/

cheynespc · March 11, 2019, 9:13am

Mariusthvdb · March 11, 2019, 9:38am

sorry missed this before, thanks for sharing!

Rockstad · March 14, 2019, 7:29pm

Hi!
I’m trying to making a tab for my vacuum cleaner using picture elements, but I want it to fit the screen and get rid of the scrollbar.

I can accomplish this if I set the picture as background but then I lose all the benefits of picture elements.

Any ideas?

Background:

- title: Roborock
  background: center / cover no-repeat url("/local/xiaomi_vacuum.jpg") fixed

Picture elements:

- title: Roborock
  panel: true
  cards:
    - type: picture-elements
      image: /local/xiaomi_vacuum.jpg
      etc...

asif · March 18, 2019, 12:48pm

Awsome!!! Thanks for sharing

4kauto · March 20, 2019, 10:15am

Hi
Can someone please tell me how they use the picture element. How do you create the ui-Lovelace.yaml? I tried many things but nothing works.

Running Hassio 89.2
Thanks.

efleming · March 20, 2019, 10:37am

Jim, a bit off topic - do you use your Mi Flora outside? If so, any issues?

jimpower · March 20, 2019, 7:26pm

Yes I have about 15 of them outside for over a year and they are all still going. We just had 150mm of rain over the weekend and they are all still working. They have also survived an Australian summer which is the ultimate litmus test lol. Only thing is I had to put a pi zero outside to connect to them as Bluetooth range is limited.