Show off your picture-elements uses

SeLLeRoNe · February 14, 2019, 4:26pm

That’s quite interesting, Thanks for sharing!

Would you mind also share the configuration for input_boolean.matte_charging and the battery images?

Also, for the proximity, did you had to create one per-person for the home zone? I guess so unless I am doing something wrong, if I set one proximity for home with both device track it just provides the closest one, not both, so presumambly (well, this is what I did), you need to create a proximity entity per persone for the “home” zone, right?

Cheers
Andrea

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?