My Lovelace Plugins

iantrich · January 25, 2019, 8:16pm

popup-card is match made in heaven for my roku-card! Thanks @thomasloven!

jimz011 · January 25, 2019, 8:31pm

Does anyone know if it is possible to set a border radius for picture element cards? I have rounded corners throughout my setup, but it doesn’t apply to picture elements which makes the interface look a bit unfinished. Any way to do this?

See screenshots:

I have the custom:card-modder installed and works nice for all other cards.

thomasloven · January 25, 2019, 8:32pm

Add overflow: hidden to the list of styles.

jimz011 · January 25, 2019, 8:35pm

Great gonna test this when I get back, if it works you are the man (you already are, but even more then). Thanks

sfnetwork · January 25, 2019, 11:07pm

Could I ask you share the code for this (combining miniplayer with popup)?

cjsimmons · January 25, 2019, 11:18pm

Any ideas about this?

thomasloven · January 25, 2019, 11:22pm

Could you give me a link to the card?

cjsimmons · January 25, 2019, 11:23pm

This is the card I’m having issues with. It’s only happening with this one.

Abeksis · January 25, 2019, 11:30pm

I also had the same error, just under darksaky. Here is my code.

github.com

abeksis/My-HomeAssistant-Config/blob/master/HomeAssistant_File/ui-lovelace.yaml

title: Home
views:
  - title: Home
    path: home
    cards:
      - type: vertical-stack
        cards:
          - type: custom:button-card
            color_type: blank-card
            styles:
              card:
                - height: 10px
          - type: button
            tap_action:
              action: navigate
              navigation_path: ../homekit-infused/
            hold_action:
              action: navigate
              navigation_path: ../homekit-infused/
            show_icon: true

This file has been truncated. show original

local/custom_ui/card-modder.js:44:23 Uncaught TypeError: this.card.style.setProperty is not a function

iantrich · January 26, 2019, 12:18am

Has nothing to do with the mini-media-player, but rather the entity being used by the mini-media-player

card:
  entity: media_player.office_roku
  type: 'custom:roku-card'
  volume_up:
    service: switch.turn_on
    service_data:
      entity_id: switch.office_volume_up
  volume_down:
    service: switch.turn_on
    service_data:
      entity_id: switch.office_volume_down
  volume_mute:
    service: switch.turn_on
    service_data:
      entity_id: switch.office_volume_mute
  power:
    service: switch.turn_on
    service_data:
      entity_id: switch.office_power
entity:
  - media_player.office_roku
title: Office Remote
type: 'custom:popup-card'

sfnetwork · January 26, 2019, 1:28am

Thanks. I understand how popup card works now. I got it to work with the Roku card. Great usage of those two cards.

jimpower · January 26, 2019, 2:14am

That’s because I used a lot of custom cards and paulus didn’t want to confuse new to HA users. I am doing up a more “new user” friendly version of lovelace for demo page should be updated over the weekend. That is why you are seeing gaps in the demo page.

jimz011 · January 26, 2019, 2:32am

Worked like a charm, thanks a lot!

thomasloven · January 26, 2019, 9:53pm

I’ve updated card-modder to work around the odd behavior of the darksky-weather-card thing…
Latest version is 70344a.

Mariusthvdb · January 26, 2019, 11:28pm

HI Jim ,

Would you care to show the conic you made for those buttons (they are buttons are they?) Lights, Devices, Climate, Scenes etc etc? You talk about Picture elements, but as this https://www.home-assistant.io/lovelace/picture-elements/ shows a completely different approach, Ive never even looked at that… Your screens make me rethink, and Id really like to get to know how you did that.
thanks!

thomasloven · January 26, 2019, 11:32pm

They are probably just picture cards with tap_action set to navigate.

Back in the days that was the only way to do it…

jimz011 · January 26, 2019, 11:32pm

ofcourse, you can check my github page for my entire lovelace code but trust me, I am not a programmer or anything. I just stumbled upon Home Assistant and so I thought lets try if I can do this. I have no knowledge of how good, nice or clean code should look like and I’m pretty sure it can all be done much simpler. But this is what I came up with which works perfect for me.

https://github.com/jimz011/HA

edit: I mentioned the picture-elements card because I had trouble making a rounded corner on those. The other ones are indeed just picture cards with a navigation path. But thanks to @thomasloven I know how to make rounded corners on those too.

thomasloven · January 26, 2019, 11:33pm

Called it!

thomasloven · January 26, 2019, 11:41pm

auto-entities

Sometimes you may wish to add a lot of entities to a card, or perhaps just some, but which ones may change.
Like say you want to list all lights that are turned on, or all sensors whose battery is about to run out.

My first contact with custom lovelace cards was the monster-card by ciotlosm, which does exactly this. It does have some shortcomings, though, and that’s why I made a reimplementation of it which I chose to call

auto-entities

Differences from monster-card includes:

support for actual regular expressions
support for custom cards (it can be used to populate a fold-entity-row, for example)
support for fetching entities from a group
ability to parse advanced attribute specifications

VDRainer · January 26, 2019, 11:56pm

Awesome!!!
Now there’s the need for a:
- type: custom:thomasloven_magic_monster_update_and_whatever_comes_next_card