My Lovelace Plugins

tom_l · March 2, 2019, 11:29am

Like this:

entities:
  - entity: light.lifx_bottom_of_stairs
    toggle: true
    type: 'custom:slider-entity-row'
  - entity: light.lifx_top_of_stairs
    toggle: true
    type: 'custom:slider-entity-row'
  - entity: light.lifx_hallway
    toggle: true
    type: 'custom:slider-entity-row'
show_header_toggle: true
title: Hall
type: entities

Plexat · March 2, 2019, 11:32am

Yes, thank you so much. I now see what was wrong. Great!

dotromain · March 2, 2019, 1:43pm

Nice ! What is your theme ?

tom_l · March 2, 2019, 1:56pm

daphatty · March 4, 2019, 12:06am

EDIT: Ignore me. Once again, clearing cache fixed the issue.

Why is this always the fix? Shit like this would drive me crazy if I were a web dev…

hoangtuit · March 4, 2019, 1:15am

Very nice, Can you share your code?

Dino-Tech · March 4, 2019, 1:44am

Worked like a charm and now able to use card-modder. Thank you for your time!!

thomasloven · March 7, 2019, 8:32am

Thank you so much to everyone who have bought me coffee!

I’ll make sure the money is well spent:
coffee

Dino-Tech · March 7, 2019, 8:44am

Cheers! Thanks again!

denver · March 7, 2019, 8:47am

Inspired by @teachingbirds stream recently on @DrZzs youtube channel , I now use the scrape Lovelace card on my page as:

platform: scrape
name: Travel
resource: https://twitter.com/Essex_Travel
select: “.js-tweet-text-container .tweet-text”

It all works fine but was wondering if its possible to get the time displayed since the tweet on the card as it does on twitter.com, or at least the time the tweet was posted. Thank you.

thomasloven · March 7, 2019, 8:49am

You probably want this: Custom Secondary Info for Entities Card
And you need to add support for it to the scraper.

But this is not the thread for that.

Dino-Tech · March 7, 2019, 4:19pm

@thomasloven I have designed a view for my tablet based solely on your new popup feature change and avoiding tap_action: navigate. Totally user friendly and my wife loves it++. However, with 20+ popups being used, I have found a need for a medium sized (width) popups,(for visual aesthetics on certain instances, e.g. alarm card and displaying cards with just too much for info a small popup, but not enough to look right on a large pop up) and was wondering if this is something you may consider or if this is even possible. Thanks!

thomasloven · March 7, 2019, 9:15pm

I added a style: option that you should be able to use.

E.g:

popup_cards:
  light.bed_light:
  title: My popup
  style:
    width: 50%
    border-radius: 25px
    --ha-card-border-radius: 25px
  card:
    ...etc...

I may also have accidentally fixed the problem where several popup-cards can be shown stacked… (@sfnetwork)

Be sure to also update card-tools!

sfnetwork · March 8, 2019, 12:37am

About the Roku remote doubled when using popup, no, still an issue (but I’m aware I didn’t send you the debugs, etc… yet, just forgot…)

Dino-Tech · March 8, 2019, 8:11am

Worked perfect and was able to reduce code greatly by adding all style to popup and removing card-modder from the popup config. Full background images instead of ugly header now thanks again!!!
header

jcreynolds · March 8, 2019, 6:03pm

Looking for some help, having some issues with trying to use the layout-card. Get this error in my console:

 layout-card.js?track=true:72 Uncaught (in promise) TypeError: Cannot read property 'map' of null
    at HTMLElement.make_cards (layout-card.js?track=true:72)
    at HTMLElement.build (layout-card.js?track=true:96)
    at HTMLElement.firstUpdated (layout-card.js?track=true:34)
    at HTMLElement.performUpdate (app-a285b20d.js:93)
    at HTMLElement._enqueueUpdate (app-a285b20d.js:93)

Edit: In an effort to try and solve this issue I pulled the raw of both card-tools and layout-card down, cleared cache and restarted home assistant. The error remains however, the property from the first line has changed to push.

thomasloven · March 8, 2019, 7:27pm

The first error could happen if you don’t have cards: in your configuration.
The second one doesn’t make sense, because there’s no reference to push on line 72, and it’s impossible to guess the problem without your configuration.

jcreynolds · March 8, 2019, 8:08pm

layout-card.js?track=true:142 Uncaught (in promise) TypeError: Cannot read property 'push' of undefined
at cards.forEach (layout-card.js?track=true:142)
at Array.forEach (<anonymous>)
at HTMLElement.build (layout-card.js?track=true:117)
at HTMLElement.firstUpdated (layout-card.js?track=true:34)
at HTMLElement.performUpdate (app-a285b20d.js:93)
at HTMLElement._enqueueUpdate (app-a285b20d.js:93)

I am sorry its push at line 142

Here is my implementation of layout-card:

  - id: 4 #Automatically Created ID
    title: Grahams Bedroom
    icon: mdi:hotel
    background: center / cover no-repeat url("/local/images/darkpanel.jpg") fixed
    name: Grahams Bedroom
    panel: true
    cards:
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: custom:compact-custom-header
                background_image: true
                menu: show
                options: clock
                voice: hide
                clock_format: 12
                clock_date: true

          - type: custom:layout-card
            column_width: [12%, 22%, 22%, 22%, 22%]
            cards:
              - type: vertical-stack
                cards:
                  - type: custom:card-modder
                    card:
                      type: markdown
                      content: '## Scenes'

                    style:
                      --paper-card-background-color: rgba(0, 0, 0, 0)
                      box-shadow: none

thomasloven · March 8, 2019, 9:19pm

Thank you.
There’s a breaking change in the latest release. column_width is now just a number that determines when to split the screen. In order to get varying widths you should use max_width in the same way, and also set column_num and max_columns` appropriately.

An anoying change, but it allows for much more flexibility and responsive design.

Eg: